凸 ブロックのつみかさね

デザイン、技術メモ、レビュー中心の雑記ブログ

はてなブログのAmazon画像を挿入するブックマークレット

先日、はてなブログのAmazon画像を調整する方法 - ブロックのつみかさねという記事を公開しました。そこでブックマークレットについて書いていましたが、簡単につくれたので、ご紹介します。

動作確認環境

  • MacOS 10.12.3
  • Google Chrome 56.0.2924.87 (64-bit)

ブックマークレットを追加

表示したい画像サイズに応じたブックマークレットを追加してください。

一応、ブックマークレットのコード自体も貼り付けておきます。

//Amazon画像小
javascript:(function(){var asin=document.getElementById('ASIN').value;prompt('hatena blog Amazon code','[asin:'+asin+':image:small]');})();

//Amazon画像中
javascript:(function(){var asin=document.getElementById('ASIN').value;prompt('hatena blog Amazon code','[asin:'+asin+':image]');})();

//Amazon画像大
javascript:(function(){var asin=document.getElementById('ASIN').value;prompt('hatena blog Amazon code','[asin:'+asin+':image:large]');})();

Amazonページへ

コードを作成したいAmazonの個別商品ページへ移動してください。例では「Fireタブレット - Amazonのエンターテインメントを最大限に楽しむ」とします。

Amazonページへ移動

ブックマークレットを起動

ブックマークレットを起動すると、以下のようなダイアログが表示され、コードが選択されています。このコードをコピーして、はてなブログへ貼り付けてください。

ブックマークレットを起動

今回のつみかさね

前回いろいろ試したことによって、ブックマークレットへと積み重ねることができました。これを元に、Google機能拡張とか作れるといいですね。また作り方を勉強してみないと。

©blockworks.