【楽天裏ワザ】画像の高速更新＆画像枚数制限の無限化

こんにちは。気づけばもう今年も2ヶ月を切りました。明日はiPhoneXの発売日ですね。皆さんは予約しましたか？！私は、予約はできたものの11月14日～21日配送になってしまいました。ヤフオクでは当日配送28万円で落札されるような大変なお祭りになっています。興味のない人からするとなんてバカなことをしているんだろうと思われるでしょうね（笑）
スマホケースやアクセサリーを扱っている弊社としては、1年間でトップクラスの新商品ラッシュになっています。焦ってしまうといつもならミスしないようなことも気づかずミスしてしまうこともあります。商品ページの説明文の誤字、、、確認したはずなのに確認漏れで楽天キャビネットにアップロードしてしまった。そんな時に便利な小技とかを今回は紹介していきます。

1. 楽天キャビネットの画像の高速更新
2. スマートフォン用商品説明文の画像枚数制限を無限にする
3. まとめ

楽天キャビネットの画像の高速更新

商品画像やバナーなど、楽天キャビネットを利用している方が多いと思います。弊社の提供データもキャビネットを利用することを前提で提供しているのですが、キャビネットには弱点があります。1度アップロードしている画像を上書きでアップロードする場合に最長で24時間たたないと更新されない点です。アップロードする側からするととても不便です。

そんな楽天キャビネットの弱点を一瞬で解決してくれる魔法があります。(魔法を言うほどのものではないのですが。。。)

画像URLの後ろにクエリ文字列を足すだけです。

と言われてもクエリ文字列ってなんなの？ってなりますよね？

クエリ文字列とは、
GETパラメータなどと呼ばれることもあるらしいですが、要するにURLの後ろの方についている「?600*600」や「?xxx=xxx&○○○=○○○」といったような文字列のことです。
本来は、主に検索結果などの動的なWebページで、検索キーワードなどを保持するためにURLに付加されるものなのです。

本来とはちょっと違った使い方をするのですが、これを追加したイメージタグを貼り付けるだけで24時間待つことなく一瞬で更新されます。
例：

	変更前
	https://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/zen4-antique.jpg
	
	↓
	
	変更後
	https://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/zen4-antique.jpg?1103
	

「？」のあとは、どんな文字列でも大丈夫です。

	https://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/zen4-antique.jpg?hayakukaeritai
	
	https://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/zen4-antique.jpg?asitakara3renkyu
	

などほんとになんでも大丈夫なんですが、後々のメンテナンス性を考慮すると変更日にするなど何かしらのレギュレーションを決めることをオススメします。

完成形としては

	<img src="https://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/zen4-antique.jpg?17-11-03" alt="zenfone4アンティークレザー手帳型ケース">
	

このような感じで使用すれば一瞬で更新されます。
更新頻度が高い画像やイベントバナーですぐにでも更新したい画像などに使うと効率よく更新作業ができます。

スマートフォン用商品説明文の画像枚数制限を無限にする

続いては、スマホ用の商品説明文の画像枚数制限を無視して無限(文字数制限は無視できません)に貼る方法を紹介します。

スマートフォン用商品説明文で利用できる画像は10枚までです。画像としてシステム側での判断は、＜img＞タグの個数で判断しているみたいなので、最近ちょくちょく紹介している楽天RMSのバグを利用することで画像をして認識されなくなるので何枚でも貼り付けることができるようになります。
※ただし、5120文字(半角10240文字)以内じゃないと文字数制限にひっかかるので注意してください。

バグの発生条件

• pタグの中に入れる
• altのバグコードを利用する

以上２点だけで可能です。

例：

	<p> 
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_1.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_2.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_3.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_4.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_5.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/sumahoya2/ipx-cabon-tpu_6.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/banner/banner_1.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/banner/banner_2.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/banner/banner_3.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/banner/banner_4.jpg" alt=" width=" 750"="" width="95%" "=""><br>
  <img src="http://image.rakuten.co.jp/店舗URL/cabinet/banner/banner_5.jpg" alt=" width=" 750"="" width="95%" "=""><br>
</p>
	

こんなにもカンタンに追加可能です。

このように画像が無制限に入れれるということは、回遊性のアップを狙って関連アイテムなどのバナーを何枚でも貼り付けることも可能です。

まとめ

今回は、楽天キャビネットで画像を瞬時に更新させる方法とスマートフォン用商品説明文の画像枚数制限の回避方法を紹介しました。また、バグなどを利用してできることがありましたら紹介していきます。また、こんなことできるって聞いたんだけど本当にできるの？？とかありましたらコメント欄に書いていただけると私の分かる範囲にはなってしまいますが紹介していければと思っていますので、なにかあればコメント欄へお願いします。