見ているページのタイトルとURLを取得するブックマークレット

やりたかったこと

背景

Webサイトを見ている際、Twitterにリンクを投稿したい場合や、自分のメモにURLを残したい場合に、ページタイトルとURLを併記したテキストが欲しかった。

目標

Webサイトを見ているときに、以下のように「Twitterで投稿する」or「表示したテキストをコピーして利用する」のが目標。
ブックマークレットを選んだ理由は、ブラウザのキーボードショートカットから素早く実行できるため。

テキストのコピーだけしたいとき

こんな感じでブラウザ上のダイアログに表示する。
あとはCommand+Cでテキストをコピーした後、Escを押してダイアログを消せばOK。

Twitterに投稿したいとき

こんな感じで別タブに開く。

成果物

ブックマークレット本体

テキストコピー用

bookmarklet_prompt.js

javascript:prompt('Title%20+%20URL',document.title+'%5Cn'+location.href)();

Twitterに投稿できるもの

bookmarklet_twitter.js

javascript:open('https://twitter.com/intent/tweet?text='+document.title+'%5Cn'+location.href);void(0);

おまけ(Operaでの便利な使い方)

ブックマークレットを実行できるようにお気に入りに登録。

上記のように設定すれば、アドレスバーに「t」と入力するだけでブックマークレットを実行することができる。
実際に打つキーの全ては以下。

1. Command + L : アドレスバーにフォーカス
2. t : アドレスバーに「t」と入力
3. Enter : ブックマークレットを実行

これだけのコマンドで、新しいタブに以下のようなテキストで開くことができる。

参考

タイトル・URL・選択テキストをコピーする Bookmarklet - Fluffy white croquis
http://align-centre.hatenablog.com/entry/2013/12/16/234604