ブラウザを便利にする小さなプログラム　ブックマークレット

「この本をアマゾンで検索したい！」

ウェブでおもしろそうな本を見つけて、そう思うことがしばしばあります。アマゾンへのリンクが付いていない場合は、本の題名や ISBN をコピーして、アマゾンのサイトを開いて、ペーストして検索っと…
それを1クリックで実行できたら便利ですよね。
それを実現するのが「ブックマークレット」です。

ブックマークレットとは、ブラウザのブックマークバーに登録できる小さなプログラムのことです。 ほとんどのブラウザで動作します。PC だけでなくスマートフォンやタブレットのブラウザでも。

ブックマークレットの登録方法

ブックマークレットを登録するのは簡単です。以下の手順でやってみてください。

1. ブックマークバーを表示
   まず、お使いのブラウザでブックマークバーを表示します。Google Chrome では、メニューの「表示」から「ブックマークバーを表示」を選択します。

2. 新しいブックマークを作成
   ブックマークバーで右クリックし、「ページを追加」を選びます。

3. 名前とURLを設定して保存
   現在表示しているページのタイトル（名前）と URL が入力欄に入っていると思いますので、書き換えて保存します。

   • 名前: ブックマークレットの目的がわかる名前を付けましょう（例: 「Amazon で検索」）。
   • URL: JavaScript（ジャバスクリプト）*1 のコードをそのまま貼り付けます。javascript:で始まるコードがそのまま動作します。 例えば、選択したテキストをAmazonで検索するコードは次のとおりです。

javascript:(function(){let t=window.getSelection().toString()||prompt("検索するテキストを入力してください:");t?window.open(`https://www.amazon.co.jp/s?k=${encodeURIComponent(t)}`,'_blank'):alert("テキストが選択されていません。");})();

これでブックマークレットがブックマークバーに追加されます。
↓ 登録方法を動画にしました。字幕ONでご覧ください。
www.youtube.com

スマホやタブレットの場合はブックマークバーがないので、何か適当なページを表示して、「ブックマークに追加」で仮に追加します。そしてブックマークの編集で仮登録したページの情報を書き換えます。

ブックマークレットの使い方

ブックマークレットをクリックし、正しく動作するかを確認してください。例えば「Amazon で検索」ブックマークレットでは、ページ上でテキストを選択してクリックするとそのテキストで Amazon を検索した結果が表示されます。

---

いかがでしょうか。他にもいろいろなブックマークレットがあります。同様に登録してクリックするだけで機能が実行されます。例えば:

• 現在のページのタイトルと URL をクリップボードにコピー
• 現在のページをSNSで共有
• ページ内の画像を一括ダウンロード

次回は、ChatGPT を使ってブックマークレットの動作を解説してもらいましょう。

この記事はここまでです。有料部分はありません。
もし有益と感じられたなら ↓ から「投げ銭」お願いします。