iPhoneでブックマークレットを利用する方法
iPhoneのSafariでブックマークレットを利用する方法を紹介します。iPhoneビギナー向けの記事です。iPadやiPod touchでもブックマークレットの方法は同じです。
もしかしたら他のブラウザを使えばもっと簡単にブックマークレットできるかもしれませんが、ここではデフォルトブラウザのSafariを使うための方法として紹介しています。
１．ブックマークレットとは
「ブックマークレット」とは、JavaScriptで記述したちょっとしたプログラムのことを指し、ブラウザのブックマークやブックマークツールバーに登録して利用することからこの名称となったようです。 登録したブックマークをクリックすることでブックマークレットが機能します（一部Wikipediaより引用）。
２．PCとiPhoneのブックマークレット登録方法の違い
WindowsやMacのブラウザでブックマークレットを利用している方であればご存知のとおり、公開されているブックマークレットのリンクをそのままブックマークに登録すれば使えるのですが、iPhoneのSafariではブックマークレット用のリンクを長くタップしても下のようなメニューが表示されるだけで、ブックマークもできませんし、開くこともできません。またリンクをコピーするメニューも表示されません。
ブックマークレットのリンクを長くタップしたところ
３．ブックマークレットを登録する流れ
iPhoneのSafariにブックマークレットを登録するには、次のような流れになります（具体的な登録方法は４項以降で説明し、ここでは考え方のみ解説します）。
まず、ブックマークレットを公開する側は、ブックマークレットのJavaScriptの直前にページとして表示できるURLを付与した形で公開します。
例として、次のようなリンクになります。href属性の中にある赤色の部分がブックマークレットとして動作するJavaScriptです。
<a href="http://user-domain/index.html?javascript:window.scrollTo(0,document.documentElement.scrollHeight);">このリンクをブックマーク</a>次にブックマークレットを利用する側は、このリンクをタップしてページを開き、ページをブックマークします。この時点ではまだブックマークレットとして機能しません。
さらにこのブックマークを編集し、そのとき表示されているURL、
http://user-domain/index.html?javascript:window.scrollTo(0,document.documentElement.scrollHeight);から、
http://user-domain/index.html?をまるっと削除し、ブックマークレットのJavaScript、
javascript:window.scrollTo(0,document.documentElement.scrollHeight);のみを残して保存します。
これで登録したブックマークがブックマークレットとして機能するようになります。
４．サンプルブックマークレット
３項の練習用にサンプルブックマークレットを作りました。このブックマークレットを実行するとページの一番下にスクロールしてくれます。
まず、iPhoneでこのページにアクセスして、下のリンクをタップしてください。
アクセスしたページで下にある真ん中のアイコンをタップ。
「ブックマークに追加」をタップ。
何も変更せずに「保存」をタップしてブックマークを保存します。この時点ではURLは編集できません。
続いてURLの編集作業に移ります。ブックマークアイコンをタップ。
左下の「編集」をタップ。
さきほどブックマークした「一番下にスクロール」をタップ。
ここでURLを編集できるようになるので、先頭の「http://user-domain/index.html?」を削除し、右下の「完了」をタップ。
左下の「完了」をタップ。これでブックマークレットして機能するようになります。
動作確認してみます。Yahoo!のページを開いてブックマークアイコンをタップ。
「一番下にスクロール」をタップ。
一番下にスクロールしました。
５．ブックマークレットを登録する方法2
３項の方法では、ブックマークレットを提供する側がiPhone用のリンクに整形してくれていますが、PC向けのブックマークレットのリンクはそのようになっていません。
おおむね次のような感じになっていると思います。
<a href="javascript:window.scrollTo(0,document.documentElement.scrollHeight);">このリンクをブックマーク</a>このような形式になっているとリンクのコピーもできないのでブックマークレットとして登録することができません。
そこで「iPhoneでブックマークレットを簡単に登録できるようにするブックマークレット」を利用することをおすすめします。
このブックマークレットは、PC向けのブックマークレット用リンクの前に「http://ip.muumoo.jp/bm#」という文字列を付与してくれるものです。
たとえばあるページで、
<a href="javascript:window.scrollTo(0,document.documentElement.scrollHeight);">このリンクをブックマーク</a>というブックマークレット用リンクが公開されている場合、このページを開いた状態でさきほどの「iPhoneでブックマークレットを簡単に登録できるようにするブックマークレット」を実行すれば、ブックマークレット用リンクが、
<a href="http://ip.muumoo.jp/bm#javascript:window.scrollTo(0,document.documentElement.scrollHeight);">このリンクをブックマーク</a>に書き換わります。
これで書き換わえられたリンクをクリックすれば、ウェブページとして表示できるので、ブックマークができるようになります。
あとは３項に示した手順でブックマークのURLを編集すればブックマークレットとして利用できるようになります。
iPhoneをウェブカメラにする方法
iPhoneをウェブカメラにする方法を紹介します。
１．接続イメージ
接続イメージは図のとおりです。iPhoneで撮影した映像を、WiFiを利用してビューワーとなるPCにデータを転送します。
ということでiPhoneはWiFi接続している必要があります。3GやLTEでは使えません。
また、iPhoneとPCは同じネットワーク（＝WiFiルータ）に接続されている必要があります。
本エントリーではiPhoneのウェブカメラアプリとして「EpocCam」を利用します。
２．EpocCamのインストール
まず、iPhoneに「EpocCam」をインストールします。
ホーム画面の「App Store」→「検索」をタップして「epoccam」を入力して、表示された「epoccam」をタップ。
無料版（緑）と有料版（赤）の2種類が表示されます。ここでは無料版を選択します。以降の操作はビギナー向けなので手順がお分かりの方は次項に進んでください。
「無料」のアイコンをタップ。
「Appをインストール」をタップ。
必要に応じてApple IDにサインインします。
Apple IDのパスワードを入力。
これで「EpocCam」がインストールされました。
３．「EpocCam Viewer」のインストール
続いてPCにビューワーをインストールします。
Kinoniの公式サイトにアクセス。
ビューワーはWindowsとMac版があります。ここではWinodws版を利用するので「Download Windows drivers v2.7.1」のリンクをクリック。
ダウンロードした実行ファイルをダブルクリックするとインストールウィザードが起動します。「次へ」をクリック。
「同意する」をクリック。
インストールフォルダを設定して「次へ」をクリック。
コンポーネントにある「EpocCam」をチェックして「インストール」をクリック。
インストールが開始します。
途中で「このデバイスソフトウェアをインストールしますか？」というダイアログが表示された場合は「インストール」をクリックして続行します。私の場合、このあとインストールが終わるまで数分かかったのでゆっくり待ちましょう。
完了しました。
４．接続
iPhoneの「EpocCam」をタップ。
起動します。iPhoneに割り当てられたWiFiルータのIPアドレスが表示されます。
iPhoneがウェブカメラに切り替わります。確認したところ、PCが同じネットワークに存在しないとウェブカメラに切り替わらないようです。
続いてPCにインストールした「EpocCam Viewer」をスタートメニューから起動し、左下の再生ボタンをクリック。
接続します。当たり前ですがiPhoneとは異なるIPが割り当てられています。
これでiPhoneのウェブカメラの画像がPCの「EpocCam Viewer」に表示されました。
５．使ってみた感想
ルータの性能に依存するのかもしれませんが、動画は想像以上に滑らかな動きで、かなり良好です。私はSo-netのWiMAXですが全く問題ないレベルです。
なお、ビューワーの画面をご覧になってお分かりのとおり、左右反転されるのがちょっと残念です。また音声は拾えません。
無料版ではときどき広告が表示されます。有料版では広告が表示されないだけなのかより高機能になるのか不明ですが、無料版でも十分使えるレベルです。
