技術ノート 特徴 初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

Web ブラウザのブックマークレットを使用すると、クリックまたはタップするだけで現在のページでアクションを実行できます。これらはブラウザ拡張機能の軽量な代替品です。従来の拡張機能をサポートしていないモバイル ブラウザでも動作します。

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

ブックマークレットを使用するには、ブックマークをサポートする Web ブラウザが必要です。それだけです。

ブックマークレットの説明

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

ブラウザで表示する Web ページでは JavaScript コードが使用されます。そのため、Web ページはもはや単なる静的なドキュメントではなく、動的になっています。ブックマークレットは、Web アドレスの代わりに JavaScript コードを含む通常のブックマークです。ブックマークレットをクリックまたはタップすると、ほとんどのブックマークのように別のページを読み込むのではなく、現在のページで JavaScript コードが実行されます。

ブックマークレットを使用すると、ワンクリックで Web ページに対して何らかの操作を行うことができます。たとえば、Twitter、Facebook、Google+、LinkedIn、Pocket、LastPass などの Web サービスに関連付けられたブックマークレットが見つかります。ブックマークレットをクリックすると、現在のページをそのサービスと簡単に共有できるようにするコードが実行されます。

ブックマークレットは、Web サービスに関連付けるだけではありません。ブックマークレットをクリックすると、ページの外観が変更され、ジャンクのほとんどが取り除かれ、クリーンな「閲覧モード」が提供される可能性があります。フォントが変更されたり、画像が削除されたり、他のコンテンツが挿入されたりする可能性があります。 Web ページがアクセスできるあらゆるものにアクセスできます。たとえば、ブックマークレットを使用して、ページ上に ******* とだけ表示されるパスワードを明らかにすることができます。

ブラウザ拡張機能とは異なり、ブックマークレットはバックグラウンドで実行されてブラウザが停止することはありません。クリックするまでは何も行われません。

標準のブックマーク システムを使用するだけなので、拡張機能を実行できないモバイル ブラウザでも使用できます。たとえば、iPad の Safari に Pocket ブックマークレットをインストールすると、Safari で「Pocket に追加」オプションを取得できます。 Safari はブラウジング拡張機能を提供しておらず、Apple の iOS は Android や Windows 8 のような「共有」機能を提供していないため、これがこの直接統合を実現する唯一の方法です。 LastPass を Safari Web ブラウザと統合することもできます。

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

ブックマークレットの場所

特定のサービスのブックマークレットを探している場合、通常はそのサービスのサイトでブックマークレットが見つかります。 Twitter、Facebook、Pocket などの Web サイトは、ブラウザ拡張機能とともにブックマークレットを提供するページをホストします。

ブックマークレットはプログラムとは異なります。これらは実際にはブックマークレットに入れることができる単なるテキストなので、特定のサイトからダウンロードする必要はありません。これらは実質的にどこからでも入手できます。インストールするには、Web ページからテキストの一部をコピーするだけです。

たとえば、パスワードを公開するブックマークレットが必要な場合は、Web で「パスワード公開ブックマークレット」を検索するだけです。 必須のブックマークレット の多くを取り上げてきましたが、読者からも同様の声が寄せられています。他の例についてはリストをご覧ください。

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

ブックマークレットをインストールする方法

ブックマークレットのインストールは簡単です。 Web ページ上のブックマークレットにカーソルを合わせると、そのアドレスが「javascript:」で始まるのが表示されます。

Web ブラウザのブックマークまたはお気に入りツールバーが表示されている場合、ブックマークレットをインストールする最も簡単な方法はドラッグ アンド ドロップです。 Chrome または Internet Explorer を使用している場合は、Ctrl+Shift+B を押してブックマーク ツールバーを表示します。 Firefox では、ツールバーを右クリックし、[ブックマーク ツールバー] をクリックします。

このリンクをブックマーク ツールバーにドラッグ アンド ドロップするだけです。これでブックマークレットがインストールされました。

ブックマークレットを手動でインストールすることもできます。ブックマークレットのコードを選択し、クリップボードにコピーします。ブックマークレットがリンクの場合は、リンクを右クリックまたは長押しして、そのアドレスをクリップボードにコピーします。

ブラウザのブックマーク マネージャーを開き、ブックマークを追加し、JavaScript コードをアドレス ボックスに直接貼り付けます。ブックマークレットに名前を付けて保存します。

初心者オタク: あらゆるデバイスでブックマークレットを使用する方法

ブックマークレットの使用方法

ブラウザのブックマーク ツールバーを有効にしている場合、ブックマークレットは最も簡単に使用できます。ブックマークレットをクリックするだけで、ブラウザが現在のページでブックマークレットを実行します。

iPad の Safari や他のモバイル ブラウザなど、ブックマーク ツールバーがない場合は、ブラウザのブックマーク ペインを開いてブックマークをタップまたはクリックします。

モバイル Chrome では、ロケーション バーからブックマークレットを起動する必要があります。ブックマークレットを実行する Web ページを開き、ロケーション バーをタップして、ブックマークレットの名前の検索を開始します。ブックマークレットの名前をタップして、現在のページでブックマークレットを実行します。

ブックマークレットは Chrome にブックマークとして保存されているため、ここにのみ表示されることに注意してください。この方法で使用する前に、ブックマークレットをブラウザのブックマークに追加する必要があります。

ロケーション バーのアプローチは、他のブラウザでも必要になる場合があります。重要なのは、ブックマークをロードして、現在のタブに関連付けることです。ブックマークを別のブラウザ タブで開いて、そこからブックマークレットを実行することはできません。ブックマークレットは別のブラウザ タブで実行されます。


ブックマークレットは強力かつ柔軟です。これらはブラウザ拡張機能ほど派手ではありませんが、はるかに軽量であり、より制限されたモバイル ブラウザで拡張機能のような機能を利用できるようになります。

「初心者オタク: あらゆるデバイスでブックマークレットを使用する方法」に関するベスト動画選定!

12分で使い始める【Chromebook】。クロームブックを使い始めるなら、ぜひこの動画を! 12分で使い始めの設定からアプリのインストールもできます。WindowsやMacの方も敵情視察にぜひw
embedlyブックマークレットの使い方