ブログ

【神対応】アプリーチの画像が表示されない問題を作成者に問い合わせたら一瞬で解決した

更新日:

アプリーチで画像が表示されない原因と解決策!
HAL
どうも!HAL(@HAL_YORUKORE)です。

アプリを紹介する時にアプリーチを使って紹介してる人って多いと思います。

僕もアプリーチ使ってるんですが、なぜだかアプリの画像だけがうまく表示されない問題にずっと悩まされてました。

HAL
全然解決できねー

という状態だったんですが、最後の希望としておもいきってアプリーチの作成者の方に問い合わせをしたところ、すぐに連絡をいただけて一瞬で解決しました。

そこで今回は感謝の意味も込めて

  • アプリーチで画像が表示されなかった原因と解決方法
  • アプリーチ作成者の方への問い合わせ方法

をご紹介してます。

アプリーチで画像が表示されなくて困っているという人の参考になれば嬉しいです。


アプリーチで画像が表示されない原因と解決策

まずはなぜアプリーチで画像が表示されなかったのかという原因と解決策についてまとめてご紹介です。

アプリーチで画像が表示されないという問題はググってみると僕だけではなくていろんな人が悩んでいるみたいでした。

 

しっかり解決策を記事にしてくれている人もいたので、その記事を参考に色々試してみたのですが...

HAL
全然解決できねー(2回目)

といった感じでかなり絶望してました。

 

ちなみに解決する前はどんな状態だったかといいますと

解決前の状態

Twitter

Twitter
開発元:Twitter, Inc.
無料
posted withアプリーチ

画像が表示されない超残念な感じになってました。

 

この問題がどうしても解決できなくて、最後の希望としてアプリーチ作成者の方に問い合わせたところ...

解決後の状態

Twitter

Twitter
開発元:Twitter, Inc.
無料
posted withアプリーチ

こんな感じで綺麗に画像が表示できるようになりました!

 

原因と解決策は超簡単でした!

https://twitter.com/nabettu/status/1074660453962285057

HAL
ん?余計な改行が含まれている?

 

ということでコードを確認したところ

解決前のコード

<div id="appreach-box" style="text-align: left;">

<img id="appreach-image" src="https://is4-ssl.mzstatic.com/image/thumb/Purple128/v4/7f/3d/15/7f3d15fb-f4be-ef62-96dc-d0f4f13b2a7c/source/512x512bb.jpg" alt="Twitter" style="float: left; margin: 10px; width: 25%; max-width: 120px; border-radius: 10%;"><div class="appreach-info" style="margin: 10px;"><div id="appreach-appname">Twitter</div><div id="appreach-developer" style="font-size: 80%; display: inline-block;">開発元:<span id="appreach-developerurl">Twitter, Inc.</span></div><div id="appreach-price" style="font-size: 80%; display: inline-block;">無料</div><div class="appreach-powered" style="font-size: 80%; display: inline-block;">posted with<a href="http://mama-hack.com/app-reach/" title="アプリーチ" target="_blank" rel="nofollow">アプリーチ</a></div><div class="appreach-links" style="float: left;"><div id="appreach-itunes-link" style="display: inline-block;"><a id="appreach-itunes" href="https://itunes.apple.com/jp/app/twitter/id333903271?mt=8&amp;uo=4" target="_blank" rel="nofollow"><img src="https://nabettu.github.io/appreach/img/itune_ja.svg" style="height: 40px; width: 135px;"></a></div><div id="appreach-gplay-link" style="display: inline-block;"><a id="appreach-gplay" href="https://play.google.com/store/apps/details?id=com.twitter.android" target="_blank" rel="nofollow"><img src="https://nabettu.github.io/appreach/img/gplay_ja.png" style="height: 40px; width: 134.5px;"></a></div></div></div><div class="appreach-footer" style="margin-bottom: 10px; clear: left;"></div></div>

 

解決後のコード

<div id="appreach-box" style="text-align: left;"><img id="appreach-image" src="https://is4-ssl.mzstatic.com/image/thumb/Purple128/v4/7f/3d/15/7f3d15fb-f4be-ef62-96dc-d0f4f13b2a7c/source/512x512bb.jpg" alt="Twitter" style="float: left; margin: 10px; width: 25%; max-width: 120px; border-radius: 10%;"><div class="appreach-info" style="margin: 10px;"><div id="appreach-appname">Twitter</div><div id="appreach-developer" style="font-size: 80%; display: inline-block;">開発元:<span id="appreach-developerurl">Twitter, Inc.</span></div><div id="appreach-price" style="font-size: 80%; display: inline-block;">無料</div><div class="appreach-powered" style="font-size: 80%; display: inline-block;">posted with<a href="http://mama-hack.com/app-reach/" title="アプリーチ" target="_blank" rel="nofollow">アプリーチ</a></div><div class="appreach-links" style="float: left;"><div id="appreach-itunes-link" style="display: inline-block;"><a id="appreach-itunes" href="https://itunes.apple.com/jp/app/twitter/id333903271?mt=8&amp;uo=4" target="_blank" rel="nofollow"><img src="https://nabettu.github.io/appreach/img/itune_ja.svg" style="height: 40px; width: 135px;"></a></div><div id="appreach-gplay-link" style="display: inline-block;"><a id="appreach-gplay" href="https://play.google.com/store/apps/details?id=com.twitter.android" target="_blank" rel="nofollow"><img src="https://nabettu.github.io/appreach/img/gplay_ja.png" style="height: 40px; width: 134.5px;"></a></div></div></div><div class="appreach-footer" style="margin-bottom: 10px; clear: left;"></div></div>

HAL
解決前のコードと解決後のコードを比較すると違いがわかりますよね?

<div id="appreach-box" style="text-align: left;">

のあとにたった一行改行が含まれているかどうかというだけなんです。

これが原因だったんですね!

 

プログラミングってたったこれだけでエラーになるから怖いですwww

HAL
エンジニアなら自分で気づけよって感じなんですが

ということでたったこれだけのことでアプリーチで画像が表示されない問題は解決することができました。

注意ポイント

アプリーチで画像が表示されない原因はひとつではありません。

今回ご紹介した原因ではない可能性もありますので、自分で調べてどうしても解決できない場合はアプリーチ作成者の方に問い合わせてみましょう。

アプリーチ作成者の方への問い合わせ方法

ちなみにアプリーチを作成されたのはママブログとして超有名なままはっくを運営する、まなしばさん(@manami1030)とご主人のnabettuさん(@nabettu)です。

 

アプリーチに関する問い合わせはすごく簡単ですぐにできました。

step
1
アプリーチのサイトにいき右上に表示されている【お問い合わせ】ボタンを押す

アプリーチ

step
2
指定された入力フォームに回答していく

これだけですので誰でも迷わず簡単に問い合わせできます。

 

僕の場合は問い合わせをしてから約2日程度で指定した記事をみていただいて原因を解明していただき、ツイッターにて回答をいただくことができました。

https://twitter.com/nabettu/status/1074660453962285057

すごく丁寧にコメントくださって本当に感謝感謝です。

HAL
まさに神対応

 

僕と同じようにどうしてもアプリーチで画像が表示されないという方は、お問い合わせしてみるといいかと思います。

ですが問い合わせる前に、まずは自分でググって解決策をいろいろ試してみましょう!

最後まで読んでいただきましてありがとうございました。

HAL
HAL(@HAL_YORUKORE)でした。

 

おすすめ▼よく読まれている人気記事

  • この記事を書いた人
hirokikatayama

HAL

文系出身で未経験のスキルゼロからエンジニアになったHALです!これからはプログラミングとブログで生きていくことを決めました!まずは働き方の自由を求めてフリーランスエンジニアを目指してます。プログラミングやブログ初心者の方向けに情報発信していきます。

Copyright© YORUKORE , 2020 All Rights Reserved Powered by AFFINGER5.