Bookmarklets - ブックマークレット

Contents

はじめに

ブックマークレットは、ブックマークにURLを登録する代わりに、短いJavaScriptを登録して、ブラウザにいろいろな機能を追加するものです。たとえば、ブックマークを選ぶと、表示中のページを自動翻訳サービスで翻訳する、というようなことができます。

リンクをブックマーク（お気に入り）に追加するやり方はブラウザによって異なりますが、ウィンドウズでしたらリンクを右クリックすると、メニューの中にそれらしいの（たとえば「お気に入りに追加」とか「このページをブックマーク」とか）がでてくると思います。

一部の「IE専用」以外は、IE,Netscape,Mozilla,Operaの最近のバージョンで動くことを目指しています。でも大してテストしてないので、最新のIEじゃないと動かないこともあるかもしれないです。すまん。

オリジナルのブックマークレットを作成する際のポイントについては、こちらをご覧下さい。このページの作成に使っているツールについては、こちらをご覧下さい。

BlogMatcherで検索

Sat Jun 14 05:00:21 2003

いま見ているblogを、BlogMatcherで検索します。

フォームの入力内容をテキストに保存・復元

Sat Sep 25 01:01:08 2004

フォームに入力した内容をテキストとして保存したり、保存したテキストからフォームの入力内容を復元したりするブックマークレットです。

例えばウェブアプリケーションを開発していて、フォームに似たような内容を何度も入力したいことがあります。このブックマークレットを使うと、一度入力した内容をテキストとして保存しておき、好きなタイミングで入力を復元することができます。

出力されるテキストは、

[hidden:id]123,[hidden:name]koseki,%u3042%u3044%u3046,

のように、値をURLエスケープしてコンマ区切りにしたものです。

hiddenフィールドの先頭には[hidden:フィールド名]を追加します。hidden値は通常は復元しません。hiddenフィールドを書き換えたい場合は、冒頭にある[hidden:...]部分を削除してください。

今のところ、複数選択のメニューには対応していません(あんまり必要ないし……)。

Googleイメージアルバム

Sun Jul 27 15:50:50 2003

Googleイメージ検索の結果ページで、このブックマークレットを選ぶと、オリジナルの画像が貼られたアルバムページが開きます。それぞれの画像は、画像が置かれたページに直接リンクします。

IE専用です。

はてな：アンテナに追加アイコン作成

Sat Jun 14 05:14:55 2003

今見ているページをアンテナに追加するアイコン「A!」用のHTMLを生成します。

はてな：ダイアリーリンク

Sat Jun 14 05:15:26 2003

たとえば、 

http://d.hatena.ne.jp/koseki/20030515#p3

を表示中にこのブックマークを選ぶと、 

<a href="id:koseki:20030515#p3" target="_blank">こせきの日記</a>

を出力します。

はてな：ダイアリーID変換

Sat Jun 14 05:16:30 2003

はてなダイアリーを表示中にこのブックマークを選ぶと、URLをid:koseki:20030515#p1のような形式に変換して出力します。

はてな：リンクを含む日記を見る

Sat Jun 14 12:55:18 2003

いま見ているページにリンクしているはてなダイアリーを表示します。

はてな：リンク元ビューアで表示

Sat Apr 24 15:03:46 2004

はてなダイアリーの編集画面を表示中にこのブックマークを選ぶと、リンク元ビューアで表示します。オリジナルはid:antipopさんの「「はてなダイアリー リンク元ビューア」用ブックマークレット」。ありがとうございます。

はてな：投げ銭

Sat Jun 14 04:54:23 2003

はてなダイアリーを表示中に、その作者へのポイント送信ページに移動します。

はてな：トラックバックURL

Sat Sep 27 19:14:15 2003

はてなダイアリーを表示中にこのブックマークを選ぶと、トラックバック用URLを出力します。

いま見ているページにリンク

Sat Jun 14 05:29:38 2003

表示しているページにリンクするための<a>タグを出力します。たとえば、googleを表示中にこのブックマークを選ぶと、 

<a href="http://www.google.com/" target="_blank">Google</a>

を出力します。

スクリプト内のprefix,suffix,contentsを書き換えることで、リンクの前後に表示したい文字列や、リンクのラベルに表示したい文字列をカスタマイズできます。

選択範囲でページにリンク

Sat Jun 14 05:57:08 2003

表示中のページにリンクする<a>タグを出力します。表示中のページで選択している範囲が、リンクのラベルに使用されます。

IE専用です。

せかいのまんなか一覧

Sat Jun 14 05:34:18 2003

「せかいのまんなか」を表示中にこのブックマークを選ぶと、別ウィンドウでニュースへのリンク一覧を作成します。

IE専用です。

出力サンプル

Sat Jun 14 11:49:17 2003

下のリンクをクリックすると、出力先による動作の違いを確認できます。

出力先をクリップボードにすると、ブックマークレットを選んだ時に「FORMATETC構造体が無効です」というエラーが出ることがあります。このエラーが出たら、一旦ブラウザのウィンドウを閉じると、再びクリップボードにアクセスできるようになります。

また、出力先をクリップボードにする際はアラートを出す設定にしたほうが安全です。以下の記事をご覧下さい。

ブックマークレット・パブリッシュキット

このページは、複数のソースファイルからperlスクリプトによって自動生成されています。ブックマークレットを作成・配布する面倒な作業の大半を自動化できたと思います。以下を参照してください。

オリジナルのブックマークレット開発・配布に役立てていただけると嬉しいです。

参考

KOSEKI Kengo <kengo@tt.rim.or.jp>