モバイルSafariでブックマークレットを追加する方法
Mac

モバイルSafariでブックマークレットを追加する方法

  • Oligur
  • 0
  • vyzf
モバイルSafariでブックマークレットを追加する方法
  • ハウツー
ブックマークレットコード
2017年になっても、iOSでブックマークレットを保存するにはJavaScriptをコピー&ペーストする必要がある。
写真:Cult of Mac

ブックマークレットとは、ウェブブラウザでクリックしてミニアプリを起動できる小さなブックマークのことです。現在開いているページをInstapaperアカウントに保存したり、現在開いているサイトだけを対象としたGoogle検索を起動したりするブックマークレットがあります。ページ上でハイライトされたテキストを翻訳したり、ToDoリストに何かを送信したり、その他さまざまな機能があります。Macではブックマークレットのインストールは簡単です。Safariのブックマークバーにドラッグするだけで完了です。しかし、iOSでは依然としてかなり面倒です。

したがって、このハウツーを(通常の方法で)ブックマークし、iPhone または iPad にブックマークレットをインストールする必要があるときに便利に利用してください。

Macを使う

iOSデバイスにブックマークレットをインストールする最も簡単な方法は、Macを使うことです。iCloudを使ってデバイス間でブックマークを同期している場合は、ブックマークレット(または通常のブックマーク)をMacのSafariのブックマークバーにドラッグし、iPadまたはiPhoneに表示されるまで少し待つだけです。Macが手元にない場合は、少し手順が複雑になります。

iOS Mobile Safariにブックマークレットをインストールする

ブックマークレットにはJavaScriptが含まれています。これは、クリックするたびに実行される小さなコンピュータプログラムです。JavaScript自体は通常のテキストで記述され、通常のブックマークのURLフィールドに保存されます。そのブックマークをクリックすると、ウェブページのURLが開くのではなく、JavaScriptが起動します。これが唯一の違いです。つまり、ブックマークレットを保存するには、何らかの方法でJavaScriptをコピー&ペーストしてブックマークのURLフィールドに貼り付ける必要があります。ありがたいことに、これは思ったよりも簡単です。この例では、Instapaperアカウントに保存するブックマークレットを追加します。

ステップ1. ブックマークを作成する

ブックマークを作成する
他のブックマークと同じように、通常のブックマークを作成します。
写真: Cult of Mac

この部分は簡単です。ウェブページの共有矢印をタップして、適当な名前を付けるだけです。「Instapaper に保存」が良いでしょう。もしスペースが足りない場合は「Instapaper」だけでも構いません。iPadのブックマークバーに表示されるように、お気に入りフォルダに保存することを忘れないでください。

ステップ2. Javascriptをクリップボードにコピーする

Instapaper を使用すると、必要な Javascript を簡単にコピーできます。
Instapaperを使えば、必要なJavaScriptを簡単にコピーできます。
写真:Cult of Mac

これはウェブページに記載されているはずです。テキストボックスをタップし、「すべて選択」をタップして、「コピー」をタップしてください。上のスクリーンショットのような画面になります。Instapaperのページから最新のコードを入手してください。

ステップ3. 作成したブックマークを編集する

ブックマークレットを編集
ブックマークを開いて、作成したブックマークを編集します。
写真:Cult of Mac

ここがちょっと面倒な部分です。Safariの小さなブックマークアイコンをタップし、「編集」をタップします。そして、手順1で保存したブックマーク(「Instapaperに保存」などと名前を付けたもの)を見つけます。そのブックマークをタップすると、下の画像のような画面が表示されます。

ブックマークレット貼り付け
ここに先ほどコピーしたJavaScriptを貼り付けます。
写真:Cult of Mac

重要なのは2行目、つまりhttps://で始まる部分です。それをタップし、表示される小さな×をタップしてクリアします。次に、空になったフィールドをタップし、手順2でコピーしたJavaScriptを貼り付けて「完了」をタップし、ブラウザに戻ります。

ワンクリックアクションをお楽しみください

これで完了です。現在開いているページをInstapaperに保存したいときは、このブックマークレットを呼び出してタップするだけです。ブックマークレットによっては、動作に特別な手順が必要なものもあります。例えば、このブックマークレットはInstapaperアカウントにログインしている必要があります。一方、Google翻訳ブックマークレットなどは、そのまま使えます。

Mac に切り替える方がずっと簡単です。システム全体でドラッグ&ドロップが可能な iOS 11 でも、ブックマークをブックマークバーにドラッグすることはできません。それでも、少し面倒ではありますが、少なくともこの方法は完全に機能します。