はてなブックマークをブラウザに同期してくれるchrome拡張を作りました!

概要

はてなブックマークでブックマークしたエントリーをchrome拡張に対応したブラウザのブックマークに同期してくれる君を作りました!

chrome.google.com

f:id:tjmtmmnk:20191118161305p:plain
同期したときの様子

こんな感じでユーザー名ごとにフォルダを作ってインポートするので複数アカウントを持っている場合でも同期可能です!

動機

筆者はvivaldiを愛用していて、vivaldiではクイックコマンドという最高便利な機能があります

vivalditips.com

このクイックコマンドはvivaldiのブックマークは検索対象になりますが、筆者は普段はてなブックマークを使ってブックマークをしているので、はてなブックマークをクイックコマンドからアクセスしたい!! という気持ちをずっと持ってました

そこで今回はてなブックマークをブラウザに同期してくれる君(長いので htbsync と名付けます)を作りました!

f:id:tjmtmmnk:20191118165124p:plain
クイックコマンドではてぶにアクセス!

使い方

準備編

まず、はてなのConsumer Keyを取得します

以下のリンクの1.1 ~ 1.3までをやっていただければ大丈夫です

本来は、提供者である筆者のConsumer Keyをいい感じに提供すべきなのでしょうが、OAuth1.0で署名として使われるConsumer Secret Keyを安全に提供する自信がなかったので各自で取得して貰うかたちになっています… (いい方法があったら教えてほしいです)

developer.hatena.ne.jp

インポートする

拡張機能 > htbsync > 詳細 > 拡張機能のオプション または アイコンをクリックすると先程取得したConsumer Keyの入力画面が表示されるので、入力して "Save"ボタンを押してください

f:id:tjmtmmnk:20191119111241p:plain

保存し終えたらアイコンをクリックするとポップアップが開きます

f:id:tjmtmmnk:20191119112105p:plain

この "Sync"ボタンを押すとアクセスしていいかを確認されるので許可してください

1回許可すると次回以降は確認されません(別アカウントへの切り替えは後述)

f:id:tjmtmmnk:20191118162613p:plain

許可できたらもう一度アイコンをクリックして、同期したいブックマークバーを選択してください

筆者の環境ではvivaldiの検索対象がブックマーク以下のブックマークだったのでブックマークを選択しています

f:id:tjmtmmnk:20191118162905p:plain
ブックマークバーの選択

ブックマークバーを選択したら、"Sync"ボタンを押してください

すると自動的に同期が完了しています!!

別アカウントへの切り替え

はてなアカウントを別のアカウントに切り替えたときは、"Logout"ボタンを押して再度そのアカウントに対してアクセス権限の確認を行ってください

"Logout"ボタンを押さないと以前に使用していたアカウントで同期がされます

同期内容

ここでいう同期とは次のものを想定しています

  • はてなブックマーク側で追加/削除 したらブラウザ側にも反映される
  • ブラウザ上に既に存在しているブックマークは追加されない
    • ただし「ゴミ箱」が存在して、はてなブックマークで追加したエントリーが、ゴミ箱に存在する場合は新たに追加されます

ぜひご利用ください!

(Consumer Secretのいい感じの扱い方も良ければ教えて下さい!)