Google Chromeを日常的に利用する中で、特定の作業を効率化したいと感じる場面は多いはずです。
拡張機能を導入すれば多機能になりますが、ブラウザが重くなったり管理が面倒になったりするデメリットも存在します。
そこで活用したいのが、「ブックマークレット」という仕組みです。
ブックマークレットは、ブラウザのブックマーク（お気に入り）にJavaScriptのコードを保存し、クリック一つで実行できる便利なツールです。
本記事では、2026年現在の最新ブラウザ環境でも活用できる、作業効率を劇的に向上させる厳選ブックマークレットを紹介します。
ブックマークレットの基本と導入方法
ブックマークレットとは、通常のURLの代わりにJavaScriptのプログラムを記述したブックマークのことです。
ブラウザの拡張機能とは異なり、メモリの消費が極めて少なく、ブラウザの動作を重くしないという大きなメリットがあります。
導入方法は非常にシンプルで、まずはChromeのブックマークバーを表示させます。
次にブックマークバーを右クリックし、「ページを追加」を選択してください。
名前に機能名を入力し、URL欄にjavascript:から始まるコードをコピー＆ペーストして保存すれば準備完了です。
使いたいときは、特定のウェブページを開いた状態で、そのブックマークをクリックするだけで機能が動作します。
同期機能を使えば、PCだけでなくスマートフォンのChromeからでも一部の機能を利用できるのが魅力です。
拡張機能とブックマークレットの違い
ブックマークレットは特定のページを開いたときだけ動作するため、常にバックグラウンドで動く拡張機能よりもリソースを節約できます。
また、企業用PCなどで拡張機能のインストールが制限されている環境でも、ブックマークの登録であれば許可されているケースが多いです。
以下の表で、それぞれの特徴を比較してみましょう。
| 特徴 | ブックマークレット | 拡張機能（Extension） |
|---|---|---|
| 動作の軽さ | 非常に軽い | 数が増えると重くなる |
| 導入の手軽さ | コードを貼るだけ | ストアからインストール |
| 機能の複雑さ | シンプルな処理に限定 | 高度で複雑な処理が可能 |
| 権限・セキュリティ | 実行時のみ権限が発生 | 常時アクセス権限が必要 |
【厳選】便利なブックマークレット10選
ここからは、実際にコピーしてすぐに使える便利なブックマークレットを10種類紹介します。
それぞれの機能と、URL欄に貼り付けるためのコードを解説していきます。
1. ページ全体をGoogle翻訳で翻訳する
海外のサイトを閲覧している際、ワンクリックでページ全体を翻訳できるツールです。
Chrome標準の翻訳機能がうまく動作しない場合や、強制的にGoogle翻訳のインターフェースを利用したい時に役立ちます。
コード：javascript:location.href='https://translate.google.com/translate?u='+encodeURIComponent(location.href);
このコードを登録しておけば、英語や中国語などのサイトを瞬時に日本語化して読むことが可能になります。
2. 選択したテキストの文字数をカウントする
ライターや編集者、SNS運用担当者にとって、文字数カウントは必須の作業です。
ウェブ上のテキストをドラッグして選択した状態でこのブックマークレットを押すと、文字数がポップアップで表示されます。
コード：javascript:(function(){var s=window.getSelection().toString();if(s){alert('選択範囲の文字数: '+s.length);}else{alert('テキストを選択してください');}})();
外部の文字数カウントサイトへ移動する手間が省けるため、作業の中断を防ぐことができます。
3. 閲覧中のページをPageSpeed Insightsでチェック
SEO担当者やエンジニアが、現在のページの表示速度をすぐに計測したい時に非常に便利です。
現在開いているURLを自動的に引き継いで、Googleの計測ツールを起動します。
コード：javascript:window.open('https://developers.google.com/speed/pagespeed/insights/?url='+encodeURIComponent(location.href));
毎回URLをコピーして貼り付ける必要がなく、分析業務のスピードを大幅に加速させます。
4. 画像を一括して非表示にする
テキスト中心の記事を集中して読みたかったり、公共の場で画像を隠したかったりする場合に重宝します。
実行するとページ内のすべての画像要素が消え、レイアウトがテキスト重視になります。
コード：javascript:(function(){var i,imgs=document.getElementsByTagName('img');for(i=0;i<imgs.length;i++){imgs[i].style.display='none';}})();
ページの再読み込みを行えば、元通りに画像が表示されるため安心して使用してください。
5. サイト内の特定ワードをハイライトする
長いページの中から、特定のキーワードがどこにあるかを視覚的に分かりやすくします。
ブラウザ標準の「ページ内検索」よりも目立たせたい場合に有効です。
コード：javascript:(function(){var word=prompt('ハイライトする単語を入力してください:');if(!word)return;var body=document.body.innerHTML;var reg=new RegExp(word,'g');document.body.innerHTML=body.replace(reg,'<mark style="background-color:yellow;color:black">'+word+'</mark>');})();
キーワードを入力すると、該当箇所に黄色のマーカーが引かれ、情報の見落としを防ぎます。
6. リンクを新しいタブで開くように強制する
現在のページから離脱したくないのに、リンクが同じタブで開いてしまう設定のサイトに有効です。
ページ内のすべてのリンクに target="_blank" を付与します。
コード：javascript:(function(){var a=document.getElementsByTagName('a');for(var i=0;i<a.length;i++){a[i].target='_blank';}})();
この機能を使えば、誤って今のページを閉じてしまうストレスから解放されます。
7. ページのタイトルとURLをコピー（Markdown形式）
ブログ記事の執筆やドキュメント作成時に、参照リンクを素早く作成するためのツールです。
実行するだけで、クリップボードに「[タイトル](URL)」の形式でコピーされます。
コード：javascript:(function(){var title=document.title;var url=location.href;var str='['+title+']('+url+')';navigator.clipboard.writeText(str).then(function(){alert('Markdown形式でコピーしました');});})();
手動でタイトルをコピーしてURLを貼り付ける作業が1秒で完了します。
8. 暗い背景で目に優しい「ダークモード化」
ダークモードに対応していないウェブサイトでも、強制的に色を反転させて目に優しい配色に変更します。
夜間のブラウジングや、眩しさを抑えたい時に最適です。
コード：javascript:(function(){var html=document.getElementsByTagName('html')[0];html.style.filter='invert(1) hue-rotate(180deg)';var imgs=document.getElementsByTagName('img');for(var i=0;i<imgs.length;i++){imgs[i].style.filter='invert(1) hue-rotate(180deg)';}})();
画像の色味は保持しつつ、背景と文字の色を反転させる工夫を施しています。
9. サイト内の全画像を抽出して表示
ページ内にどのような画像が使われているか一覧で確認したい時に使用します。
背景画像や小さなアイコンも含めて、別ウィンドウで画像のみを並べて表示します。
コード：javascript:(function(){var imgs=document.getElementsByTagName('img');var win=window.open();win.document.write('<html><body>');for(var i=0;i<imgs.length;i++){win.document.write('<img src="'+imgs[i].src+'" style="max-width:200px;margin:10px;">');}win.document.write('</body></html>');win.document.close();})();
デザインの参考にしたい画像を探す際などに役立つブックマークレットです。
10. キャッシュを無視してページを更新（スーパーリロード）
ウェブ制作などで、CSSの変更が反映されない時に有効なブックマークレットです。
ブラウザのキャッシュを無視して、最新のサーバーデータを読み込みます。
コード：javascript:location.reload(true);
キーボードショートカットを忘れてしまった時でも、ブックマークバーから確実に実行できます。
ブックマークレットを使用する際の注意点
ブックマークレットは非常に強力なツールですが、使用にあたってはいくつかの注意点があります。
第一に、「信頼できないサイトから入手したコードは実行しない」という点です。
JavaScriptはブラウザ上で動作するため、悪意のあるコードが含まれていると、Cookie情報や個人情報を盗み取られるリスクがあります。
本記事で紹介したコードは安全性を確認していますが、他のサイトで入手する際は内容を精査するようにしましょう。
第二に、ウェブサイトの構造によってはブックマークレットが正常に動作しない場合があります。
特にセキュリティ対策が厳重な金融機関のサイトや、特殊なスクリプトで制御されているページでは制限がかかることがあります。
また、Chromeのアップデートによって、一部のスクリプト動作が仕様変更される可能性も考慮しておく必要があります。
安全に使い続けるためのコツ
ブックマークレットの中身が何をしているか、最低限のコードを理解しておくと安心です。
例えば、document.location は現在地のURLを指し、alert はメッセージを表示する命令です。
「見覚えのない外部URLへデータを送信するような記述」がないかチェックする癖をつけましょう。
また、増えすぎたブックマークレットは、フォルダを作成して管理するとブックマークバーがスッキリします。
ブックマークレットのカスタマイズ方法
紹介したコードを自分好みに書き換えることで、さらに利便性を高めることができます。
例えば、文字数カウントのコードで、空白を除外してカウントするように変更することも可能です。
コード内の replace(/\s+/g,'') という記述を加えるだけで、より正確な原稿のボリュームを把握できるようになります。
プログラミングの知識が少しあれば、ChatGPTなどのAIに「このブックマークレットをこう改造して」と依頼するのも一つの手です。
2026年の現在、AIを活用して自分専用のミニツールを生成するのは非常に一般的な手法となっています。
日常の「ちょっと面倒な作業」を自動化する習慣を持つことが、生産性向上の鍵となります。
まとめ
Google Chromeのブックマークレットは、インストール不要でブラウザを強化できる最強の効率化ツールです。
翻訳、文字数カウント、SEO分析など、多岐にわたる機能をブックマーク一つで実現できます。
今回紹介した10個のコードの中から、まずは自分の業務に直結しそうなものを一つ登録してみてください。
小さな自動化の積み重ねが、結果として大きな時間の節約につながります。
セキュリティには十分注意しながら、スマートなブラウジング環境を構築していきましょう。
ブックマークレットを使いこなすことで、あなたのChromeはただのブラウザから、強力なワークステーションへと進化するはずです。