便利なブックマークレットをiPhoneで簡単に使って効率的にブラウジング！

saiut

2011-06-15

便利な便利なブックマークレット。賢いJavaScriptちゃんがブラウザを手のひらで遊んで僕らを快感へと誘います。みなさんも既にお使いだとは思いますが、今回は自分がiPhoneで使ってるブックマークレットを紹介してみたいと思います！

まずは登録方法

ご存知だとは思いますが、まずは登録方法をご紹介します！

Osfooraを例にしてみましょう。Safariでこのブックマークレットを起動すると、自動でOsfooraが起動してURLをツイートする画面に遷移します。 Osfooraを起動し、Settingsへ移動し、中頃に「Safari Bookmarklet」がたたずんでいるので、おもむろに「Install Bookmarklet」をタップします。

▲Settings画面。Install Bookmarkletをタップ。

Safariが起動し、「Post with Osfoora」というページに連れてこられてしまいます。そのページにはわかりやすくブックマークレットの登録方法が記載されています。

まずはこいつをそのままお気に入りに登録してあげてください。

▲Post with Osfoora画面。この画面をお気に入りに登録。

次に、今ブックマークしたてのホヤホヤのページを編集します。URL「http://~…」と続いていきますが、「javascript…」となっている直前の？まで全部消してしまいましょう。消したら完了すれば出来上がり！

▲お気に入りのURLを編集。javascript～で始まるように。

お気に入りに登録→編集という手順を取っていますが、ブックマーク登録時はhttp://となっているページじゃないと登録できません。

簡単ですね！出来たら試して想定通りの動作をするか確かめてあげてくださいね。

ということで、ブックマークレットのURLさえあればこれは応用が効きます。javascript~の部分をコピーしておいて、適当に登録したブックマークのURLを変えてあげればOKなわけです。

ようやく紹介

というわけで、今自分が使っているブックマークレット一覧です！こちら！

しょーもないとかいうのはなしで！

上から順に紹介したいと思います。

iPhone最適化

その名の通り、iPhone用にページを閲覧する為に最適化してくれます。現在ではiPhoneに最適化されたページが増えてしましたが、それでも対応していないページはまだ多いと思います。

▲元のサイトが…

こんな風に！！

▲あら見やすい。

こちらの方が作成してくれております！超便利！

Safariで見ているページをシェアするブックマークレットです。起動すると、facebookのシェアをするときの画面に遷移するので、コメントを書いてシェアすることができます。 ▲Facebookのシェア画面。実は公式にあるブラウザ用ブックマークレットをiPhoneに入れただけ。

僕のブログで紹介してました。よかったら見てみてください。

Amazon Bookmarklet

ブロガー必須！なAmazonの商品紹介用のリンクタグを作成してくれるブックマークレットです。あ、これ紹介したい！と思いついてiPhoneしか手元にないときに使用してます。そのまま忘れないようにコピーをEvernoteに入れたりしてます。

起動すると、こんな画面が表示されるので、おもむろに紹介したい商品名をいれましょう。

▲商品名を入力。

すると、検索結果がでてくるので、紹介したい商品でOKをタップします。

▲商品を探せ！

リンクが表示されるので、コピーして完了！簡単です！

ちなみにタグをブログに挿入するとこんな感じで表示されます。

audio-technica インナーイヤーヘッドホンブラック ATH-CKS55 BK オーディオテクニカ￥ 2,998

このイヤホンのレビューはこちらのサイトから。

密な低音域！audio-technicaのカナル形イヤフォン「ATH-CKS55」レビュー - OZPAの表4

こちらのサイトの方が作成されています！ていうかいろんなのでお世話になってます！まつさんに会いたい。@matubiz

はてブ Bookmarklet

生命線です。hatebute - Evernoteを軸にEvernoteにクリップを入れているので、Safariでも大活躍しています。最近は公式のブックマークレットも出たようですが、ずっと使い続けています。

起動すると、はてブに追加する画面が表示されます。

▲左のBookmarkボタンをタップ。

Bookmarkボタンをタップすると、ブックマークに追加する画面が表示されます。これははてブのサイトと同じなので見覚えがあるかと思います！

▲見覚えあるある！

こちらの方が作成してくれております！ニッチなんてとんでもない！！

Read It Later Bookmarklet

地下鉄ユーザなので、RILは大活躍してます。RILで読んでEvernoteに入れるという流れもあったりなかったり。有料版ならいろいろなところにデータを流すことができて大変便利です。

このブックマークレットは非常にシンプルです。起動させると、自動でRILに送信して終了です。

ページをセーブしています…

セーブしました！終わり！

「Edit item」をタップすると、タイトルやタグ付けが可能ですが、なかなかどうしてPage Saved！ポップアップが出ている時間が短かったりするので、気を抜かずに見ていてくださいね！

こちらのページにわかりやすい登録方法が書かれています！ちなみにRead it Later公式ブックマークレットになります！ブックマークレットをしよう of iPhoneのRead It Laterは便利

【2013/2/6追記】

Read it LaterはPocketに生まれ変わりました。 URLをコピーしてPocketアプリを起動すると、簡単にPocketに追加することが出来ます！

iPhoneアプリ「Gunosy」からあとで読むサービス「Pocket」に超簡単に記事を送る方法

Evernote Bookmarklet

Evernoteにクリップしてくれるブックマークレットです。使用頻度は残念ながらそこまで高くありません。というのも、先ほどありました hatebute - Evernote という流れを持っているからです。はてブに突っ込むだけでEvernoteにも保存されるので、そちらを重宝して使用させてもらってます。

おもむろに起動させると、Chromeで見たようなポップアップが表示されます。 ▲Chrome拡張でもおなじみ。

アップにしてみましょう。

タグ付けとノートブックを選択できます。

しかし、１つ欠点が…モバイル用に作られたサイトの場合、このポップアップ全てが表示されない時があったりします。これが、はてブブックマークレットを使う理由になった１つでもあります。こちらで公開されています！またmatuダイアリーさんです。お世話になりまっす！

tumblr Bookmarklet

起動すると、tumblrアプリで見たようなものが出てきます！

Create postでポストしちゃいましょう！tumblr全然使ってないけど。

▲ポスト画面。

こちらで公開されております！ありがとうございまっす！

色んなものがあります

はてブとRILブックマークレットをよく使っていて、他はあまり手をつけてないというのが現状だったりします。

URLスキームとかもあるし、本当にいろいろ「効率化」するものが増えてきました。

この部分は効率化していいところか？して本質が失われないか？を考えていきたいと思います。

もちろんブックマークレットとかは効率化してどんどん使いやすくしていくべきだと思っています♪

おあとがよろしいようで。