Bookmarklet Viewer/ブックマークレットのJSソース表示(iPhone・iPad用)

新しいブラウザを使い始めるときはいつも、ブックマークレットの登録から始めるのですが、
iPhone・iPad では、javascript: のリンクをブックマーク登録できないため、
ブックマークレットの登録が大変面倒です。そこで、ブックマークレットのソースを表示して、
コピー&ペーストすることでブックマークに登録しやすくするブックマークレットを書きました。

Bookmarklet Viewer

この「Bookmarklet Viewer」のブックマークレットは、
そのページ内にある全てのブックマークレット(javascript: へのリンク)の
JavaScript のソースコードを textarea にして表示してくれるブックマークレットです。

Bookmarklet Viewer ブックマークレット自体の登録手順


1. ↑のリンクをクリックすると、textarea にソースコードが表示される。
2. 長押し[全選択]または[Select All]でソースコード全体を選択する。

3. [コピー]または[Copy]でソースコードをコピーする。

4. Safari の[+]ボタンで、[ブックマークに追加]または[Add Bookmark]
5. 適切なブックマークレットの名前に書き換える
6. 登録時初回は URL を変更できないので、いったんそのままにする
7. 保存先を[ブックマークバー]にすると、ブックマークレットぽく使いやすい
8. [保存]または[Save]で登録する
9. Safari の[本]ボタンでブックマーク一覧を表示。[編集]または[Edit]を押す
10. 登録したブックマークを開いて、URL 欄で長押し[ペースト]または[Paste]でペーストする

11. ブックマークレットが使えるようになりました

Safari のデフォルトではブックマークバーが非表示になっているので、
設定>Safari>ブックマークバーを常に表示 を ON にしておきます。

Bookmarklet Viewer で他のブックマークレットを登録する


以後は、Bookmarklet Viewer を使って、他のブックマークレットのソースコードを入手できます。

delicious(一番下の Extra bookmarklets がよさげ)
http://delicious.com/help/bookmarklets

bit.ly
http://bit.ly/pages/tools

flickr の写真を blog に貼るときに便利なブックマークレット
http://kawa.at.webry.info/201005/article_4.html

3D Bookmarklet(Web は 3D の時代に。ユビキタス 3D)
http://svn.coderepos.org/share/lang/javascript/3D/3d-bookmarklet.html


JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
オライリージャパン
Douglas Crockford

ユーザレビュー:
遠回りを避けたい人へ ...
手っ取り早く習得Ja ...
痒いとこだけ掻いてく ...
amazon.co.jpで買う
Amazonアソシエイト by JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス の詳しい情報を見る / ウェブリブログ商品ポータル


この記事へのコメント

shiremono
2011年02月25日 08:52
こんにちは。最近はじめてブックマークレットを登録したのですが、いくつかのやり方をためしてみて、Bookmarklet Viewerがとても便利でした。ブログでも紹介させていただきました。ちょっと勝手な使い方をしていますが、おゆるしください。

この記事へのトラックバック