Bookmarklet

HTML Table の枠を色づけして表示してくれるブックマークレット。

HTML テーブルの枠を色つき表示

javascript:void(d=document); void(cs='http://sonic64.com/dat/tableborders.css'); void(d.g=d.getElementsByTagName);void(l='link');void(H=d.g('head').item(0)); void(c=(d.all)?c=d.all.tags(l):d.g(l)); with(c){for(i=0;i<length;i++){if(item(i).getAttribute('href')==cs)location.reload();}} void(L=d.createElement(l));void(L.s=L.setAttribute); void(L.s('rel','StyleSheet')); void(L.s('href',cs));void(H.appendChild(L));

使い方。
上記リンクを右クリックしてブックマークに入れる。
テーブルのあるページでブックマークを呼び出す。

IE6 でも Mozilla Firefox 1.0.7 でも動いた。Opera はどうだったろう? 当サイト Landscape は Table をほとんど使ってないので、他のページで試すと良い。

結構前から使っているのでどこで手に入れたかはもう覚えてないが、スクリプトから読み込むスタイルシート中に frogdesign.com の sam さん作成と書かれている。彼の作品ということか。自分の管理下に置いておきたいので、スタイルシートの読み込み先は sonic64.com に変更した。

2005-11-12 の「フレーム内にある .jpg のリンクを開く JavaScript ブックマークレット」を修正。リンク先が CGI だったら開かないようにした。URL に ? が入っていたら CGI とみなして開かない。

変更した理由は、CGI を連続的に開くとサーバに負荷がかかるから。あと、jpg じゃないのに CGI のクエリ文字列が .jpg で終わってるため jpg と誤判定して開くのを防ぐという目的もある。

javascript:(function() {var max=30; for (var f = 0; f < frames.length; f++) {var z=frames[f].document.links; for(var i = 0; i < z.length && 0 < max; ++i) { if (z[i].href.match(/\.jpg$/i) && z[i].href.indexOf('?') == -1) { void(window.open(z[i].href)); max--;}}}}) ();

フレーム内にある .jpg で終わる URL へのリンクをすべて開く (CGI 除外版)

フレーム内にある .jpg で終わる URL へのリンクをすべて開くブックマークレットを作った。

javascript:(function() {var max=30; for (var f = 0; f < frames.length; f++) {var z=frames[f].document.links; for(var i = 0; i < z.length && 0 < max; ++i) { if (z[i].href.match(/\.jpg$/i)) { void(window.open(z[i].href)); max--;}}}}) ();

フレーム内にある .jpg で終わる URL へのリンクをすべて開く

フレームのページ専用。ちょっと書き換えればフレームを使ってないページでも動くようにできるけど、当面の問題を片づけるにはフレーム専用で十分なのでこれでいいや。

こんなときに使う。
・フレームで区切られたページで、
・JPEG 画像へのリンクがたくさん設定されていて、
・でも HTML へのリンクも入り交じっていて、
・JPEG 画像へのリンクだけを一気に開きたいとき。

タブブラウザ推奨。タブブラウザじゃないと、たくさんウィンドウが開かれてしまうので使いにくいだろうね。あと、このブックマークレットのいいところは、リンクを開いたときにリファラが設定されない点にある。

IE6 というか Sleipnir 1.66 で動作することを確認している。ピュアな IE や Firefox でも動くと思う。ただ、ブラウザのポップアップブロックをオフにしていないとブロックされちゃうかも。

一応、開くリンクの最大数を30に制限している。そうじゃないと、ブラクラ (ブラウザクラッシャー) のようにものすごい勢いでウィンドウを開いちゃって、OS や相手先サーバに負荷をかけるかもしれないし。本当は Sleep を入れてゆっくり開いていくようにしたかったんだけど、JavaScript には Sleep がないみたい。残念。

と、ここまで書いて思った。なんか似たようなのを過去に作ったことがある気がする。探してみよう。・・・あった。2004-01-29 の「Google の検索結果一覧画面からキャッシュのリンクだけを開く Bookmarklet」だ。使ってないので忘れてた。

なんでも RSS は、HTML を解析して RSS にしてしまうサービス。

- なんでも RSS 公式サイト

なんでもRSS 0.1b
http://blogwatcher.pi.titech.ac.jp/nandemorss/

- なんでも RSS はすごい

なんでも RSS はすごい。http://tabesugi.net/memo/cur/cur.html のように RSS を提供してないサイトでも、難なく RSS を生成してくれる。こんな感じ。http://blogwatcher.pi.titech.ac.jp/nandemorss/index.cgi?url= ...

日付文字列を区切り文字として使っているとのこと。類似のサービスに MyRSS.jp http://myrss.jp/ があるが、MyRSS.jp はリンクから HTML を解析して RSS を生成するというところが違う。

なんでも RSS では以下のような Bookmarklet も用意している。これを使うと、お気に入りから直接なんでも RSS のサービスを呼び出せる。

javascript:location.href='http://blogwatcher.pi.titech.ac.jp/nandemorss/index.cgi?url=' + encodeURIComponent(location.href)

- Bloglines と なんでも RSS の連携

なんでも RSS の Bookmarklet と Bloglines の サイト登録 Bookmarklet を組み合わせて、Bloglines の登録画面を呼び出す Bookmarklet を作ってみる。

以下は Bloglines のサイト登録 Bookmarklet。お気に入りに登録してから、Bloglines に登録したいページをブラウザで表示した状態で呼び出すと、http://www.bloglines.com/sub/http://sonic64.com/cl.xml のような登録画面が出る。登録済みのサイトだと、すでに登録してるよって言われるけど。

javascript:location.href='http://www.bloglines.com/sub/'+location.href

で、2つを組み合わせると以下のようになる。実行すると、現在表示中のページの URL をなんでも RSS になげて RSS に変換し、さらにその URL を Bloglines に投げて Bloglines の RSS 登録画面を呼び出す、という動きをするはずだ。

javascript:location.href = 'http://www.bloglines.com/sub/http://blogwatcher.pi.titech.ac.jp/nandemorss/index.cgi?url=' + encodeURIComponent(location.href)

上記 Bookmarklet を実行すると・・・あれ? なんか変。
http://www.bloglines.com/preview?siteid=1811750

あー、RSS そのものじゃなくて、なんでも RSS の画面を出す Bookmarklet だからこういう結果になったのか。

ん? RSS そのものの URL http://blogwatcher.pi.titech.ac.jp/nandemorss/index.cgi?url= ... には、key ってのが入ってるね。

こいつは曲者だな。日付文字列を分離するための情報として key に記述された html タグを使ってるんだろうな。となると、key には html ごとに異なる値が設定されることになるし、汎用の Bloglines 登録 Bookmarklet に仕立てるにはちょっと手間がかかるな。ねむくなってきたし、残念だけどあきらめるか。

2004-02-07 の「JavaScript: アスキーアート化 Bookmarklet」に書いた「JavaScript:document.body.innerHTMLのガイドライン」スレが dat 落ちして新スレに移行した。せっかくの前スレが読めなくなるのは忍びないので、http://sonic64.com/dat/1070715430.html と http://sonic64.com/dat/1070715430.dat にミラーを作って新スレに投稿しておいたところ、楽しいレスをもらえた。

JavaScript:document.body.innerHTMLのｶﾞｲﾄﾞﾗｲﾝ2
http://that.2ch.net/test/read.cgi/gline/1076853643/52-

52 ： [sage] ：04/02/21 20:53 ID:3BOYlaZu
前スレの dat と html のミラー置いておきました。

2ちゃんねる ガイドライン板 JavaScript:document.body.innerHTMLのガイドライン
html ファイル http://sonic64.com/dat/1070715430.html
dat ファイル http://sonic64.com/dat/1070715430.dat


53 ：水先案名無い人 [sage] ：04/02/22 21:03 ID:Eb/N8X2F
>>52
ﾜﾗﾀ


54 ：53 [sage] ：04/02/22 21:05 ID:Eb/N8X2F
すまん、素で間違えた
これで許せ
JavaScript:document.body.innerHTML=document.body.innerHTML.replace(/ﾜﾗﾀ/g,'乙');focus();


55 ：水先案名無い人 [sage] ：04/02/22 21:06 ID:qItmRdW0
>>53-54
ﾜﾗﾀ


56 ：水先案名無い人 [sage] ：04/02/22 22:34 ID:1OfSXyqk
ここは取り返しの付くインターネットですね。


57 ：水先案名無い人 [sage] ：04/02/22 22:40 ID:x6xu9HEQ
JavaScript:document.body.innerHTML=document.body.innerHTML.replace(/ﾜﾗﾀ/g,'氏ね');focus();

一気に殺伐と…。



58 ：水先案名無い人 [sage] ：04/02/23 03:45 ID:mCnyX8NT
>>57 ごめん、ﾂﾎﾞにｷﾀ。ﾁｮｺ食ってたら噴出しそうになったよ。
氏ね(変換後)

ほのぼの感たっぷり。和みました。

昨日 2004-02-07 に続き、「JavaScript:document.body.innerHTMLのガイドライン」からブックマークレットの話題。
JavaScript:document.body.innerHTMLのガイドライン
http://that.2ch.net/test/read.cgi/gline/1070715430/l50

- HTTP レスポンスヘッダを表示

レスポンスヘッダ表示は、JavaScript::Bookmarklet にも同様の物 http://bookmarklet.daa.jp/blog/archives/000012.html があったが、使えなくなっている。>>609の Boolmarklet は代用品として役に立つだろう。IE 限定なのが惜しいけど。

608 ：水先案名無い人 [sage] ：03/12/20 01:33 ID:6rUQJLPG
JavaScript:with(document.body)innerText=outerHTML;focus();

<body>〜</body>間のソースを表示
ソース見るのに外部エディタを使いたくないときとかいいかも


609 ：水先案名無い人 [sage] ：03/12/20 02:10 ID:pCPlBNNw
>>608
応用すると<html>〜〜</html>間のソース表示も。
JavaScript:with(document)body.innerText=getElementsByTagName("HTML")[0].outerHTML;focus();

IE限定でレスポンスヘッダも表示してみる。
JavaScript:o=new ActiveXObject("Microsoft.XMLHTTP");o.open("HEAD",(d=document).URL,false);o.send();d.body.innerText=o.Status+" "+o.StatusText+"\n"+o.GetAllResponseHeaders()+"\n"+d.getElementsByTagName("HTML")[0].outerHTML;focus();

- 復活してるじゃん

・・・という記事を書こうとして、念のため JavaScript::Bookmarklet で紹介されていた Bookmarklet が動かないことを確認しようとして動作テストをしたら、正常に使えちゃったよ。おかしいなあ。

HTTPリクエスト＆レスポンスヘッダを見る JavaScript::Bookmarklet
http://bookmarklet.daa.jp/blog/archives/000012.html

この Bookmarklet は「URL を送るとその HTTP トランザクションを表示する CGI」を呼び出してるだけだ。呼び出し先の CGI がサービスをやめちゃったので使えなくなってた。CGI 提供サーバにクエリを送信すると、「ホスティング先の Bugzilla だか Mozdev だかでトラブルがあったのと、よく考えたらこの CGI はプロキシとしても使えてセキュリティ的にも心配なんでサービスを止めるよ」などというメッセージが返ってきて、実際動かなかったんだけどなあ。まあ、使えるならいいか。

楽しいスレを発見。

JavaScript:document.body.innerHTMLのガイドライン
http://that.2ch.net/test/read.cgi/gline/1070715430/l50

2004-02-23 追記
上記スレッドは dat 落ちして読めなくなっているため、ミラーを作りました。
2ちゃんねる ガイドライン板 JavaScript:document.body.innerHTMLのガイドライン
html ファイル http://sonic64.com/dat/1070715430.html
dat ファイル http://sonic64.com/dat/1070715430.dat

- このスレの趣旨

JavaScript を使って、ブラウザに表示された html を書き換えて遊ぶというスレ。
やってることは Bookmarklet (ブックマークレット) と同じなんだけど、はっきり言って役に立たない物が多い。でも、さすがは2ちゃんねる。職人さんが神業的なスクリプトを多数作ってくれて、役に立たないけど楽しいスクリプトが揃っている。

- 基本 スクリプトの使い方

JavaScript をコピーして、アドレスバーに貼り付けて enter キーか「移動」を押すだけ。

1 ：水先案名無い人 ：03/12/06 21:57 ID:V8brHrBg
１．どこでもいいからホームページを開く
２．下の一行を「アドレス」欄に貼り付ける
JavaScript:document.body.innerHTML=document.body.innerHTML.split('ー').join('━━━(ﾟ∀ﾟ)━━━');focus();
３．Enterを押す。

- うまく動かないときは

上記の「キター」が動かない人は、以下をチェック。

・JavaScript を有効にする
・タブブラウザなどの「アドレスバーに入力されたときは、新規ウインドウやタブで開く」機能は解除
・Sleipnir ユーザーは JWord サービスを解除する
・だめならブラウザを変えてみる

- 複数行の Bookmarklet でも簡単に試せるようにする

本スレを見るときは、まずこの リンク化 Bookmarklet を実行して、JavaScript Bookmarklet 部分をリンクにしてしまおう。アドレスバーに貼り付けて enter キーか「移動」を押す。JavaScript 部分がリンクになったら成功。もしかしたら Mozilla では一部リンクにならないかもしれないけど。

197 ：水先案名無い人 [sage] ：03/12/11 01:02 ID:qdGrc6yp
コピーするのがめんどくさいんで
このスレッドに対して↓これをかけちまったらどうか。
JavaScript:with(document.body)innerHTML=innerHTML.replace(/javascript:.+?(focus|eval|void)\(0?\);?/ig,function(e){return '<a href="'+e.replace(/<.+?>/g,'').replace(/"/g,'&quot;')+'">'+e+'</a>';});focus();

リンクになるんでショートカットのコピーで済む。

なぜこれが必要かというと、本スレに掲載されている Bookmarklet は改行などの余計な文字が入っているものがほとんどで、実行するには余計な文字を削除する必要があるからだ。で、手作業でやるのは大変なので、>>197 が「Bookmarklet 部分をリンクにする Bookmarklet」を作ってくれたワケだ。

リンクになってしまえばあとは簡単。右クリックして「ショートカットのコピー」や 「Copy Link Location」 を選択すれば Bookmarklet を抽出できるという寸法だ。

当サイトでは Bookmarklet 部分を丹誠込めてリンクにしているので、当サイトを閲覧するのであればリンク化 Bookmarklet は必要ない。

- クマー化 Bookmarklet

すごい。どんなサイトでも「」さえあればクマーが語ってくれる。>>316 も言ってるが、http://sportsnavi.yahoo.co.jp/fight/k1/column/200312/1213sn_ ... なんかをクマー化すると実に良い。

>>316 のクマー化 Bookmarklet

>>339 クマー化 Bookmarklet 長文対策版

316 ：水先案名無い人 [sage] ：03/12/14 19:21 ID:y9FZQVJ1
javascript:A=(d=document.body).innerHTML;AA=new Array("「","<br>　　 ∩＿＿＿∩<br>　　 | ノ　　　　　 ヽ<br>　　/　　●　　　● |　　　","。?」","クマー<br>
　 |　　　　( _●_)　 ミ<br>　彡､　　　|∪|　　､｀＼<br>/　＿＿　 ヽノ　/´>　 )<br>(＿＿＿）　　　/　(_／<br>　|　　　　　　 /<br>　|　　／＼　＼<br>
　|　/　　　 )　 )<br>　∪　　　 （　 ＼<br>　　　　　　 ＼＿)<br>");i=0;while(i<AA.length){r=RegExp(AA[i],"g");A=A.replace(r,AA[i+1]);i+=2;}d.innerHTML=A;focus(0);


ニュースサイトか小説（太宰とか）でどうぞ。
↓これは教えてもらったやつだが爆笑した。奴にクマーは似合いすぎ。
ttp://sportsnavi.yahoo.co.jp/fight/k1/column/200312/1213sn_02.html

なお、>>263さんのを参考にしました。
もちろんAAを入れ替えることでいろいろ応用できます。


339 ：水先案名無い人 ：03/12/14 23:41 ID:j94b01Xm
長文対策バージョンｸﾏ━━━━━━ヽ(・(ｴ)・)ノ━━━━━━!!!
コピペっと。改行は取るクマよ。

JavaScript:with(document.body)innerHTML=innerHTML.replace(/「(.+?)。?」/g,"<table><tr><td nowrap>　　 ∩＿＿＿∩<br>　　 | ノ　　　　　 ヽ<td><tr><td nowrap valign='top'>　　/　　●　　　● |
<br>　 |　　　　( _●_)　 ミ<br>　彡､　　　|∪|　　､｀＼<br>/　＿＿　 ヽノ　/´>　 )<br>(＿＿＿）　　　/　(_／<br>　|　　　　　　 /<br>　|　　／＼　＼<br>　|　/　　　 )　 )
<br>　∪　　　 （　 ＼<br>　　　　　　 ＼＿)<br><td valign='top' style='padding-left:2em'>$1クマー</table>");focus(0);


378 ：水先案名無い人 [sage] ：03/12/15 18:29 ID:N+YntLl4
>>316と>>339の違い

>>316
長文・センタリング中など表示は崩れるが、サイト内の文字サイズや色指定に反応してくれる。
ニュースタイトルの中で巨大に「サップ殺す！！クマー」と表示してくれるなど。
また、変換結果をそのままコピペできる。

>>339
長文を扱える。表示サイズは固定。


誰か文章変換込みでMMRバージョンやAAつきカイジバージョンとか作ってみませんか？
モナー系とかは簡単なはず（ニダーとか・・・）

ちなみに>>359は大ちゃんバージョンのようですが、
「何故変換式を載せてくれないんだクマー！！」

次のチャレンジは「移動する・動くAA」かな・・・
「通過する通りますよ」とか・・・

- 走れメロスを >>339 でクマー化

青空文庫に収録されている、太宰治の「走れメロス」にクマーを適用してみる。
http://www.aozora.gr.jp/cards/000035/files/1567_14913.html

まずは IE6 でも簡単に使える >>339 を適用。物語冒頭の老爺とメロスのやりとりもこの通りクマー。

- 表情をつけてクマー化

クマーが文末の表現に応じて表情を変えるようになった。ただし、この Bookmarklet は IE6 の508文字制限にひっかかってしまい、アドレスバーやブックマークにそのまま入れても動作しない。動作させるには、後述する >>425 のクリップボードコピー法を使う。Netscape や Mozilla なら、アドレスバーに直ペーストしてすぐ使える。

>>479 の表情つきクマー化 Bookmarklet

>>566 の表情つきクマー化 Bookmarklet

479 ：水先案名無い人 [sage] ：03/12/17 04:14 ID:miAbXKqS
空気を読まずにクマー
簡単に表情つけてみたクマー

javascript:A=(d=document.body).innerHTML;AA=new Array(
"「([^」]+?[せはるぞ！]+)。?」","<br><br>　　　　　　　　　 〈〈〈〈　ヽ<br>
　　　　　　　　　　〈⊃　　}<br>　　 ∩＿＿＿∩　 |　　 |<br>
　　 | ノ　　　　　 ヽ !　　 !<br>　　/　　●　　　● |　　/　　$1クマー<br>
　 |　　　　( _●_)　 ミ／<br>　彡､　　　|∪|　　／<br>
/　＿＿　 ヽノ　/<br>(＿＿＿）　　　/<br><br>",
"「(.)([^」]+?)(…|ン|ん|だ|か|？|ない)。?」","<br>
　　 ∩＿＿＿∩<br>　　 | ノ　　　　u ヽ<br>
　　/　　●　　　● |　　　$1、$1$2$3クマー<br>　 |　u　　( _●_)　 ミ<br>
　彡､　　　|∪|　　､｀＼<br>/　＿＿　 ヽノ　/´>　 )<br>
(＿＿＿）　　　/　(_／<br><br>","「(.+?)。?」","<br>　　 ∩＿＿＿∩<br>
　　 | ノ　　　　　 ヽ<br>　　/　　●　　　● |　　　$1クマー<br>
　 |　　　　( _●_)　 ミ<br>　彡､　　　|∪|　　､｀＼<br>
/　＿＿　 ヽノ　/´>　 )<br>(＿＿＿）　　　/　(_／<br><br>"
);i=0;while(i<AA.length){r=RegExp(AA[i],"ig");A=A.replace(r,AA[i+1]);i+=2;}d.innerHTML=A;focus(0);

おまけ
JavaScript:d=document.body;d.innerHTML=d.innerHTML.replace(/俺等/g,'スレ住人').replace(/お前/g,'俺');focus();
http://that.2ch.net/test/read.cgi/gline/1070715430/476


566 ：水先案名無い人 [sage] ：03/12/18 08:11 ID:0B5gw3Qt
長文で崩れないバージョン（>>479さんの改造版）。クリップボードコピー版。

javascript:A=(d=document.body).innerHTML;AA=new Array(
"「([^」]+?)((せ|ぞ|はい)|([！♪!]+))。?」",
"「([^」]+?)((か|の|あー|ぁ|えー|ぇ|おー|ぉ|っ|しまった|゛)|([…・？\?]+))。?」",
"「([^」]+?)()()()。?」","
　　　　　　　　　 〈〈〈〈　ヽ<br>
　　　　　　　　　　〈⊃　　}<br>
　　 ∩＿＿＿∩　 |　　 |<br>
　　 | ノ　　　　　 ヽ !　　 !<br>
　　/　　●　　　● |　　/<br>
　 |　　　　( _●_)　 ミ／<br>
　彡､　　　|∪|　　／<br>
/　＿＿　 ヽノ　/<br>
(＿＿＿）　　　/","
　　 ∩＿＿＿∩<br>
　　 | ノ　　　　u ヽ<br>
　　/　　●　　　● |<br>
　 |　u　　( _●_)　 ミ<br>
　彡､　　　|∪|　　､｀＼<br>
/　＿＿　 ヽノ　/´>　 )<br>
(＿＿＿）　　　/　(_／","
　　 ∩＿＿＿∩<br>
　　 | ノ　　　　　 ヽ<br>
　　/　　●　　　● |<br>
　 |　　　　( _●_)　 ミ<br>
　彡､　　　|∪|　　､｀＼<br>
/　＿＿　 ヽノ　/´>　 )<br>
(＿＿＿）　　　/　(_／
");for(i=0;i<3;i++){r=RegExp(AA[i],"ig");A=A.replace(r,"<br><div style=line-height:1.1em;>"+AA[i+3]+
"<div style=position:relative;left:10em;top:-5em;width:18em;>$1$3クマー$4</div></div>");}d.innerHTML=A;focus(0);

567 ：566 [sage] ：03/12/18 08:12 ID:0B5gw3Qt
あと、語尾の並びも手直ししました。（「…！？」とか後ろに来るように）

表情豊かな暴君ディオニスのクマーが好き。

- クリップボードコピー法

IE6 には、Bookmarklet の長さは508文字までという制限がある。「お気に入りに入れたときは文字数制限がかかるが、アドレスバーに直にペーストすれば回避できる」という情報もあったが、私の環境ではアドレスバー直でも動作しなかった。

これを回避するのがクリップボードコピー法。注意点は、2. をアドレスバーに貼ったときに決して「移動」や enter キーを押さないこと。私の環境では無限ループになっちゃいました。

425 ：水先案名無い人 [sage] ：03/12/16 05:19 ID:Eekw7vr/
>>423
ﾁｮｯﾄﾄｵｯﾃﾙｰ!!

さて、２行以上にわたるスクリプトをメモ帳にコピーして改行を編集するのが面倒な方へ

１．まず変換したいページをIEで開いておく
２．以下の１行をアドレスバーに張り付けておく。（張るだけで移動はしない）
javascript:s=clipboardData.getData("Text");s=s.replace(/\n+/g,"").replace(/.*(javascript\:.+\;).*/i,"$1");if(s!="")location.href=s;
３．変換javascript を大雑把に範囲選択してクリップボードにコピー（Ctrl+C）する。
４．移動する
※重ねがけは３からの繰り返しでＯＫ。


ＩＥ６で確認。オペラ他やタブブラウザ系は知らん。
右クリックメニューに登録する方法を調べているんだけどうまく出来ん……。また後で調べてみます。

- 他にもいくつか紹介

クマー以外にも力作があるので紹介しておこう。

- うわあああああぁ化

長いセリフでも破綻しないようにフキダシの位置が工夫されている。
>>691 のうわあああああぁ化 Bookmarlet

691 ：水先案名無い人 [sage] ：04/01/02 10:56 ID:Kkhd5BD4
JavaScript:with(document.body)innerHTML=innerHTML.replace(/「/g,'<BR><BR>').replace(/」/g,'
<BR>￣￣￣￣＼／￣￣￣￣￣
<BR>　　　　/＼＿＿_／ヽ　 　ヽ
<BR>　　 ／　　　　::::::::::::::::＼　つ
<BR>　 . | 　,,-‐‐　 　‐‐-､ .:::|　わ
<BR>　　|　 ､_(o)_,:　 _(o)_,　:::|ぁぁ
<BR>. 　 |　　　　::<　　　 　 .::|あぁ
<BR>　　 ＼　 /( [三] )ヽ ::／ああ
<BR>　　　／｀ー‐--‐‐―´＼ぁあ
<BR>
');focus();


「　」内が”うわあぁぁ”になる。
自分のレベルではこれが限界。

- モナー化

2ちゃんねると言えばモナー。首が一刀両断されてしまうので、長いセリフはちょっと苦手。
>>696 のモナー化 Bookmarklet

696 ：水先案名無い人 [sage] ：04/01/02 22:02 ID:aynuc62l
>>691をベースにモナーバージョンでいじってみますたがどうでしょう？

JavaScript:with(document.body)innerHTML=innerHTML.replace(/(「)([^{「」}]+)(」)/g,'
<BR>　　 ∧＿∧　　／￣￣￣￣￣<BR>　　（　´∀｀）＜$2モナ。
<BR>　　（　　　　） 　＼＿＿＿＿＿<BR>　　｜ ｜　|<BR>　　（_＿）＿）<BR><BR>');focus();

- だから言ってないでしょ!

結城さんもこれで安心だ。長いセリフも得意ではないけど大丈夫。
>>701 のだから言ってないでしょ化 Bookmarklet

701 ：水先案名無い人 [sage] ：04/01/03 13:35 ID:i1LlofSM
>>696を改造。
JavaScript:with(document.body)innerHTML=innerHTML.replace(/(「)([^{「」}]+)(」)/g,'
<BR>／￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣
<BR>|　　$2・・・と。
<BR>＼
<BR>　 ￣￣￣|／￣￣￣￣￣￣￣￣￣￣￣￣
<BR>　　∧＿∧　　　　　　　／￣￣￣￣￣￣￣￣￣￣￣￣
<BR>　 （　・∀・）　 ∧ ∧ ＜　だから逝ってないでしょ！
<BR>　（　　⊃ ）　 (ﾟДﾟ；)　　＼＿＿＿＿＿＿＿＿＿＿＿＿
<BR>￣￣￣￣￣ （つ＿つ＿＿
<BR>￣￣￣日∇￣＼| BIBLO |＼
<BR>　　　 　 　￣　　　=======　　＼');focus();

余談だけど、最近の結城さんの作品では「ギコ猫と証明書」と「ギコ猫とハイブリッド暗号システム」が面白かった。誤解の無いように書いておくと、結城さんの本職はアスキーアート職人ではなく、「プログラム書きと文章書き」だそうです。
http://www.hyuki.com/cr/cat_cert.html
http://www.hyuki.com/cr/cat_hybrid.html
http://www.hyuki.com/cr/cat_index.html

- 吉野家化 Bookmarklet

AA 化するわけじゃないけど、やっぱり2ちゃんねるで吉野家は外せないでしょう。残念ながら、IE6 の508文字制限に引っかかっている。
>>740 の吉野家化 Bookmarklet

740 ：水先案名無い人 [sage] ：04/01/07 01:58 ID:7A2JNsr1
ttp://www.asahi.com/　の 各ニュースで。

例　ttp://www.asahi.com/national/update/0106/030.html
　　 ttp://www.asahi.com/national/update/0107/002.html
　　 ttp://www.asahi.com/politics/update/0106/008.html
　　 ttp://www.asahi.com/national/update/0106/033.html


JavaScript:document.body.innerHTML=document.body.innerHTML
.replace(/い。/g,'い。小１時間問い詰めたい。')
.replace(/」/g,'」とか言ってるの。もう見てらんない')
.replace(/いた。/g,'いた。おめでてーな。')
.replace(/した。/g,'した。そこでまたぶち切れですよ。')
.replace(/いる。/g,'いるんですよ。もうね、アホかと。馬鹿かと。')
.replace(/だ。/g,'だって言いたいだけちゃうんかと。')
.replace(/った。/g,'った。これ最強。')
.replace(/う。/g,'う。素人にはお薦め出来ない。 ')
.replace(/る。/g,'る、これだね。')
.replace(/\(0.*?\)/,'<br>まあお前らド素人は、牛鮭定食でも食ってなさいってこった。');
focus();

- 唯一ネ申 又吉イエス化 Bookmarklet

単純だけど唯一神な雰囲気が出てて良い。
>>247 の 唯一ネ申 又吉イエス化 Bookmarklet

247 ：水先案名無い人 [sage] ：03/12/12 08:14 ID:d/kpQkt4
JavaScript:document.body.innerHTML=document.body.innerHTML.split('た。').join('たならば腹を切って死ぬべきである。');focus();

- タイーホ化 Bookmarklet

最後はこれ。
え? 逮捕という文字列が入ったページを探すのが大変だって? Google で逮捕を検索すれば一発でしょう。
タイーホ化 Bookmarklet

901 ：水先案名無い人 [sage] ：04/02/06 01:34 ID:YcCWYPK+
やっぱこれが最強だったｗ
JavaScript:document.body.innerHTML=document.body.innerHTML.split('逮捕').join('ﾀｲ━━━━||Φ|(|ﾟ|∀|ﾟ|)|Φ||━━━━ﾎ!!!');focus();

- もっといろいろあったよ

ここでは紹介しなかったけど、>>423 の「ちょっと通りますよ」や、 >>427 の「ズサギコ」、>>494 の「陛下」(正確には皇太子様) や、>>236 の「全員ひろゆき」など、ネタは尽きない。直接本スレを見るのが良いだろう。

JavaScript:document.body.innerHTMLのガイドライン
http://that.2ch.net/test/read.cgi/gline/1070715430/l50
ちょっと通りますよ http://that.2ch.net/test/read.cgi/gline/1070715430/423
ズサギコ http://that.2ch.net/test/read.cgi/gline/1070715430/427
陛下 http://that.2ch.net/test/read.cgi/gline/1070715430/494
全員ひろゆき http://that.2ch.net/test/read.cgi/gline/1070715430/236

2004-02-23 追記
上記スレッドは dat 落ちして読めなくなっているため、ミラーを作りました。
2ちゃんねる ガイドライン板 JavaScript:document.body.innerHTMLのガイドライン
html ファイル http://sonic64.com/dat/1070715430.html
dat ファイル http://sonic64.com/dat/1070715430.dat

2004-01-29 の Google の検索結果一覧画面からキャッシュのリンクだけを開く Bookmarklet について、2ちゃんねるの「1行javascriptプログラミング」スレでアドバイスを求めたところ、いくつかレスを頂いた。

1行javascriptプログラミング
http://pc2.2ch.net/test/read.cgi/hp/1066750037/166-

166 ： [sage] ：04/01/30 02:12 ID:???
Bookmarklet を作ってみました。
もっとスマートな書き方があったら教えてください。

Bookmarklet: Google の検索結果一覧画面から キャッシュのリンクだけを開く Bookmarklet
http://sonic64.hp.infoseek.co.jp/2004-01-29.html#2004-01-29-1

javascript:(function() {max=10; z=document.links; t='/search?q=cache:'; for(i = 0; i < z.length && 0 < max; ++i) { if (z[i].innerHTML && z[i].href.indexOf(t) != -1) { void(window.open(z[i].href)); max--;} }}) ();


167 ：Name_Not_Found [sage] ：04/01/30 02:37 ID:???
キャッシュのページか一気に開くからブラクラかと思った（W


168 ：Name_Not_Found ：04/01/30 16:00 ID:tnCbXvna
>>166-167
初期値だと開くウインドウの数は10で、
ブックマークレットを実行した瞬間に10個のウインドウが一気に立ち上がっていくから、
ブラクラと同じような動きに見えるかもね。

タブブラウザを使っていて、マシンのリソースに余裕がある人は
もっとウインドウの数を多くした方が快適に使えると思う。
自分は20にしてるけど、いい感じだよ。

「ブラクラかと思った」というお褒めの言葉(?)を頂く。
開くウインドウの数を20にしてみた方もいるようだ。私のマシンは Celeron 500MHz なので、これ以上増やすとちょっとつらいかなあ。開いた直後にしばらく Sleipnir が反応しなくなっちゃう。

169 ：Name_Not_Found [sage] ：04/01/31 09:26 ID:???
>>166
なんの為の function() なんだか。
というツッコミついでにこういう書き方を。

javascript:(function(){var max=10,z=document.links,i=0;while(i++<z.length,0<max)z[i].innerHTML,z[i].href.indexOf('/search?q=cache:')!=-1,max--,void(window.open(z[i].href));})();

書き方変えたついでにＮＮ４にも対応させてみる。
javascript:(function(){for(var max=10,z=document.links,i=0;i<z.length&&0<max;++i)if((document.layers?z[i].text:z[i].innerHTML)&&z[i].href.indexOf('/search?q=cache:')!=-1)window.open(z[i].href),max--;})(undefined);

スマートかどうかは別として、参考までにな。


170 ：169 [sage] ：04/01/31 10:49 ID:???
スマソ
一つ目のやつは流石に ( , ) 演算子だけじゃだめアルよ。

あ、var 宣言忘れてた。2004-01-29 のスクリプトを修正、と。>>169 氏の自己レスにもあるように >>169 の上のスクリプトは動かないので注意。>>169 の下のスクリプト、Netscape でも動くのは素晴らしい。もっとも、この Bookmarklet はタブブラウザで真価を発揮するので、タブに対応していない Netscape 4.x ではあまり需要がないだろう。「すごい たぶちさん http://www.vector.co.jp/magazine/softnews/040114/n0401142.ht ... 」のような何でもタブ化してしまうツールを使えば対応はできるが、そこまでして Netscpe 4.x を使い続ける人ってすごく少なそう。

昨日の 2004-01-28 にも書いたとおり、私は Google のキャッシュのハイライト表示が好きだ。検索結果一覧からキャッシュのリンクだけを開けると便利だなと思ったので Bookmarklet を作ってみた。

Google の検索結果一覧画面からキャッシュのリンクだけを開く

javascript:(function() {var max=10; var z=document.links; var t='/search?q=cache:'; for(i = 0; i < z.length && 0 < max; ++i) { if (z[i].innerHTML && z[i].href.indexOf(t) != -1) { void(window.open(z[i].href)); max--;} }}) ();

- 使い方

インストール方法は JavaScript::Bookmarklet の説明がわかりやすいので引用。
JavaScript::Bookmarklet
http://bookmarklet.daa.jp/

Bookmarkletの使い方
Bookmarkletの使い方は簡単です。下で紹介している使いたい機能（Bookmarklet)にマウスのカーソルを持っていき左クリックしたままそのリンクをブラウザのツールバーまでドラッグしたり、右クリックして「お気に入り」に登録します（Macの人はマウス長押しですね）。そしてその機能を利用したいページで「お気に入り」からその機能を選択します。すると・・・あとは次の「サンプル」でBookmarkletのおもしろさを堪能してください（このページの多くはそのままクリックするだけでその効果がみれます）。Bookmarkletを使用して効果をみた後、元に戻すにはページをリロードしてください。

インストールできましたか? では使ってみよう。
Google の検索結果画面を表示させる。たとえば、Google で Landscape Linux Perlを検索して検査結果一覧画面を表示させる。
Bookmarklet を実行する。次々とキャッシュのリンクが開かれていけば成功。もしエラーが出たりしたら、sonic64@infoseek.co.jp にメールしてください。原因がわかればきっと直します。

- 使用上の注意と動作確認環境

Google で 検索画面で実行すると、キャッシュのリンクだけを開く。開くリンクの数は変数 max の値で設定できる。大きな値を指定すると大量のウインドウが開いて収拾がつかなくなるかもしれないので注意。初期値は10。

Windows の IE6、Sleipnir 1.41、Mozilla 1.7a Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7a) Gecko/20040116、opera 7.11 で動作を確認した。

Google Toolbar などのポップアップを抑止するソフトを使っていると、ブロックされてしまってウインドウが開かれないので注意。

- 参考

Bookmarklet - ブックマークレットを作成する際のポイント
http://www.teria.com/~koseki/memo/bookmarklets/tips.html