Subscribed unsubscribe Subscribe Subscribe

はてなブックマークをポップアップで閲覧するChrome拡張を作った、またはスマートフォンビューとChrome拡張の相性が抜群な件


はてなブックマークをポップアップウィンドウで簡易に閲覧するPopup Hatena BookmarkというChrome拡張を書きました。インストールは以下のリンクからどうぞ。
https://chrome.google.com/extensions/detail/ieilnnjbpdnfdfjfkppjpagglljmbpme
ブラウザ上のアイコンをクリックするだけで、自分のブックマークやお気に入りのブックマークした記事をその場で参照できます。いちいちb.hatena.ne.jpを見に行く手間がなくなって便利です。ぜひご活用ください。
f:id:Cside:20101231232207p:image:w300 f:id:Cside:20101231232206p:image:w300
ソースはGitHubに上げてあります。
https://github.com/Cside/Popup-Hatena-Bookmark

スマートフォンビューとChrome拡張の相性の良さ

さて、「作った」とは書きましたが、僕はこの拡張の作成にあたってほとんどコードを書いていません。ソースを見ると分かりますが、この拡張は、はてなブックマークスマートフォンビュー(http://b.hatena.ne.jp/my/touch)をiframeで読み込んでいるだけの非常に単純な作りだからです。
ここからが本題ですが、スマートフォン用に作られたビューはコンパクトな画面に必要最小限の機能が凝縮されているので、これをそのままChrome拡張でポップアップウィンドウで表示させると非常に便利な場合が多々あると気づきました。何より作るのが非常に楽なのも大きいです。実際、Tumblr Dashboardという拡張も同じ方法でできていました*1し、この方法で作られているChrome拡張は結構な数ありそうです。
iframeで読み込んでいるURLと、128x128のアイコン、それからmanifest.jsonの項目をちょこちょこっと差し替えるだけで、ポップアップ表示のChrome拡張を簡単に量産することができます。上で紹介した拙作のPopup Hatena Bookmarkのソースを、ぜひいろいろなサービスのスマートフォンビューのURLで差し替えて試されてみてください。


ではでは、よいお年を。気づけば今年も残り10分でした。

*1:TumblrのDashboardのスマートフォンビューのURLをiframeで表示させている