どこで働いているかわからない、無名のエンジニアのわりとどうでもいい日記www

ネットデブリ予定地です。。生暖かい目で今後ともヨロシクwww 技術よりも哲学的な内容が多いですww

chrome extension「そのDVD、DMMにあります。」を作ったったww

「その本、図書館にあります。」に触発されて

https://chrome.google.com/webstore/detail/%E3%81%9D%E3%81%AE%E6%9C%AC%E3%80%81%E5%9B%B3%E6%9B%B8%E9%A4%A8%E3%81%AB%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82/ldidobiipljjgfaglokcehmiljadanle?hl=ja


「そのDVD、DMMにあります。」というextensionを趣味で作ったww

https://chrome.google.com/webstore/detail/%E3%81%9D%E3%81%AEdvd%E3%80%81dmm%E3%81%AB%E3%81%82%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82/hlbofolcpidlfjoniimoekjbclalcdhp

どういう機能かというとAmazonで今見ている商品が
DMMにあるかどうか非同期で調べて、あればリンクを表示する。

販売価格・ダウンロード価格や無料動画があるかどうかも表示する。

設定によって「amazonより安い場合のみ表示」、「無料動画がある場合のみ表示」
とか若干のカスタマイズができる。

書くとイメージしづらいけど
百聞は一見に如かずということで、
コチラをインストールしたあとで以下の2つのamaazonの商品画面を開いて、
少し待つとおそらくボタンが表示されるはず。
(オプションはchromeの設定の拡張機能の方にあります。)


ONE PIECE 69 (ジャンプコミックス)

ONE PIECE 69 (ジャンプコミックス)

【こちらは微エロ注意】
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の怠慢ですが自己責任なので
開発者の方は本番反映したら、
ちゃんとインストールできるかどうか調べた方が無難です。