LoginSignup
9
10

More than 5 years have passed since last update.

はてブと同時にQiitaストックするサービスを作りました

Posted at

その名も「はてブと同時にQiitaストック」です。
はてブと同時にQiitaストック - http://hb2qiita.com/

What's はてブと同時にQiitaストック

名前の通り、はてなブックマークにQiita記事をブックマークすると、自動的にその記事をストックするサービスです。
どんなツール(Web/ブラウザ拡張/アプリ/ブックマークレット/ブックマークボタン/ツイート/メール/その他3rd-partyツール)からブックマークする場合でも、ブックマークしたURLがQiitaの記事であれば自動的にストックします。

以下のような特徴があります。

  • Qiita記事をはてなブックマークへブクマすると自動でストック
  • はてなブックマークから削除すると自動でストック解除
  • ブクマ経路(Webから、アプリからなど)を問わず対応
  • 非公開ブクマをストックすることもできる(しないこともできる)

使い方

サービスへアクセス

はてブと同時にQiitaストック - http://hb2qiita.com/
blog-toppage.png

Qiitaへログイン&サービス連携

サービスから「Qiitaでログインして利用」をクリックすると、Qiita側のアクセス許可画面が表示されるので「許可」をクリックします。1
blog-qiita-auth.png

はてなブックマーク設定用のURLとキーをコピー

ログイン&連携(許可)すると、あなた専用のURLとキーが発行されます。なお、キーは他人に教えたり公開しないでください。2

これらの値をコピーしてはてなブックマークサイトの設定(Web Hook設定)へ登録します。

はてなブックマークのWeb Hook設定3

設定用URL

下の画像のようにURLが表示されるのでコピーします。コピーボタンをクリック(タップ)するとクリップボードにコピーされます。4
blog-url.png

このURLをはてなブックマーク Web Hook 設定ページの「イベント通知を受け取るURL」欄にペーストします。

設定用キー

下の画像のようにキーが表示されるのでURLと同様にコピーし、同じくWeb Hook設定ページの「キー」欄にペーストします。
blog-key.png

イベントの種類

キー欄の下にある「受け取るイベントの種類」では、必ず「ブックマークの追加 / 更新 / 削除」にチェックを入れてください。
webhook-hb-settings-event.png

この際、「非公開ブックマークのイベント通知も送信する」へチェックを入れると、はてなブックマークの非公開設定でブックマークした場合でもQiita記事をストックします(チェックを入れなければストックしません)。

はてブWeb Hook設定を保存

最後に忘れずページ最下部の「変更を保存」をクリックします。
blog-submit.png

おめでとうございます。これで設定完了です!
完了後、はてなブックマークへQiita記事をブクマすると、自動的にその記事をストックします。

サービスへ登録した後、おためしとして、この記事をはてなブックマークへブクマしてみてください。ブクマ後にページ再読み込みすると、ストックできていると思います。

はてブと同時にQiitaストック - http://hb2qiita.com/


  1. ストック有無のチェック(データ読み出し)とストック/ストック解除(データ書き込み)を行います 

  2. 万が一悪意ある他人に知られた場合、Qiitaストックを勝手に追加/削除される可能性があります 

  3. はてなブックマーク Web Hook - Hatena Developer Center 

  4. iOSでは、Safari以外のブラウザではクリップボードにコピーが動作しない(iOSの制限)ため、Safariからご利用ください 

9
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
10