はてなブログの「埋め込み」リンクを自動的に取得するブックマークレット

Hatena

はてなブログの機能でURLを貼り付けると自動的にリンク先のタイトルやサムネイルを取得して表示する「埋め込み」形式でコンテンツを貼り付けられる機能がある。

いわゆるこういうやつだ。

help.hatenablog.com

この機能とても便利なのだがちょっとだけリンク先の情報を取得するためプレビュー表示時にタイムラグが発生する。 まあ、ひとつやふたつなら大した時間のロスにはならなくていいのだが、どうせなら直接「埋め込み」形式を貼り付けられるようにしてタイムラグを感じることなくブログを書けるようにしたい。

というわけでブックマークレットをつかって自動的に「埋め込み」形式を生成するようにした。

javascript:prompt('URL%20ForHatena%20Blog%20embed','['+location.href+':embed]')();

使い方は

  1. このページをChromeなどのブラウザでブックマークする*1

  2. ブックマークを編集する

    • 名前: はてなブログ埋め込みリンク生成

    • URL: javascript:prompt('URL%20ForHatena%20Blog%20embed','['+location.href+':embed]')();
      f:id:snowlong:20160509172804p:plain

  3. リンクを取得したいページをブラウザで開き「はてなブログ埋め込みリンク」をクリック f:id:snowlong:20160509173408p:plain

  4. ポップアップ内のURLをはてなブログの記事入力欄にコピペする。

こうすることでタイムラグを感じることなく「埋め込み」形式で貼り付けることができるようになった。

例えば、

http://snowlong.hatenablog.com/entry/2014/04/18/%E6%AF%8E%E6%97%A5%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E6%9B%B8%E3%81%8F%E3%81%93%E3%81%A8

のリンクは以下のように展開される。

リンク先の情報を取得する時間待たされるのははっきりいえば時間の無駄だ。 ブックマークレットで「埋め込み」形式を取得して、リンクが埋め込まれているかあとでまとめてプレビューで確認すれば時間を短縮できる。
やったね。

ちなみにデフォルトとは違い最後のドメインは除いてあるのでドメインも必要であれば↓のを使ってください。

javascript:prompt('URL%20ForHatena%20Blog%20embed%20and%20cite','['+location.href+':embed:cite]')();

ブックマークレットが何かはこちらを参照ください。

ブックマークレットという存在を忘れていてつくってみると便利だなって今更思ったりした。

*1:1は擬似的なブックマークなのでどんなページでもかまわない。