iPhoneのブックマークレットについて簡単に教える - まめ速

iPhoneのブックマークレットについて簡単に教える

雑学 | comment（39）

　 　 Tweet

iPhoneを持ってるのにブックマークレットすら使えない奴が周りに大勢いたので立ててみた

俺自身良く分からない事もあるので過度な期待はしないで欲しい

そもそもブックマークレットとはなんぞ？という人のための説明をすると

ブックマークを選択すると保存されてるURLに移動する
つまりは見る頻度の高いページへ飛ぶまでの面倒な検索等を省く機能なのだが
ブックマークレットはURLの代わりにJavaスクリプトのコードを保存して好きな時に保存しておいたプログラムを起動することができる

例えばやたらと長いページを一番下までスクロールするのは手間がかかるが
ページの一番下まで移動するブックマークレットを使用するとその手間が省ける、といったようにだ

具体的なブックマークレットの紹介の前にその保存の仕方を説明する

>>2を読んで貰って感の良い奴なら分かるかも知れないがブックマークレットの保存にはブックマークを使う



まずはこのようにどうでも良いページ(簡単に保存出来るページが良い)をブックマークする

当然このままではブックマークを選択してもGoogle先生で「あ」と検索した時の結果しかでない
なのでブックマークの画面から左下の編集ボタンを押し、URLを任意のブックマークレットのコードと差し替える

ブックマークレットの保存については分かったけど、具体的にどういうこと出来んの？

という奴のために今回は5つのブックマークレットを紹介する
以下の５つだ

・GoodReaderリンク
・fc2ブログでのAA表示
・ソース表示
・ページの最下部への移動
・ページの簡易化

一番初めに説明するブックマークレットを安価してみる

>>20

>>17



こんな感じ
ぶっちゃけﾏｰｷｭﾘｰの方が良く使ってるけど標準アプリのSafariも使いやすくしたいとか思ってる最中

Safariなんて情弱だろ
icabでモジュール組み込んだ方がいい

【iCab Mobile (Web Browser)】
http://itunes.apple.com/jp/app/icab-mobile-web-browser/id308111628

【iPhone用Safariの不満な点を見事なまでに解決してくれたiCab Mobile】
http://d.hatena.ne.jp/Kiphonen/20110209/p2

>>18
今170円だけど買ったほうがいいのかな

>>20
フォーム保存できたり
サイトをSafariでひらき直したりできるし
タブをフリックでサイト移動できたりとか
損はないと思うけどな

グッドリーダーについて詳しく

【iPhone/iPadで進化した「GoodReader」を使いこなす技】
http://ascii.jp/elem/000/000/588/588813/

>>20がアンカーとは関係ないので>>19を汲んでGoodReaderリンクについて説明する

GoodReaderリンクはiPhoneの良アプリ、GoodReader(以下GR)を更に使いやすくするブックマークレットだ

Safariを常に使っている奴に

「このzip保存したいな、こんなことならGRで見てたら良かった」
または
「BB2Cでzipスレ見てたけどURL踏んだらSafari飛ぶんだよな、いちいちURLをGRにコピペするのだるいわ」

といった経験は無いだろうか？
これはそんな手間を省くブックマークレットだ

あらら、推考してないから文が変になってしまったよ

使い方は次のレスで説明するが一先ずJavaスクリプトを貼っておく
GRリンクのブックマークレット↓

javascript:(function()%7Bvar%20a=document.getElementsByTagName('a');for(var%20i=0,j=a.length;i%3Cj;i++)%7Ba%5Bi%5D.setAttribute('target','_blank');a%5Bi%5D.href='g'+a%5Bi%5D.href%7D%7D)();

このGRリンクを押す前だとSafariでは何かしらのダウンロードページで以下の様な表示がでて中止される



↓



しかし押した後だと



↓
GRが自動で起動され



↓
ダウンロードが開始される

GRリンクのブックマークレットを使うことで

Safariでダウンロードしたいページを開く→URLコピー→GR起動→GRにペースト→ダウンロード

という行程が

Safariでダウンロードしたいページを開く→ブックマークレット起動→ダウンロード

と省略されたのだ

では次の紹介するブックマークレットを選んでくれ(一つ書き忘れていたのを加えた)

・fc2ブログでのAA表示
・ソース表示
・ページの最下部への移動
・ページの簡易化
・ページ内検索(IEで言うctrl＋F)

>>35

read it later

ページ内検索については最後まで需要無ければ書かずに終わる
今回も安価とは無関係そうなので適当にソース表示について説明しようと思う

ソース表示はPCだと右クリで出来るアレのこと
スクリプトは↓

javascript:d=document;c=d.charset%7C%7C0;i=0;o=d.documentElement;d.write(%22%3Cpre%3E%22+(o.outerHTML%7C%7Co.innerHTML).replace(/&/g,%22&%22).replace(/%3C/g,%22<%22).replace(/%3E/g,%22>%22)+%22%3C/pre%3E%22);c?d.charset=c:0;void(document.close());

ちなみに>>38のスクリプトは長すぎたので途中で改行してあるが
実際に保存する時は一行にして保存してほしい

(説明にはソースが面白かった「面白法人カヤック」さんのページを使わせていただきました)

普通にみたページ



ソース表示のブックマークレット使用後

iPhoneでソース見ても大して意味無いんじゃね？と言う奴もいることだろうが
これは自力で新たなブックマークレットを探す際に非常に役にたつ

>>38に書かれているスクリプトのようにブックマークレットは大変長い物が多い
しかしiPhoneでそれが書かれたページを見てもiPhoneに最適化されたページでは得てして長文の端の方は切れてしまって表示が出来ないのだ
そういった時にこのブックマークレットを使えば文字が切れることもなく表示されるので長文のコピーも容易にできるわけである

VIPとは思えない緊張感

では次の紹介するブックマークレットを決めてくれ

>>48
・fc2ブログでのAA表示
・ページの最下部への移動
・ページの簡易化
・ページ内検索(IEで言うctrl＋F)

age
需要ないのかな
AA表示の説明だけして落とそうか

では最後に説明するのはFC2のAAまとめサイトなどでiPhoneでもAAを見やすくするブックマークレットだ

普通にSafariでそういったサイトを見ても以下の様に表示されてしまい肝心のAAがよく分からない



しかしこのブックマークレットを使うとこの程度まで改善される



スクリプトは次のレスで

>>47続き
AA表示のブックマークレット(これも長すぎるので改行してあるが保存する際は一行にまとめて欲しい)↓

javascript:void((function()%7Bvar%20m=document.createElement('meta');m.name=%22viewport%22;m.content=%22width=1280,maximum-scale=1.6,minimum-scale=0.1,user-scalable=yes%22;document.getElementsByTagName(%22head%22)%5B0%5D.appendChild(m);var%20e=document.createElement('script');e.setAttribute('src','http://font.textar.tv/webfont.js');e.setAttribute ('id','s2b');document.body.appendChild(e);l=document.createElement('link');l.rel='stylesheet';l.setAttribute(%22href%22,%22data:text/css,%22+encodeURIComponent(%22*%7Bfont-Family:Textar;%7D%22));document.getElementsByTagName('head')%5B0%5D.appendChild(l);undefined;%7D)())

この様にブックマークレットを使えばブラウザに標準搭載されていない機能を好きなように加えられる
ここで紹介されたものはほんの一握りしかないので、どうか興味を持った人はブックマークレットについて調べて欲しい

以上でブックマークレットについての説明終わりにする
正直もう少し伸びると思ったんだけど説明が下手過ぎたね､ｽﾏﾝｺ

・ページ内検索
・ページ内の英単語の意味を調べる
・Read It Later登録
・ページタイトルとURLをTwitterで呟く
・ページ内のBookmarkletを登録
・Google Reader登録

のBookmarkletマジ便利

1さんのブックマークレットの補足

・ページの最下部への移動
・ページ内検索(IEで言うctrl＋F)

Apple iPhone 4用スキンシール【Solid State White】

posted with amazlet at 11.07.15

Ryan Peters LLC
売り上げランキング: 6164

Amazon.co.jp で詳細を見る

　 　 Tweet

まめ速　週間人気記事

まめ速　最新記事