画像のURLの指定について
イメージマップについて公式が記載しているので、リンク貼っておきます。
Messaging API イメージマップメッセージ
・画像フォーマット: JPEGまたはPNG
・画像の幅:240px、300px、460px、700px、および1040px
・最大ファイルサイズ:10MB
まず、このような指定があります。
この通りに準備すると、
Image
|- 240.jpeg
|- 300.jpeg
|- 460.jpeg
|- 700.jpeg
┗- 1040.jpeg
のようになっていると思います。
そして、このままサーバーにアップロードして、
いざイメージマップを読み込もうとすると、エラーとなりました。
よくよくリファレンスを読んでみると、
注意
画像のURLには拡張子を含めないでください。「https://example.com/bot/images/rm001/700.png」のように、URL?に拡張子が含まれている場合、イメージマップメッセージでは画像が表示されません
とあります。
よって「〜〜〜.jpeg」ではうまく読み込んでくれないのです。
解決法
拡張子を含めないでと言われているので、拡張子を消します。
ここではMacで説明します。
- はじめに拡張子を表示してください。Finderの設定を開いて、詳細->すべてのファイル名拡張子を表示をオンにすると表示されます。
- 拡張子を消したいファイルを選択して、Enterを押します。(ファイル名編集モードになります。)拡張子を削除して、Enterを押します。警告が出てきますが、進みます。以上で拡張子を消すことができます。
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1938842%2Fb218e1b6-dc13-ca81-cbf0-2a6f0fda1bec.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=055b576b4120327e4c72fa8378c2591b)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1938842%2F9c87d938-a51a-4c98-ab59-13e24222745d.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=16cd9824dad6e375781e57631666c564)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1938842%2F551b56d6-ffd6-ee9b-5fd6-92d5cbef5ad3.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=76470a89e930f284c50d72440b4b7676)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1938842%2F21457a5e-cb89-9713-e2dc-863f4f2dd13f.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=f1022342f8756bd7b1be539a9b6a1385)
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-image-store.s3.ap-northeast-1.amazonaws.com%2F0%2F1938842%2F8a82119b-cd26-bf15-077d-ad72cad6e6e1.png?ixlib=rb-4.0.0&auto=format&gif-q=60&q=75&s=5b5579535f406ed011504a2bc0d202f4)