chrome extension「そのDVD、DMMにあります。」を作ったったww
「その本、図書館にあります。」に触発されて
「そのDVD、DMMにあります。」というextensionを趣味で作ったww
どういう機能かというとAmazonで今見ている商品が
DMMにあるかどうか非同期で調べて、あればリンクを表示する。
販売価格・ダウンロード価格や無料動画があるかどうかも表示する。
設定によって「amazonより安い場合のみ表示」、「無料動画がある場合のみ表示」
とか若干のカスタマイズができる。
書くとイメージしづらいけど
百聞は一見に如かずということで、
コチラをインストールしたあとで以下の2つのamaazonの商品画面を開いて、
少し待つとおそらくボタンが表示されるはず。
(オプションはchromeの設定の拡張機能の方にあります。)
- 作者: 尾田栄一郎
- 出版社/メーカー: 集英社
- 発売日: 2013/03/04
- メディア: コミック
- 購入: 3人 クリック: 20回
- この商品を含むブログ (23件) を見る
【こちらは微エロ注意】
http://www.amazon.co.jp/exec/obidos/ASIN/B00BFK15IK/
…………………………………………………………
さてやってみた感想だがjavascriptの勉強になった。
意外にもすごく簡単に作れる。
以下はお世話になったサイト
http://dev.screw-axis.com/doc/chrome_extensions/
http://www.eisbahn.jp/yoichiro/2012/11/chrome_extension_basic_structure.html
特にデザインパターンの解説はお金払っていいレベルの
有益な情報で非常にこの方には感謝しております。
これからやろうとする(奇特で酔狂な)方のために
自分が若干気づいた注意点を羅列しておきます。
- 検索するとmanifestバージョンが古い場合の解説があって、
そのまま従っていると躓くことがある。
最新バージョン(今のところ2)の解説を読みましょう。
- デザインパターンは上のサイトで解説されている通り、
どんな小さなものでも一応その体裁に従ったほうがいいと思う。
- オプションで設定した値をlocalStorageで扱うと思うが、
コンテントスクリプトから参照するには何故かbackground.jsと
通信せねば取得できない。
- テスト環境では問題ないし、デベロッパーの管理画面から
本番アップできるのにインストールしようとすると
「manifestが無効です」って出ることがある。
何故出たのかわからないことがあったが、
これはGoogle側がバリデートチェックさぼってるみたい。
Googleの怠慢ですが自己責任なので
開発者の方は本番反映したら、
ちゃんとインストールできるかどうか調べた方が無難です。