最終更新日時2014-08-29
■目次
■本文
学習の流れ
０．ブックマークレットって何ですか。
１．簡単なブックマークレットのソースをみて、勉強してみる。
２．簡単なのを、つくってみる。
３．難しいのを見てみる。（javascriptのライブラリを使用するようなもの）
４．難しいのをつくってみる。
０.ブックマークレットって何ですか。
１．既存の簡単なブックマークレットのソースをみて、勉強してみる。
簡単だけど役に立つブックマークレットをいくつか見てみる。
今、使っているブックマークレットのソースの見方(ブラウザごと)
chromeで使っているブックマークレットのソースの見方
ブックマークバー上で右クリック⇒「ブックマークマネージャー」をクリック
⇒ブックマークレットを右クリック⇒「編集」をクリック
IEで使っているブックマークレットのソースの見方
「お気に入りバー」に表示されているブックマークレットを右クリック⇒「プロパティ」⇒「アドレス」欄
ブックマークレットのソースのデコード（意味不明な文字列をjavascriptのコードに戻す）
javascriptのソースに見えない場合は、エンコード（符号化）されていることが多い。％記号が何回も出ている場合はエンコードされていると思ってよいだろう。エンコードされる前のソースを確認したいときは
Web便利ツール/URLエンコード・デコードフォーム - TAG index Webサイト
の中段にあるデコード欄にコピペ。「デコードする」ボタンをクリック。
ただし、このURLのサービスでデコードすると「＋」記号などいくつかの文字は消えてなくなる。
実際のソースコードをみると分かりにくい点の解説ページ。
function()ってなんだろう。
2．簡単なブックマークレットをつくってみる。
実際に作る上での便利なツールと、作ったときに動かない場合の解決法
ツール：javascriptで書いたスクリプトをfirefoxのブックマークレットに変換
chromeでブックマークレットを作ったが動かない場合
まずは「https://」ではなく、sの入らない「http://」で始まるページで動作確認をしましょう。
そのうえで、「https://」のページでもブックマークレットを動かせるようにします。
３．難しいブックマークレットを見てみる。
javascriptのライブラリや、ブラウザ以外のソフトと連携するようなもの。
４．難しいのをつくってみる。
javascriptのライブラリを使用するような、ちょっと難しいブックマークレット。
function wait(a,func){
var check = 0;
try{
eval("check = " + a);
}catch(e){
}
if(check){
func()
}else{
var f = function(){wait(a,func)};
setTimeout(f,100);
};
};
wait('Class.create', function() {
// 実行したい処理
alert("Class.create loaded!");
var newclass = new Class.create();
});
未分類・未読：他に参考となりそうなページ：
ページフッタ
このページの1階層上のページ
このページの1階層下のページ
このページに含まれるタグ
このページへのアクセス数
今日： -
昨日： -
これまで合計： -
最終更新：2014年08月29日 17:21
