Pinput ~PinboardユーザーのためのChrome Extension~

Published at 2013-11-13

• Pinboard - 雑音の少ないブックマークサイト
• Pinput - Chromeストア
• 1000ch/Pinput -リポジトリ

なんか、周りのPinboardユーザーに使ってもらったら思った以上に好評だった。@t32k氏と『既存だといいのがないですね』という話をしていたら、いつの間にかプロトタイプが出来てた。

最初は他のExtensionみたいにiframeでやっていたんだけど、やっぱiframeだと重いうえに、iframe内のイベントを拾えないのでポップアップウィンドウを閉じれない。使い心地で1番ネックだったのはここなので、PinboardのAPIを使って1から画面を作った。ら、結果的にかなり軽快に動作した。

Simple is BEST!

Bookmarkするだけの、単純なものです。削除くらいはあってもいいかなと思ったりもするが、様子で。

iframeをなくしたのでPinboardに対する認証が必要になる。HTTP AuthとAPI tokenがありますが、このExtensionではAPI tokenを入力してもらうことで実現している。アイコンを右クリックか、拡張機能ページからオプションページを開くことが出来るので、そこから設定してください。PinboardのAPIトークンは、特別な設定もなく、Setting > Passwordから入手可能。

タイプしてる最中のサジェスト

iframe実装をやめたことによる唯一の弊害がこれ。公式のPinboard - Save a Bookmarkだと tags の場所には文字列のサジェストが出る。どうしようと思った矢先に頭をよぎったのがtypeahead.js。これがまーよく出来てる。

ちょうどjQueryも使ってることだし、やってみたらかなり簡単に使えた。サジェストするキーワードは、そのユーザーが使っているタグをローカルにキャッシュしたけど、リモートにクエリ投げて動的に取得することも出来るっぽい。