初Bookmarklet(僕専用)

2009.02.03  Category:Javascript

生まれて初めてBookmarkletというものを作りました。
つかほぼ初めてJavascriptを触ったというかw。
Javascriptの克服も今年の目標なので。
今日僕が気になったもの_Feb 2 ’09 | ReInit_creative Logの記事を作る際、リストアップしたいサイトのソースを開いて、titleとurlを抜き出すのは、結構手間で、どうにかならんもんかい!!!!と思いました。

親知らずの日記 – BookMarkletの作り方を参考にさせて頂きました。

以下のサイトを開いて、Bookmarkletを実行すると、
http://reinit.info/blog/

<li><a href="http://reinit.info/blog/">ReInit_creative Log</a></li>

上の様な形で出力されるようにします。
ソースは以下。
使い方は、ブックマークバーに新規ブックマークを作り、URLに以下のソースを丸ごとコピーするだけです。
(注:Firefox3.0しか動作確認はしていません)

javascript:(function(){
var list=document.createElement('li');
var link=document.createElement('a');
link.setAttribute('href',location);
link.innerHTML=document.title;
var tmp=document.createElement('div');
tmp.appendChild(list);
list.appendChild(link);
var text=document.createTextNode(tmp.innerHTML);
prompt('',text.nodeValue);
})();

最終的には、OKボタンを押したら、クリップボードにコピーしたい。
もしくは、Bookmarkletを実行した時点で、クリップボードにコピーの方が効率が良いのかもしれません。

追々、自分的にバージョンアップしていきます。

RSS Reader
RSSリーダーへの登録をお願いします。
トップへ戻るボタン

著者

大庭俊介
株式会社サイバーエージェント所属の紙デザイナー上がりのFlashデベロッパー。アメーバピグ内のコンテンツ企画、実装を手掛けています。金沢美術工芸大学出身。
follow twitter

おすすめ

イニシエーション・ラブ/ 乾 くるみ

最後の2行目を見たときにマジでビビり、最初からまた読み返してしまい、ネタばれのサイトに行き着く。

フィジカルコンピューティングを「仕事」にする

初めての共著作。Kinect作品PiggFighterの項目を執筆しています。

基礎からのiOS SDK

iPhone開発ド素人の僕が現在、勉強中の本。結構丁寧に書かれてあって分かりやすい。特にWebブラウザ作成のチュートリアル部分の説明でかなり理解が深まった。