iPhoneのSafariにブックマークレットを登録する方法

ブックマークレットをiPhoneのSafariに登録する方法

「ブックマークレット」という超便利なツールをご存知でしょうか。

特にiPhoneでブログを書く(モブログ)ならば絶対に覚えておいた方がいいツールです!

今回は、そんなモブログが捗るツール「ブックマークレット」をiPhoneのSafariに登録する方法を覚えてしまおう!というお話です。

モブログするなら絶対知っておきたいブックマークレット!

モブログするなら絶対に知っておきたい便利ツール「ブックマークレット」

ブックマークレットとは…

ブックマークレット (Bookmarklet) とは、ユーザーがウェブブラウザのブックマークなどから起動し、ウェブブラウザで簡単な処理を行う簡易的なプログラムのことである[注釈 1]。携帯電話のウェブブラウザで足りない機能を補ったり、ウェブアプリケーションの処理を起動する為に使われることが多い。

ブックマークレット – Wikipedia

簡単に言うと、「ブラウザから実行する簡単なプログラム」ってところです

ブックマークレットでモブログが捗る??

「モブログするなら絶対に知っておきたい」と言えるくらい、ブックマークレットのお陰でモブログするのがラクになります!

例えば、記事のリンクを追加したいとき、aタグでリンク挿入しますよね? 

URLをコピーして、記事タイトルをコピーして…

そんなことをモブログでやると結構な労力がかかります…

ところが、ブックマークレットを使えば、たった1タップでリンクタグを作るということも可能になります!

ブックマークレットをSafariに登録する方法を紹介しつつ、リンクタグを作成するブックマークレットも紹介します!

iPhoneのSafariにブックマークレットを登録する方法

ブックマークを作成!

まずは、ブックマークレットを登録するためのブックマークを追加します!

iPhoneのSafariは空のブックマークを追加することができないので、まずなんでもいいのでブックマークを1つ作成します。

ひとまず、このページをSafariの下に表示された真ん中のボタンから「追加」を選んでください。

Safariの真ん中のボタンからページを追加します

ブックマークを編集!

とりあえず追加したブックマークを編集します!

追加したブックマークを編集します

この時、URL欄にブックマークレットを登録します。

今回は下記のコードを使ってみましょう。

javascript:s=prompt('LINK','<a href="'+location.href+'">'+document.title+'</a>’);

①タイトルにはわかりやすい名前、②URLには上記のコードを入力して保存します!

URLの部分にコピーしたソースコードをペーストします

ブックマークレットを実行!

保存したブックマークレットをタップして実行してみてください!

ブックマークから登録したブックマークレットを実行します

ページのリンク用aタグが表示されました!

出力されたコードをコピーします

あとはこれをコピーしてエディタに貼り付ければリンクの挿入は完了です!

後は好きなエディタに貼り付けるだけです

ブックマークレットでモブログを簡単に!

例のようなリンクタグをモブログで作ろうと思うと…

  1. 見ているページのタイトルをコピー
  2. エディタに戻って貼り付け
  3. ブラウザに戻ってURLをコピー
  4. エディタに戻って貼り付け

と、アプリ間を行ったり来たりしなくてはなりませんが、ブックマークレットを使えばアプリ間の移動が少なくできます!

モブログで記事を書いていて、一番面倒なのはアプリ間の移動だと思うので、ブックマークレットをうまく活用して、手間を省くとモブログがだんだんとラクになってきます!

よっしーのひとこと

よっひー

モブログに限らず、いろいろと便利なブックマークレットが公開されてるので、ぜひ検索して、便利そうなブックマークレットをガンガン使ってみてください!

ではまた。