ココログ投稿 究極のプレビュー機能

　究極の（？）プレビュー機能を搭載したココログ投稿ツール（ブックマークレット）です。
　このブックマークレットを使うと、ココログの表示画面（今みているこの画面）が投稿画面になります。使い方は、以下の通り。

　ココから投稿
※Mozilla系のブラウザで動くはずです。Firefox1.0.3で動作確認。

1. 　「ココから投稿」をブックマークに登録してクリックすると、記事本文の下に「新規投稿」と「編集」の二つのボタンが追加されます。
   （※個別記事を表示していない場合、「編集」ボタンは表示されません）
   記事の作成後に新規投稿をクリックすると、ココログ本来の新規投稿画面が表示されます。同様に編集をクリックすると、過去記事編集画面が表示されます。
2. 　記事の作成・編集は、タイトルや本文をクリックして行います。
   タイトルや本文にマウスカーソルを当てると、背景色が変化するのがわかると思います。その背景色が変わった部分が編集対象になります。
3. 　タイトルや本文をクリックするとテキストエリアが表示され、編集対象が読み込まれます。内容を変更したら、テキストエリアの下にある「更新」ボタンをクリックします。
4. 　編集終了後、「新規投稿」や「編集」をクリックすると、ブログID（※１）を聞かれます。自分のブログIDを入力すると本来の投稿画面が表示されるので、後はいつも通り投稿して下さい。

（※１）ブログIDは、ココログの管理ページから投稿画面に進んだ時のURL末尾、「blog_id=」の後に表示される数字です。

　ブログIDを毎回入力するのが面倒な場合は、ブックマークレットに書き込んでおくことができます。ブックマークに登録したブックマークレットを右クリックし、プロパティ画面を開きます。URL欄の「javascript:void(function(){」の直後に「var blog_id=****;」と半角で書き込みます。
※「****」は、自分のブログID。
※ブログIDのあとの「;」を忘れずに！

　このブックマークレットを利用して不具合がおきても責任はとれません。利用する場合は自己責任でお願いします。

　追記 (2005/05/16)
　編集中にできる空のstyle属性を削除するようにした。

スラッシュドット既読管理ブックマークレット

　スラッシュドットの既読管理をするブックマークレットです。
Firefoxで動作します。

　/.既読管理

　使い方
1. 上記のブックマークレットを実行すると、ページ一番下に未読を抽出するブックマークレットのリンクが作成されます。 （スレッドのタイトル名で作成されます）
2. 作成されたリンクをブックマークに登録します。
3. 後で未読をチェックする際に、そのブックマークレットを実行します。
   この際、該当ページを開いていない場合にはそのページへジャンプしますので、ページのロードが終わったら再度ブックマークレットをクリックして下さい。
4. 未読件数が表示され、未読部分がピンク色になります。

　「ネストする」「古い順」という設定で使ってます。
当たり前ですが、使い方１の時点で表示されているコメントはすべて既読として扱われます。

Ajaxの出力結果を確認する

　Ajaxに限らないのですが、JavaScriptでDOMをやってると現在のHTMLがどんな形になってるのか調べる必要があったりします。もちろん、右クリックして「ソースを表示」しても意味がありません。
　で、普段使ってるブックマークレットです。

　出力結果

　出力結果が複雑なときは、DOMインスペクタもあわせて使うと良いです。
Firefoxで動いてます。

POP辞書+Excite翻訳ブックマークレット

種の起源 | ポップアップ翻訳ブックマークレット。

仕組みは簡単。 Excite 翻訳とPOP辞書.comのサービスを利用しています

訳が変なときは、単語の意味を調べるという使い方が出来ます。
これは、便利！

ココログでもhtmlArea - htmlArealet

　以前紹介した、htmlAreaブックマークレットを改造。

　htmlAreaは、テキストエリアをHTMLエディタに改造するツールです。ただし、サーバに組み込む必要があるので、ココログのようなレンタルのブログでは利用できませんでした。

　これを改造してサーバに組み込まずに利用できるようにしたのが、「htmlArealet」です。もちろん、ココログの投稿ページだけでなく、他社のブログでも利用できます。

　以前のバージョンではうまく動かなかった別ウィンドウでの処理も、今回のバージョンで問題なく動くようになりました。

htmlArealet（IE用）
htmlArealet（Firefox用）

使い方は、

1. 上記のリンクを右クリックして、お気に入りやブックマークに登録
2. ブログの投稿ページなどを開いて、登録した「htmlArealet」をクリック
3. 編集したいテキストエリアをクリック

これで、HTMLエディタが起動します。

　編集中は <> のアイコンでテキストエリアとHTMLエディタの切り替えができます。
HTMLの編集に慣れている方もプレビューツールとして利用できるので、サーバが重いときには便利だと思います。

お気軽にご利用下さい。
ご意見、ご要望などありましたら、コメント欄にどうぞ。

RSSで知らせてね

　RSSリーダーを使うようになってから、「このサイトもRSSの配信してくれないかなー」と思うことが多くなりました。

　はてなアンテナのような自動巡回もそれなりに便利ですが、ページの差分だけでは、その更新がどういう意味を持っているのだろうかと、頭の中でのちょっとした解析作業が必要になります。RSSに比べるとずいぶん可読性に欠けてしまうのが難点ですね。

　RSSを配信しないサイトの、配信しない理由を考えてみます。

1. RSSの存在を知らない
2. RSS作成・配信の方法がわからない。あるいは調べるのが面倒だ。
3. RSS作成の手間が大きい・配信の効果が期待できない（費用対効果の問題）
4. サーバへの負荷が心配だ
5. サイトへの訪問回数が減るのではないかという疑念がある

　１はしようがないとして、２〜４なところは手軽にできるのであればやりたいってところはあるのでしょうか？ ５に関しても、実験的に導入してみたいってところがあるかもしれません。

　というわけで、ASPタイプのRSS配信サービス実験を始めてみました。

　SiteNEWS

　表向きは、誰でも投稿できるウェブサイトの更新情報＆つっこみ掲示板ですが、投稿された記事はRSSで取得できます。 そのRSSは、リンク先のURLと投稿者で記事を絞り込むことができます。
　サイト管理者は、自分が投稿した記事だけに絞り込んだRSSを自分のサイトで公開すればいいのです。

　ASPタイプなのでRSSのURLはSiteNEWSのドメインになります。
　記事の作成方法は、SiteNEWSのTOPページから記事にしたいページを検索して「クチコミ」として投稿するか、または、ブックマークレットが用意されています。
　ブックマークレットは、ブログのエントリに使われているものと同じ様な使い勝手です。 もちろん、ブックマークレットの方が手軽ですよね。

　非営利サイトでの利用は無料ですので、ブログ以外にサイトを運営されているという方は、気軽におためし下さい。
　実験的な運用ですので、営利サイトでもしばらくは無料で利用できます。 試験的に導入してみてはいかがでしょうか。

　記事の内容は、サイトの更新情報に限る必要はなくて、短信のメルマガがわりにも使えると思います。 ※本来のRSSの用途から外れるのかもしれませんが。。。

　どれくらいの需要があるかわかりませんが、百式の「RSS変換」というエントリで、2004年はBlogの年であった。2005年はRSSの年となるであろう。とありますし、少しはRSS普及のきっかけになれると嬉しいですね。

　よろしければ、お知り合いのサイト運営者の方にもこのサービスを広めて下さいませ。サイト更新情報の登録サイトとしてもご利用いただけます。　<（_ _）>

POP辞書関連ブックマークレット

Japan.internet.com デイリーリサーチ - オンライン翻訳サイト利用6割強まで進むも、翻訳結果にはかなり不満

「使いやすくない」理由としては、 「翻訳結果の文章が意味不明」（59人）、 「翻訳結果の文章が目安にしかならない」（63人）

　オンライン翻訳の翻訳結果は、時々笑いのネタになるくらいですからね。私が普段使っているのはPOP辞書です。

　POP辞書は公式にブックマークレットが提供されていますので、今回は普段POP辞書と併用して使っているブックマークレットをいくつか紹介します。いずれも、Firefoxでしか確認してません。

1. 元ページリンク書き換え
   元ページ表示リンクを別ウィンドウで開かないようにします。
   
   
2. POP辞書連鎖解除
   リンク先にはPOP辞書を適用しないようにします。
   
   
3. flash非表示
   POPした部分が、flashの広告の下などに隠れて見えないことがあるのでflash(object要素)を非表示にします。
   
   
4. flash表示
   非表示にしたflash(object要素)を表示します。

２は、梅田望夫・英語で読むITトレンドを読むときによく使います。１は２を作ってからはあまり使わなくなりました。

Alternateリンクをプレビューするブックマークレット

　前回のエントリで、ライブブックマークのお話をしましたが、右クリックから追加できる拡張があるようですね。

ryuzi_kambeの日記 - RSS Auto-Detect をプレビューする拡張機能

LiveBookmarkThis

だそうです。

　で、「RSS Auto-Detect をプレビュー」するブックマークレットを作ってみました。なんか意味を取り違えているかもしれませんが。。。

Alternateプレビュー

iframe内に<link rel="alternate"なものを表示するだけです。タイトルだけ抜き出そうと思いましたが、面倒なのでやめました。iframeの上のリンクをクリックすると、前のエントリ同様、新しいウィンドウが開いてライブブックマークに追加できます。

リンクのRSSをライブブックマークに追加する時にちょっと便利なブックマークレット

　Firefoxのライブブックマークのお話。

　通常、ライブブックマークはステータスバーの右に表示されるアイコンから追加すると思いますが、表示されない場合の追加方法を調べてみました。

　ブックマークの管理画面を開いて、[ファイル] -> [新しいライブブックマーク]で新しいライブブックマークが追加できます。RSSのURLは追加したライブブックマークのプロパティ画面で指定できます。

　このメニューは、ブックマークツールバーの右クリックや、ブックマーク管理画面のツールバーに表示されないので気づきにくいですね。

　せめて、リンクを右クリックした時に[このリンクをライブブックマーク]というメニューがあっても良さそうです。現状では上記の方法で追加するしかないようですが、これではちょっと不便ですので強制的に追加アイコンを表示するブックマークレットを作ってみました。

RSSリンクをライブブックマーク

使い方

1. RSSのリンクがあるページでこのブックマークレットを実行します。
2. 追加したいRSSのリンクをクリックします。
3. 新しいウィンドウが開いて、ライブブックマーク追加アイコンがステータスバーの右に表示されます。

Bulknewsなどで使うと便利です。


2005/1/24 ちょこっと修正。

MyRSSに登録するブックマークレット

　表示しているページをMyRSSに登録するブックマークレットを作ってみました。

　 MyRSSに登録　Firefox、IE用

　ログインしてないとエラーページが表示されます。できれば、TOPページにでも飛ばしてほしいので、要望として管理人さんのブログにトラックバックしておきますログインページが表示されるようになりました。

　ちなみに、RSS FeedをBloglinesに登録するときは、次のリンク先にあるブックマークレットを使うと便利です。

　RSS Feedの登録を簡単に

　このブックマークレットをMyRSSの個人ページで実行すると、RSS FeedのリンクがBloglinesへの登録リンクになります。こちらも、Bloglinesにログインしておく必要があります。

複数単語でググるブックマークレット

ページ中の単語を複数選択し、グーグルで検索するブックマークレットです。

複数単語でググる Firefox用

単語を選択するたびに、検索を実行するか尋ねてきます。キャンセルを選ぶと別の単語を追加選択することができます。
検索したい単語をすべて選んだら、OKを選んで検索を実行します。

アマゾンアサマシリンクをあらかじめ指定したID付きリンクへと書き換えるブックマークレット

antipop - Asamasi Hacks: 他人のアサマシリンクを友人・知人の ID 付きリンクに書き換えてみる実験: ゴッゴル

世の中、右を見ても左を見てもアマゾンアソシエイト ID の付加されたリンクだらけゴッゴル。そんなにしてまでジャリ銭が欲しいのか…なんとアサマシいことだ…と嘆く……ことなどまったくなく、むしろ対抗して、「どうせなら御世話になってるあのひとの ID 経由で買いたいものだよなぁ」とやはり思うわけですから、ASIN 情報だけいただいて ID 書き換えちゃったらもしかして友人・知人を利することができてしまうのかな？ どうなのかな？ という学術的好奇心を以って、アマゾンアサマシリンクをあらかじめ指定した ID 付きリンクへと書き換えちゃうユーザジャバスクリプトを書いてみる実験を行ってみましたゴッゴル。あくまでも実験ですゴッゴル。例によって Firefox によるものですがゴッゴル。

面白い「実験」です。
早速、ブックマークレットにしてみました。
さりげなくご自身のIDを紹介されていましたので、"sample"として使わせていただきました。

アソシエイトID書き換え

元のスクリプトは、複数のIDをランダムに切り替えますが、上記のブックマークレットは固定です。 オリジナルのスクリプトをブックマークレットにしたい場合は、ブックマークレットを作るブックマークレットで簡単に作れます。

あくまでも「実験」です。

ページ送りブックマークレット改造

ページ送りブックマークレットを改造しました。

使い方は以前のバージョンと変わりませんが、$nの部分に桁数を指定できるようになりました。桁数に満たない数値は、頭を０で埋めます。
01 -> $2n
001 -> $3n
0001 -> $4n

ページ送り Firefox用

たとえば、ココログの月別バックナンバーのページでは
http://..../2004/01/index.html
月の部分が数字２桁になっていますので、01の部分を$2nと置き換えます。

ページ送りブックマークレット

　何ページもあるWebページなのに、ページ送りのJavaScriptが動作しなかったりすることがあります。URL中のページ番号にあたる数字を書き換えれば次のページを見られることもあるのですが、いちいち書き換えるのは面倒なのでページ送りをするブックマークレットを作りました。

ページ送り

　使い方

1. 表示されたURLのページ番号に当たる部分を「$n」に書き換えてOKをクリックします。
2. ページ中(先頭のほう)にNextというリンクが作成されます。
3. ブックマークバーにドラッグします。
4. Nextをクリックするとページ送りができるようになります。

　ページ番号に当たる数字を１ずつ増やしているだけです。
　Firefoxで動作しました。

My Yahoo! Search

　My Yahoo! Searchを試してみました。
検索結果から選んだページを、My Web というページに登録したり、以降検索対象から外したりできるようです。

　登録したページはカテゴリを作って分類できるのですが、カテゴリ毎にRSSフィードを生成してくれます。RSSリーダに登録すれば、RSSリーダをブックマーク代わりに使えるもしれません。

　My Web に登録するには、ブックマークレットを使う方法もあるのですが、提供されているブックマークレットでは日本語のタイトルが文字化けしました。↓は文字化けしないように改造したものです。
　Save to Y! My Web

htmlAreaブックマークレット

この記事は古くなりました。こちらをご覧下さい。

htmlareaを改造して、ブックマークレットから呼び出せるようにしてみました。
状況によってうまく動かない機能もありますが、それなりに動くようです。

htmlareaで編集(IE用)
htmlareaで編集(Firefox用)

使い方
テキストエリアのあるページでブックマークレットを呼び出した後に、テキストエリアをクリックします。
投稿前に「HTML表示切替」アイコン <> でテキストエリアに切り替えておいた方が安全です。それを忘れて投稿すると、JavaScriptのsubmitを利用している場合、編集結果が反映されないようです。
こちらでおためし下さい。 <ol><li>上にある『htmlareaで編集』をクリックします。</li><li>このテキストエリア内をクリックします。</li></ol>
設置方法
試すだけなら上記のブックマークレットを使っていただいて構いませんが、ちょっと使い込んでみようかなと思う人はご自分のサーバスペースに設置してご利用下さい。

1. htmlareaをダウンロードしてきて解凍します。
2. 次に、このファイル(htmlarealet.zip)をダウンロード、解凍して、既存のファイルに上書きします。
3. サーバにアップしたら、ブックマークレット中のURLの部分をご自分のサーバ環境に合わせて書き直して下さい。

サイトをまたがると、ポップアップ系の機能は全滅です。
自分のサーバに設置して、そのサーバ上で利用するのが無難なところでしょうか。
ココログに設置するとしたらファイルをアップロードするのが大変そうですね。

ブックマークレットを手軽に作るブックマークレット

　ブックマークレットはいろいろ便利に使えるので、作るのも楽しいのですが、エディタ一つで作ろうとすると結構面倒なものです。

　作ったことのある人はわかると思いますが、１行に収めるからといって最初から改行を使わずに作るのは、見通しが悪くて作りづらいものです。そこで最初は改行入りのソースをエディタで書き、最後に一行にまとめてから、アドレスバーに貼り付けて動作確認をすることになるのですが、トライ＆エラーを繰り返していると、だんだんそれが苦痛になってきます。エディタとブラウザをいったりきたりするのさえ面倒になってきます。

　なので、普段はエディタを使わずに、ブラウザ上で動く自作のアプリを使っています。テキストエリアに書いたソースをボタン一つで一行にまとめて、ブックマークレットのリンクを生成することができます。ブラウザ上で動かしているので、エディタとブラウザをいったりきたりする手間も省けて作業効率大幅アップです。

　で、今回はさらにそれをブックマークレットとして実装し直したものを公開します。

ブックマークレットを作る (Firefox用)

　テキストエリアにソースを書いてmakeボタンをクリックすると、そのソースが埋め込まれたリンク(New Bookmarklet)が生成されます。一番下に生成されるテキストは、ココログへ投稿するときなど使えます。&、<、>、"がそれぞれ&amp;、&lt;、&gt;、%22に変換されているので、そのままXHTMLにも埋め込むことができます。

　また、動作確認ボタンをクリックすると、リンクの生成は行わずにテキストエリアの内容を実行します。なお、値を返さないように「void」を書いたり、「javascript:」を先頭に付ける必要はありません。自動で追加されます。

　興味のある方はお試し下さい。

オレオレCookie登録

エンドユーザにできるフィッシング対策(はてなダイアリー - 高木浩光＠茨城県つくば市 の日記)より

フィッシング対策として、次のようなブックマークレットが紹介されています。

今見ている画面が本物だと確認できている状態で、そのドメインでのみ有効なcookieを自分のブラウザに手作業でセットする。

このような使い方はちょっと思いつきませんでした。

自分が使いやすいように、カスタマイズ。
変更点は、
・ドメイン全体を信用するか確認。
・クッキーの名前や値をその都度入力。
オレオレCookie登録
オレオレCookie表示

Firefoxで動作しました。

RSS Feedの登録を簡単に

　オンラインのRSSリーダは、ブックマークレットを使ってRSS Feedを簡単に登録できたりしますが、rss-jp.netのようにFeedが一覧になっていると、そこから選んで登録するのは結構な手間になります。
　そこで、Feedのリンクを、RSSリーダ登録用のURLに書き換えてしまうブックマークレットを作成しました。Bloglines用です。

　Subscribe links

　このブックマークレットをFeedの一覧が表示されたページに対して実行すると、すべてのリンクがBloglinesのSubscribe用のリンクになります。登録したいFeedのリンクをピコピコクリックすれば、登録画面がいくつも開くはずです。登録後は、ページをリロードしてあげればリンクは元に戻ります。

　Firefoxでしか動作確認していないのでIEで動作するかわかりませんが、508文字を越えていないので大丈夫かもしれません。Bloglines以外のRSSリーダで使用する場合は、urlの部分やFeedのURLの渡し方を書き換えてあげてください。

追記：(2004/09/11 13:00)
IE6SP1で動きました。

Web検索サイト「Ask.jp」のベータ版

米Teomaのアルゴリズムを採用したWeb検索サイト「Ask.jp」のベータ版

Ask.jp
検索結果のページ左上には絞り込みのヒントが、左下には関連する話題を多くリンクしているサイトが表示されます。
調べもので行き詰まったときなどに役立ちそうです。
絞り込みのヒントが充実すれば、「といえば」で情報を引き出してくれる4im.netのような使い方もできそうです。
キャッシュがないのが残念ですが、時々使ってみようと思います。

選択した文字をAsk.jpで検索するブックマークレットです。
Firefoxで動作します。

選択をAsk.jpで検索

o=0
qsrc=4
などのパラメータは意味が分からなかったので省きました。
ご存じの方教えて下さい。

Firefoxで複数サイト同時表示＆自動更新ブックマークレット

みなさんはブラウザのウィンドウって、常に最大化してますか？

人によっては、最大化して使うことは馬鹿げている（何のためのウィンドウなのか）と考えるようですが、私は、ブラウザに限らずターミナル以外のウィンドウはたいてい最大化して使っています。それは、ウィンドウ内になるべく多くの情報を表示して、できればスクロールなどをせずに一目で見たいからです。タスクバーやキーボードでウィンドウを切り替えることには、それほど煩わしさを感じることもありません。それよりも、小さなウィンドウがスクロールバーを出して情報を隠していることの方がよっぽどストレスなのです。

そういうわけで、ブラウザを最大化していても滅多に不便を感じることはなかったのですが、あるサイトだけは不便だなーと感じることがありました。それは、リアルタイムに更新されるページで、似たようなページをいくつか同時に表示します。答えを言ってしまうと株価(チャート)を見ていたときのおはなしです。半年ほど前にネットでの株取引を始めたのですが、その頃は自分の買った株の値段が刻々と変化していくのがおもしろくて、暇さえあれば（無くても）何度もリロードして、株価をチェックしていました。

そのときに、いちいち銘柄毎にウィンドウを切り替えて（正確にはタブブラウザのタブなのですが）、リロードしなければいけないのがとても煩わしく感じられました。というわけで、そのときに作ったブックマークレット、１ページに複数のサイトを表示して、自動更新をしてくれるというものです。

複数サイト表示＆自動更新

このブックマークレットを実行すると、行数と列数を尋ねられます。たとえばrowを1、colを2とするとページが左右に分割されて２ページ分の表示エリアができます。
テキストボックスがアドレスバーになっていますので、表示したいページのURLを入力して、goをクリックして下さい。
自動更新を行うにはtボタン(timerのｔです)をクリックして、更新間隔(秒)を指定します。

※自動更新を行う場合は、くれぐれも対象サイトの迷惑にならない更新間隔にしましょう。

Firefox0.8で動作確認しました。

スクリプト埋め込み型Trackback

Trackbackに対応していないページで、下のブックマークレットを実行します。
表示されたJavaScriptをそのページに埋め込むとTrackback対応ページになります。

TBスクリプト作成

で、こんなかんじになります。

MyClip for Firefox

Firefox0.8では、MyClipの最新Clip一覧でスクロールをすると、Popup表示の位置がずれてしまいます。(Geckoのバージョンによるのでしょうか？)また、既読ページのリンクの色が変わらないのもイヤでしたので、これらを解決するブックマークレットを作ってみました。リンクの色を変更する部分はJavaScript::Bookmarkletさんの「うざい色を正常化」をそのまま流用させていただいております。

MyClip for Firefox

既読かどうか判断できるようにするため、リンク先はMyClipのサーバを迂回しています。しかし、それでは申し訳ないのでクリックしたときには元に戻しているつもりです。でも、本当に正しく動いているか確認はしてません。

Webページの安全なキャプチャ

紙2001のようなイメージで、ブックマークレットからWebページをキャプチャして保存するようなWebアプリケーションを作ってます。
保存するHTMLは、XSS(クロスサイトスクリプティング)対策としてスクリプトが動かないように書き換えているのですが、もしかするとなにか対策漏れがあるかもしれないので、気付いた人が教えて下さるのを期待して、概要の分かるソースを公開しておきます。

やっていることは、CSSの情報をHEADに書き出し、後はSCRIPT要素以外の要素とその属性を書き出しているのですが、その際にonで始まる属性は取り除いています。
ちなみにFirefoxでしか、動作確認していません。

var head=function(){
  ret='<head><style>';
  var ss=document.styleSheets;
  for(var i=0;i<ss.length;i++){
    try{
      for(var j=0;j<ss[i].cssRules.length;j++){
        ret+=ss[i].cssRules[j].cssText;
      }
    }catch(e){}
  }                   
  ret+='</style></head>';
  return ret;         
};
var dom=function(elem){
  if('script'==elem.nodeName.toLowerCase())return'';
  var str='<'+elem.nodeName;
  var attrs=elem.attributes;
  for(var i=0;i<attrs.length;i++){
    if('on'==attrs[i].name.substr(0,2).toLowerCase())continue;
    str+=' '+attrs[i].name+'=%22'+attrs[i].value.replace(/%22/g,'%2522')+'%22';
  }     
  str+='>';
  var childs=elem.childNodes;
  for(var i=0;i<childs.length;i++){
    var c=childs[i];
    if(3==c.nodeType){
      str+=c.nodeValue.replace(/</g,'&amp;lt;').replace(/>/g,'&amp;gt;');
    }else if(1==c.nodeType){
      str+=dom(c);
    }
  }
  if('br'!=elem.nodeName.toLowerCase()){
    str+='</'+elem.nodeName+'>';
  }
  return str;
};
var w=window.open('about:blank','_blank');
var d=w.document;d.open();
d.write('<base href=\''+window.location+'\' />');
d.write(head());
d.write(dom(document.body));
d.close()

↑をブックマークレットにしたものが↓です。

InvalidateScript スクリプトを無効にしたHTMLを新しいウィンドウに表示します。

関心トラックバック

トラックバックを受け付けていないページに対して擬似的にトラックバックすることによって、同じページに関心を持ったブログ同士を結びつけるツールです。

下の「関心トラバURL」で表示されるURLにトラックバックすると、このページの横にある「Mark It!」か、下の「関心ブログリスト」でトラックバックしたブログのリストを表示します。
「Mark It!」は元のページ中に、「関心ブログリスト」は新しいページを開いてリストを表示します。
どれも、ブックマークレットですので、右クリックしてお気に入りやブックマークに追加して使って下さい。

関心トラバURL

関心ブログリスト

Webしおり

　Webページ中にマーカーを引いて、コメントを書き残すことができるブックマークレットです。”しおり”として使えます。Markletとの違いは、情報をクッキーに保存することです。
　右クリックで「お気に入り」や「ブックマーク」に追加して使って下さい。

しおり IE6 & Mozilla用
しおり IE5.5用

　「マーカーを引く」をクリックした後、Markletと同様に印を付けたい部分のテキストや画像をマウスで選択し、コメントを書き添えて保存します。

くっつけコメント

Webページの好きなところに、コメントをくっつけることができるMarklet(マークレット)というツールを公開しています。バージョンアップのついでに、Markletの情報を中心にブログに書いていくことにしました。
以後、よろしくお願いいたします。

というわけで、早速Markletの紹介に入ります。
MarkletをくっつきBBS風に表現すると、「くっつけコメント」になります。なぜ「くっつき」じゃなくて「くっつけ」かというと、「くっつき」はサイトオーナーが設置しますが、このサービスはサイトの訪問者がくっつけるからです。

くっつきBBSをご存じの方は、イメージしてもらえたかもしれませんが、そうでない方はわからないですよね。実際に見てもらったほうがどんなものかわかりやすいと思いますので、とりあえず次の手順で試してみて下さい。

---

まず、こちらのページから、お使いのブラウザにあったブックマークレットのリンクを選んで、右クリックからお気に入りやブックマークに登録して下さい。 ※IE5.5は、ブラウザが不安定になることがありますので気を付けて下さい。

登録したブックマークレットをクリックすると、ページ右上にBoxが表示されます。（環境によっては、ロードするのに時間がかかるかもしれません。しばらくお待ち下さい…）次に、一番上の、MarkをクリックするとBoxが消えて、マーカーモードになります。この状態で、ページ中の文章のどこでも好きなところをマウスで選択してみて下さい。

マーカーが引かれて吹き出しが表示されます。「いいえ」でマーカーの引き直しができ、「はい」で、コメント入力ウィンドウが開きます。「はい」をクリックして、ウィンドウを開いてみましょう。

「タイトル」と「コメント」（公開されます！）を適当に書き換えて、「確認」ボタンで確認画面に進みます。「送信」ボタンを押すと、登録が完了します。後で削除できるので、気にせず登録してみて下さい。完了画面にもいろいろ書いてあると思いますが、とりあえず無視してウィンドウを閉じましょう。

このページに戻ったら、吹き出しの「キャンセル」をクリックして、もう一度Boxを表示します。今度は一番上のReloadをクリックします。すると、先ほど書き込んだタイトルが表示されたかと思います。タイトルをクリックして、コメントの内容が表示されるのを確認してみて下さい。

---

基本的な操作は以上の通りです。
次回のエントリでは、このツールの使い道を考えてみようと思います。