thinkのScrapBook

Proxomitronでよく使われる表現でクオートされた "<>" に誤爆する問題に対処する

2008-10-26T01:53:00.002+09:00

元ネタは「Proxomitron フィルター作成スレッド Part10」の45氏。
(ISP規制で2chに投稿できないので、こちらに書きました。)

問題の概要

45氏が提起された問題を以下にまとめます。

Proxomitronでよく使われる表現「<a\s[^>]++href=」は「<a onclick="for(i=0;10>i;i++){...}">」に誤爆する
「&;lt;a title="<test>">」は「&;lt;>」をHTMLエンティティ化すれば対処できる
JavaScriptコードはHTMLエンティティ化すると動作しない。どうしよう？

解決法：初めからクオートされた "&;lt;>" に対応できるフィルタにする

<a\s[^>]++href= を <a(\s[a-z]+(=$AV(*)|(^=)))++\shref= に置換することで、対応します。

[Patterns]
Name = "Kill <a> ad (anti quoted <>) [2008/10/26] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "$NEST(<a(^(^\s)),"
        "(\s[a-z]+(=$AV(*)|(^=)))++\shref=$AV(http://$LST(AdList)*)*"
        ",</a>)"

この記法、汎用性はありますが美しいコードではないのがネックです。

そもそも属性値に "&;lt;>" と書いているサイトはどれぐらいあるのか

「>」と書いているサイト、「>」と書いているサイト、どちらも見たことがありますが、母数が少ないためにどちらが多いとは断定し難い状態です。
(どちらかといえば、しっかりしたHTMLが増えてきていて「>」と書いているサイトが多い印象はあります。)

JavaScriptに限定すれば、<a onclick="func();"> (関数埋め込み型) や <a id="TEST"> (外部スクリプトでイベントハンドラを割り当てる) と比べて、<a onclick="for(i=0;10>i;i++){...}"> が圧倒的に少ない、のは間違いないと思います。
JavaScriptライブラリの影響で、一昔前と比べて手打ちでコードを入力する機会が減っているのかも。

結論：結局どう対応すればいいのか

完全対応を目指すなら、既存のフィルタをクオートされた "&;lt;>" に対応できるフィルタに修正するのが一番。
ですが、すべてのフィルタを修正していくのは大変です。
経験上、クオートされた "<>" を見る機会がほとんどないので、問題が発生したときに原因となるフィルタを対処療法的に修正していくだけで十分だと思います。

AutoPagerize用SITEINFO + SITEINFOの書き方まとめ

2008-09-28T23:09:00.004+09:00

かねてより試してみたかったGreaseMonkeyスクリプト「AutoPagerize」が非常に便利だったのでWedata未登録のSITEINFOを書いてみました。

AutoPagerize用SITEINFO

var SITEINFO = [
 {
  name:         'ブラック会社に勤めてるんだが、もう俺は限界かもしれない',
  url:          '^http://ueharasan\.y\.ribbon\.to/html/',
//  Unicodeエスケープ前の文字列 (Wedata登録時はエスケープしなくてもOK)
//  nextLink:     '//a[starts-with(text(),"次") or contains(text(),"進む")][1]',
  nextLink:     '//a[starts-with(text(),"\u6B21") or contains(text(),"\u9032\u3080")][1]',
  pageElement:  '//a[starts-with(text(),"\u6B21") or contains(text(),"\u9032\u3080")]/preceding-sibling::*[self::img or self::br or self::hr]',
  insertBefore: '/html/body/hr[last()]',
  exampleUrl:   'http://ueharasan.y.ribbon.to/html/1to1.htm'
 },
 {
  name:         'ふたばちゃんねる',
  url:          '^http://[^\.]+\.2chan\.net/[^/]+/[\da-z]+\.htm$',
  nextLink:     '//form[substring(@action, string-length(@action) - string-length(".htm") + 1) = ".htm"][last()]',
  pageElement:  '//hr/following-sibling::table[@align="right"]/preceding-sibling::node()[not(self::center or self::p or self::hr and @width)]',
  insertBefore: '//hr/following-sibling::table[@align="right"]',
  exampleUrl:   'http://nov.2chan.net/q/futaba.htm'
 },
]

SITEINFOの適用方法

"C:\Documents and Settings\\Application Data\Mozilla\Firefox\Profiles\****\gm_scripts\autopagerize\autopagerize.user.js" の var SITEINFO に記入する
AutoPagerize - wedata にSITEINFOを登録する

上記いずれかの方法でSITEINFOを適用できます。

ちなみに、この記事に書いたSITEINFOはwedataに登録済みなので、autopagerize.user.js を編集しないでも使えます。
SITEINFO作成時には「autopagerize.user.js でテストして、正常ならWedataに登録する」という流れでOKなようです。

XPathの参考URL

XPath Checker :: Firefox Add-ons: ページ上で右クリックすると、選択したオブジェクトを指定するためのXPathを出力してくれるFirefox拡張です。
右クリック後に現れたウインドウでXPathを指定すると、指定したオブジェクトのみを表示してくれるので、XPath構文をテストする用途に向いています。
AutoPagerize用のXPathをかんたんに作るためのブックマークレット AutoPagerize IDE - bits and bytes: このブックマークレットを使用すると、ページ上で選択したオブジェクトのXPathを出力してくれます。
XPathを指定したオブジェクトにボーダー線で付けて装飾することもできます。
XPath Tutorial: XPathの構文例に対応したツリー構成のXMLソースを表したチュートリアル。
英語が苦手な私でも、結果が一目瞭然なのが有り難かったです。
Latest topics > CSS3セレクタとXPathでの表現の対応表 - outsider reflex: CSSセレクタに対応したXPathを表にした記事。
CSS習得済みの人にとってはわかりやすいと思います。
XPath リファレンス: MSDNのXPathリファレンス。
XPathを全般に渡って解説されているので、ここで全体を把握してキーワードを元にGoogle検索で詳細を探すと良いと思います。

Tips/FAQ 的なこと

"autopagerize.user.js" に記入するXPathはマルチバイト文字をUnicodeエスケープしないと働かない

マルチバイト文字は Text Escaping and Unescaping in JavaScript 等で \uXXXX の形式にしないと働かないので、注意してください。

XPath Checker ではマルチバイト文字をUnicodeエスケープすると働かない

"autopagerize.user.js" と正反対の性質なので、要注意です。
「XPath CheckerでXPath構文をテスト → "autopagerize.user.js" にUnicodeエスケープしたXPathを入力してテスト」という流れが良いと思います。

Wedata登録時にマルチバイト文字がUnicodeエスケープされていない場合は、自動的にエスケープされる

Wedata登録時にはUnicodeエスケープしていないXPath構文をそのまま入力すると、Wedata(が出力するJSON)にはUnicodeエスケープされたデータが登録されます。
もっとも、その前にSITEINFO制作者は "autopagerize.user.js" でテストしているでしょうから、この機能に意味があるかどうかに疑問は残りますが…。

/preceding-sibling::* は要素ノードのみにマッチし、/preceding-sibling::node() で全ノードにマッチする

/preceding-sibling::node() でテキストノードを含めたすべてのノードを取得できます。

反面、node()はパフォーマンスが若干悪くなるそうなので、必要なときだけ node() を使う方針でいいと思います。

ブックマークレット「AutoPagerize IDE」は一部のXPath構文で指定されたオブジェクトを強調表示しない

AutoPagerize IDEはテキストノード、hr要素ノード、/preceding-sibling::* のオブジェクトを枠で囲って強調表示しません。
複雑なXPathを指定する時は XPath Checker を使う必要があります。

備考

Autopagerizeを導入して2日目ですので、おかしな記述があったり、用語の使い方が間違っているかもしれません。
XPathも今回初めて触れたので、覚え間違いがあるなら早めに修正したいところです。

コメントはお気軽にどうぞ。

[Prx] Googleが持つほとんどのURLにマッチさせる方法

2008-03-20T21:52:00.012+09:00

現実的な路線は、以下のようになると思います。

([^/]++.|)google.co(m|.jp)
[^.]+.google.co(m|.jp)

どうして上のような表現になるのか？
これを読み解くにはドメインについて理解を深める必要があります。

Googleが持っているサブドメイン
Googleが持っているトップレベルドメイン
まとめ

Googleが持っているサブドメイン

以下のURLを例にとってみましょう。

http://www.google.com/

このURL中の www.google.com (以下、この部分をホスト名と呼びます) は3つのドメインに分割することができます。

第1レベルドメイン (トップレベルドメイン)
  .com
第2レベルドメイン (セカンドレベルドメイン)
  .google
第3レベルドメイン (サードレベルドメイン)
  www.

ホスト名は第2レベルドメイン以上を持ってアドレスが与えられます。
だから、もし誰かがドメインを取得しようとしたら、少なくとも第2レベルドメインまでの名前を持ったURLを得ることになります。

Googleは google.com のドメインを持っており、第3レベルドメイン以降のドメインはサブドメインと呼ばれるものです。(www. はサブドメイン)
サブドメインはGoogleが自由に作ることができるので、Googleはサブドメインを作ることでいくらでもURLを増やせます。

http://mail.google.com/
http://groups.google.com/
http://maps.google.com/

これらにマッチさせる表現は、([^/]++.|)google.com か [^.]+.google.com となるでしょう。
前者はサブドメインがないURL (google.com) にマッチしますが、後者はマッチしません。

Googleが持っているトップレベルドメイン

http://www.google.com/ と http://www.google.co.jp/ はURLこそ違いますが、ページに表示される内容は同じです。
よくみると、.com と .co.jp が違うことがわかりますね。

.jp は日本を表すドメイン名です。
Googleは世界中にサーバを設置しているため、google.us (アメリカ)、google.fr (フランス)など様々な国のドメインを持っています。
第1レベルドメインはトップレベルドメイン一覧にあるように、非常にたくさんの数があります。
Proxomitronで第1レベルドメイン全てを網羅しようとするなら、パフォーマンスの観点からリストを使うことになりますが、そこまでしなくても自分が利用している第1レベルドメインだけ網羅すれば十分かもしれません。

まとめ

google.com と google.co.jp のサブドメインを含むURLにマッチする表現は

([^/]++.|)google.co(m|.jp)
[^.]+.google.co(m|.jp)

となります。
前者はサブドメインがないURL (google.com) にマッチしますが、後者はマッチしません。

これでほとんどのURLに対応できると思いますが、Googleは500個以上のドメインを持っているそうなので、全ドメインに対応するのはまず無理でしょう。
サブドメインとトップレベルドメインの仕組みを理解した上で、必要なドメインを取捨選択するのが妥当だと思います。

addEventListener(), attachEvent() を使ってaddLoadEvent()

2008-02-21T00:51:00.004+09:00

addLoadEvent() は少し古い技術なので、DOM操作で使われるaddEventListener()、attachEvent() を利用して書き換えてみました。

function addLoadEvent(func) {
 if(typeof window.addEventListener == 'function'){ // addEventListenerが使えるなら
  window.addEventListener('load', func, false);
  return true;
 } else if(typeof window.attachEvent == 'object'){ // attachEventが使えるなら(IE用)
  window.attachEvent('onload', func);
  return true;
 }

 var oldonload = window.onload; // どちらも使えないなら
 if (typeof window.onload != 'function') {
  window.onload = func;
 } else {
  window.onload = function() {
   oldonload();
   func();
  }
 }
}

addEventListener() と attachEvent()

addEventListener() と attachEvent() は、DOMで扱われるノードに対するイベント(マウスクリックとか)をトリガーとして、メソッドを追加します。
addEventListener() はW3Cで定義された標準メソッドで、attachEvent() はIEの独自拡張です。IEは addEventListener() を利用することができません。
attachEvent() は追加されたメソッドの処理順がめちゃくちゃなんですが、window.onload よりは使い勝手がよいので採用しました。

window.onloadだけで作られたaddLoadEvent()との違い

まず、次のJavaScriptコードを実行してみてください。

<script type='text/javascript'>
function addLoadEvent(func) {
 var oldonload = window.onload;
 if (typeof window.onload != 'function') {
  window.onload = func;
 } else {
  window.onload = function() {
   oldonload();
   func();
  }
 }
}

function hello(){
 alert('Hello, World!');
}

function yes(){
 alert('Yes, my master.');
}

addLoadEvent(hello);
window.onload = yes;
</script>

上記コードを実行すると、yes() が実行され、hello()が実行されない結果に終わります。
addEventListener() で window.onload 追加したメソッドが window.onload = yes; によって上書きされてしまっているのです。

上書きされないようにするためには addLoadEvent() を addEventListener() を利用したコードに書き換えます。

<script type='text/javascript'>
function addLoadEvent(func) {
 if(typeof window.addEventListener == 'function'){
  window.addEventListener('load', func, false);
  return true;
 } else if(typeof window.attachEvent == 'object'){
  window.attachEvent('onload', func);
  return true;
 }

 var oldonload = window.onload;
 if (typeof window.onload != 'function') {
  window.onload = func;
 } else {
  window.onload = function() {
   oldonload();
   func();
  }
 }
}

function hello(){
 alert('Hello, World!');
}

function yes(){
 alert('Yes, my master.');
}

addLoadEvent(hello);
window.onload = yes;
</script>

これで hello(), yes() 両方の関数が有効になりました。
addEventListener() は window.onload に関数を格納しているわけではないので、window.onload = yes; が実行されて機能が上書きされる心配はありません。

どんな状況で addLoadEvent() が役に立つのか

他人が書いたコードに機能を追加するとき
Proxomitron, Greasemonkey 等で既存サイトに機能を追加するとき

# 逆から見れば、一からJavaScriptコードを書くときには、addLoadEvent() を使わず addEventListener() を使った方がわかりやすいかもしれません。

JavaScriptでinclude

2008-02-20T23:51:00.002+09:00

JavaScriptはVer.2.0から include が実装されるそうですが、それまでは長いコードを一つのJSファイルにまとめると管理が大変です。かといって、複数ファイルにコードを分割して、script要素を複数宣言するのも手間がかかります。
そこで、includeの代用となる関数を作りました。

// 外部JavaScriptをインクルード
function include_javascript(jspath){
 jspath = jspath.toString();

 var scriptElm = document.createElement('script');
 scriptElm.type = 'text/javascript';
 scriptElm.charset = 'utf-8';
 scriptElm.src = jspath;
 var head = document.getElementsByTagName('head')[0];
 head.appendChild(scriptElm);
}

// 外部JavaScript群をインクルード
function include_javascripts(jspaths){

 for(var key in jspaths){
  include_javascript(jspaths[key]);
 }
}

関数の使い方

1つの外部JavaScriptをincludeするには、以下のように書きます。

include_javascript('./js/hogehoge.js');

複数の外部JavaScriptをincludeするには、以下のように書きます。

var js_path = ［
 './js/hogehoge1.js',
 './js/hogehoge2.js'
］;
include_javascripts(js_path);

注意点

引数のJavaScriptパスはHTML文書からの相対パスか絶対パスを指定してください。(関数を呼び出したJavaScriptファイルからの相対パスではありません)

仕組み

include_javascript() は引数で指定された外部JavaScriptファイルを呼び出すscript要素を生成します。
include_javascripts() は引数で渡された配列の要素数だけ include_javascript() を繰り返します。

JavaScriptでExcelデータをtable要素に変換

2008-02-19T02:00:00.005+09:00

(X)HTMLのtable要素は多量のデータを整理してくれる優れものですが、(X)HTMLソースからは直感的に全体像が見て取れず、それ故、編集が面倒、という理由から今まで敬遠していました。
この欠点を解消するため、Excelの表データをtable要素に変換するJavaScriptを書いてみました。

CSVをtable要素に変換

使い方

Excelファイルを開き、table要素に変換したい部分を範囲選択してコピー (マウスでぐぐ～っと選択すればOK)
変換スクリプトのフォーム上に貼り付け
[変換] ボタンをクリック！
table要素に変換されたHTMLソースが出力される

内部動作 (アルゴリズム)

Excelからクリップボードにコピーされたデータは「タブ文字区切りのCSVフォーマット」となっており、これを array[行][列] で構成される多次元配列に変換します。
(各セルにあるデータはタブ文字で区切られているので split("\t") で良さそうに思えますが、実際にはセルデータに改行が入っているデータをコピーした時にセルデータ全体をダブルクォートで括られるケースがあり、これに対応するために少し複雑な処理をしています。)
多次元配列に変換したら、配列データを元にtable要素に変換して終わりです。

# 特殊なことはしていないつもりですが、平均よりちょっとユーザー定義関数が多めかもしれません。
# preg_replace() とか hreg_replace() は個人的趣向がかなり入っているので、人によっては読みづらいかもしれません……。

更新履歴

2008/02/19 2:00
 - 初版
2008/02/20 1:23
 - ダブルクォートで括られたセルデータが改行区切りで指定されていたとき、一つのセルデータとして扱う場合があった不具合を修正 ("hogehoge"\nhoge2")

既知の不具合/仕様

結合されたセルがtable要素に反映されない。(クリップボードに格納されたデータにセルの結合を示す情報がないので、対応できません。)

ToDo

1列目を項目名として扱い、[1列目のデータをth要素に変換する] オプションを追加
table要素からExcelデータに戻せるように変換

右クリック禁止を解除するProxomitronフィルタ

2008-02-11T01:45:00.000+09:00

右クリックメニューの表示を禁止しているサイトで右クリックメニューを表示させます。
以下の3つのフィルタで実現している機能全てを含んでおり、それ以上の対策も施してあります。

Allow right mouse click
Allow right mouse click 2
Allow right mouse click plus

[Patterns]
Name = "Allow contextmenu event [js] [2008/02/11] test2"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^</head>))$STOP()"
Replace = "\r\n<script type='text/javascript'>\r\n"
          "function addLoadEvent(func) {"
          " if(typeof window.addEventListener == 'function'){"
          "  window.addEventListener('load', func, false);"
          "  return true;"
          " } else if(typeof window.attachEvent == 'object'){"
          "  window.attachEvent('onload', func);"
          "  return true;"
          " }"
          ""
          " var oldonload = window.onload;"
          " if (typeof window.onload != 'function') {"
          "  window.onload = func;"
          " } else {"
          "  window.onload = function() {"
          "   oldonload();"
          "   func();"
          "  }"
          " }"
          "}"
          "function killContextmenuEvent(){"
          " if(typeof document.oncontextmenu == 'function'){"
          "  document.oncontextmenu = null;"
          " }"
          ""
          " if(typeof document.onmousedown == 'function'){"
          "  document.onmousedown = null;"
          " }"
          ""
          " var tag = document.getElementsByTagName('*');"
          ""
          " for(i = 0, L = tag.length; i < L ; i++){"
          "  tag[i].oncontextmenu = null;"
          "  if(navigator.appName == 'Microsoft Internet Explorer'){"
          "   tag[i].onmousedown = null;"
          "  }"
          " }"
          "}"
          "addLoadEvent(killContextmenuEvent);"
          "\r\n</script>\r\n"

動作検証

実際に動作しているか確認するためのテストページも作ってみました。

コンテキストメニュー表示の禁止テスト

onmousedown について

onmousedown はマウスボタンが押されたときに発動します。
このことから、onmousedown は右クリック禁止以外の用途で使われる事があると想像でき、onmousedownに関する処理を無効化すると、右クリック禁止以外の場面で使用している重要な機能を失ってしまう可能性があります。
私の検証した範囲ではonmousedown が右クリックに反応するのはIEのみという結果だったので、このフィルタではonmousedown の無効化処理をIE限定にしています。
(マウスイベントが右クリックによるものかの判定できなかったので、やむなくブラウザの名前で判定しました)

ただし、通常の使い方で表示領域全体を監視する document.onmousedown を使用する必要性はまずないと思いますので、こちらは機能が使えれる環境であれば有効になる処理にしてあります。
もっとも、documentオブジェクトからonmousedownへのアクセスはIEの独自拡張っぽいです。

addEventListenerへの対策

addEventListenerにどうやって対策したものか、考えあぐねています。
addEventListener で追加したイベントハンドラはremoveEventListenerで解除できるようですが、メソッド名がわからなければ手が出せません。
悩んだ末に考えついた対策は次の2通り。どちらも形になるところまで進んでいません。

addEventListener でデフォルトアクションを発生させる処理を追加する
removeEventListener ですべてのイベントハンドラを削除する

attachEvent対応

IE対応を謳うならattachEventにも対応しなくてはなりませんが、力尽きたのでいずれ。
希望があれば、声をかけてください。

Google、Yahoo特殊検索のリンク先に転送するProxomitronフィルタ

2008-02-10T01:34:00.000+09:00

「Google: Jump special search」を更新および、YahooでWeb検索したときにYahoo ダイレクト検索のリンク先に転送するフィルタを作成しました。

更新点

Googleの仕様変更 ( → <div class=e>) に対応

[Patterns]
Name = "Yahoo: Redirect direct search [2008/02/08] test2"
Active = TRUE
URL = "$TYPE(htm)search.yahoo.co.jp/search(\?|/dir\?)"
Limit = 4096
Match = "（^(^$NEST(<div\s,"
        "[^>]++id=$AV(yschDD）*"
        "<a\s[^>]++href=$AV((http://wrs.search.yahoo.co.jp/*/\*-http(%3A|:)//rd.yahoo.co.jp/search/direct/*)\0)"
        "*,</div>)))$STOP()"
Replace = "\k<meta http-equiv="refresh" content="0; url=\0" />"

Name = "Google: Jump special search [2008/02/07] test1"
Active = TRUE
URL = "$TYPE(htm) www.google.co(m|.jp)/search\?"
Limit = 1024
Match = "（^(^"
        "<div\sclass=$AV(e|g(^?）$STOP()(^(^?)))>[^<]+"
        "(<(^table[ >])[^>]+>[^<]+)+"
        "<table\s[^>]+><tr><td\s[^>]+><img\s[^>]+></td><td\s[^>]+>[^<]+"
        "(<(^a\s|/td>)[^>]+>[^<]+)+<a\s[^>]++href=$AV(((/url\?url\=|)http://*)\0)[ >]"
        "))$STOP()"
Replace = "\k<meta http-equiv="refresh" content="0; url=\0" />"

2ちゃんねるスレッドで長文コメントを折りたたむProxomitronフィルタ

2008-02-10T00:16:00.000+09:00

2ちゃんねるスレッドに投稿されている長文コメントの4行目以降を隠します。
4行目以降は「-- 続きを読む --」をクリックすることで、展開されます。

[Patterns]
Name = "2ch: Collapse long comment (1/2) [2008/02/09] test3"
Active = TRUE
URL = "$TYPE(htm)[^.]+.(2ch.net/|bbspink.com/)"
Limit = 8
Match = "(^(^</head>))$STOP()"
Replace = "\r\n<script type='text/javascript'>"
          "function addLoadEvent(func) {"
          " var oldonload = window.onload;"
          " if (typeof window.onload != 'function') {"
          "  window.onload = func;"
          " } else {"
          "  window.onload = function() {"
          "   oldonload();"
          "   func();"
          "  }"
          " }"
          "}"
          "function readAfterMsg(){"
          " var div = document.getElementsByTagName('div');"
          " for(var i=0, L=div.length; i < L; i++){"
          "  if(div[i].className == 'read_after'){"
          "   div[i].onclick = function(){"
          "    if(this.nextSibling.style.display == 'none'){"
          "     this.style.display = 'none';"
          "     this.nextSibling.style.display = 'block';"
          "    }"
          "   }"
          "  }"
          " }"
          "}"
          "addLoadEvent(readAfterMsg);"
          "\r\n</script>\r\n"

Name = "2ch: Collapse long comment (2/2) [2008/02/09] test2"
Active = TRUE
URL = "$TYPE(htm)[^.]+.(2ch.net/|bbspink.com/)"
Limit = 4096
Match = "（<dd>"
        "(((^<(br /+>|dt>|/dd>）)?)+<br /+>)+{3})\0"
        "(((^<(dt>|/dd>))?)+)\1"
Replace = "\0\r\n"
          "<div class='read_after'>-- &#x7d9a;&#x304d;&#x3092;&#x8aad;&#x3080; --</div><div style='display: none;'>\1</div>\r\n"

Name = "2ch: Collapse long comment (nyo) (2/2) [2008/02/09] test2"
Active = TRUE
URL = "$TYPE(htm)[^.]+.(2ch.net/|bbspink.com/)"
Limit = 4096
Match = "（<dd>"
        "(((^<(br /+>|dt>|/dd>）)?)+<br /+>)+{3})\0"
        "(((^<(dt>|/dd>))?)+)\1"
Replace = "\0\r\n"
          "<div class='read_after'>-- &#x7d9a;&#x304d;&#x3092;&#x8aad;&#x3080;&#x306b;&#x3087; --</div><div style='display: none;'>\1</div>\r\n"

2つある (2/2) は「-- 続きを読む --」の表現が違います。
機能的には変わりませんので、お好みに合わせてお使いください。

京ぽんで使える携帯サイト覚え書き

2008-02-03T22:09:00.000+09:00

京ぽん(WX320K)のOperaで [表示モード] を [ケータイモード] にした環境で、正常に使える携帯サイト一覧です。

■Google

Google Mobile
http://www.google.co.jp/m
Gmail Mobile
http://www.google.co.jp/m?action=addmodredirect&igtyp=20
Google トランジットモバイル
http://www.google.co.jp/transit?output=mobile&source=m
Google カレンダーモバイル
http://www.google.com/calendar/m?hl=ja
Google マップ
http://www.google.co.jp/m/lcb?mp=1&source=m
Google Mobile Proxy
http://www.google.co.jp/gwt/n

■交通情報

goo路線
http://transit.goo.ne.jp/mobile/
東急バス
http://www.tokyubus.co.jp/

■辞書

三省堂モバイル辞書
http://mobile.sanseido.net/dictionary/
Wapedia
http://wapedia.mobi/ja/?setfavlang=ja

■価格比較

価格.comモバイル
http://kakaku.com/mobile/
価格比較コネコモバイル
http://m.coneco.net/
Bookget Mobile
http://m.bookget.net/

■通販サイト

Amazon Mobile
http://amazon.jp/
NTT-X Store モバイル
http://nttxstore.jp/i/

■特価情報

特価ネット通販情報 mobile ver.
http://www.toknet.info/i/
やすウマ [RSS]
http://6726.teacup.com/firehawk13/bbs/rss15.xml

■その他

ケータイlivedoor
http://m.livedoor.com/
教えてgooモバイル
http://m.oshiete1.goo.ne.jp/
ポケットはてな
http://mobile.hatena.ne.jp/
携帯版4Gamer
http://www.4gamer.net/ktai.html
ヘッドホンレビューズ.NET
http://headphonereviews.net/pages/user/m/

■PCでアカウント取得後、携帯専用URLを発行するWebサービス

check*pad
http://www.checkpad.jp/

## 備考
・教えて!gooモバイルはQ&A検索すると、PC版のサイトにリダイレクトされる問題があります。カテゴリから辿る分には問題ありません。
・livedoorは画像を適度に使って、色合いも優しく使いやすいです。
・ポケットはてなはあまり使ってません。

リンク化フィルタ「http Text to Link」でstyle要素、script要素、pre要素、code要素のブロック内に誤爆する不具合を修正

2008-01-29T01:12:00.000+09:00

Thinking Archive(仮)で公開しているフィルタ「http Text to Link [2007/07/08]」を元に、以下の更新を行いました。

style要素内でフィルタが動作しないようにした
script要素内でフィルタが動作しないようにした
pre要素内でフィルタが動作しないようにした
code要素内でフィルタが動作しないようにした
textarea要素の存在チェックを行うフィルタの名前を「check <textarea>」から「Global-Flag: inner textarea element」に変更

各要素の存在チェックは別フィルタにしており、それぞれのフィルタを無効化して「http Text to Link」を動作させることもできます。
例えば、pre要素内でリンク化を有効にしたかったら、「Global-Flag: inner pre element」を無効化してください。

[Patterns]
Name = "Global-Flag: inner style element [2008/01/29] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(^(^<("
        "style[ >](^$TST(inStyle=1))$SET(inStyle=1)|"
        "/style>$TST(inStyle=1)$SET(inStyle=)"
        ")))"

Name = "Global-Flag: inner script element [2008/01/29] test2"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(^(^<("
        "script(\s[^>]+>|>)(^ </script>|$TST(inScript=1))$SET(inScript=1)|"
        "/script>$TST(inScript=1)$SET(inScript=)"
        ")))"

Name = "Global-Flag: inner pre element [2008/01/29] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(^(^<("
        "pre[ >](^$TST(inPre=1))$SET(inPre=1)|"
        "/pre>$TST(inPre=1)$SET(inPre=)"
        ")))"

Name = "Global-Flag: inner code element [2008/01/29] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(^(^<("
        "code[ >](^$TST(inCode=1))$SET(inCode=1)|"
        "/code>$TST(inCode=1)$SET(inCode=)"
        ")))"

Name = "Global-Flag: inner textarea element [2008/01/29] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(^(^<("
        "textarea[ >](^$TST(inTextarea=1))$SET(inTextarea=1)|"
        "/textarea>$TST(inTextarea=1)$SET(inTextarea=)"
        ")))"

Name = "http Text to Link [2008/01/29] test4"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 512
Match = ">(^$TST(inStyle=1)|$TST(inScript=1)|$TST(inPre=1)|$TST(inCode=1)|$TST(inTextarea=1))"
        "([^<>]++)\0(http(://|s://)\1|ttp(://|s://)\1)\2"
        "([0-9a-z_-]+{1,63}(.[0-9a-z_-]+{1,63})++{0,4}.[0-9a-z_-]+{2,6}(:[0-9]+{1,5}|(^[.0-9:a-z_-]))"
        "(/[!=#-&(-;?-[\]-~]+|(^/)))\3(^['"])"
        "(^(^"
        "(<br /+>[^<>]+)+{1,2}<(^/a>)|"
        "(^<br /+>)[^<>]+(<!--*-->[^<]+)+<"
        "(^/+[^a-z]|/("
        "((^a>)[^>]+> </)+a>|title>|style>|script>|textarea>|pre>|code>|samp>"
        "))))"
Replace = ">\0<a style="text-decoration: none" href="http\1\3">"
          "<span style="font-size: small">Linked:&#160;</span>\2\3</a>"

JavaScriptでProxomitronで数値文字参照を実体に変換するブロックリストを出力2

2007-11-25T14:28:00.000+09:00

JavaScriptでProxomitronで数値参照を実体に変換するブロックリストを出力を更新しました。
更新点は以下の通り。

入力フォームから、開始値/終了値を入力できるようにした
数値文字参照の書式を10進数/16進数から選択できるようにした
コードの整理

開始値/終了値には10進数の数値を入れてください。
16進数値を入力しても、動作しません。

改行等の空白文字として「9-13」、ASCII文字として「32-126」をリスト化すれば、半角文字は網羅できそうです。

JavaScriptでProxomitronで数値文字参照を実体に変換するブロックリストを出力

2007-11-23T22:46:00.000+09:00

数値文字参照をProxomitronで扱うために、実体に変換するブロックリストを出力するJavaScriptを組んでみました。
# 出力された内容は、ReplaceStr: BlockListのブロックリストとして機能します。

JavaScriptでProxomitronで数値参照を実体に変換するブロックリストを出力

JavaScriptは外部JSとして宣言してあるので、興味のある方はHTMLソースから辿ってみてください。
数値文字参照の開始番号/終了番号はJavaScriptコード内で変数宣言しています。
入力フォームは暇を見て作るかもしれません。

FirefoxのURI属性値における数値参照の解釈がおかしい

2007-11-23T19:06:00.000+09:00

2chスレッド Proxomitron フィルター作成スレッド Part7 の書き込みを見て、気がついたFirefoxの動作メモです。

36 :名無しさん@お腹いっぱい。 < sage > :2007/11/02(金) 00:37:16 ID:l+Xvx/fa0
URIを「 &#十進数; 」の羅列で表記して隠してるページがあるんだけど
どうやったら普通の文字に変換できますか？
「 %十六進数」は>>834みたいにすればいいのは解るんですが。

多分、数値参照文字を書くときに & までエスケープ (&) して、数値参照表記を表示させているのだと思います。
この場合、ソースは以下のようなものが考えられます。
# リンクまで変なのは、不特定多数の掲示板に投稿された場合を考慮しての事。

<a href='http://prx.testing.com?test=&amp;#80;&amp;#114;&amp;#111;&amp;#120;&amp;#111;&amp;#109;&amp;#105;&amp;#116;&amp;#114;&amp;#111;&amp;#110;'>
http://prx.testing.com?test=&amp;#80;&amp;#114;&amp;#111;&amp;#120;&amp;#111;&amp;#109;&amp;#105;&amp;#116;&amp;#114;&amp;#111;&amp;#110;'>
<a>

こうなると、数値参照で使われているアンバサンド (&) がエスケープされているため、数値参照としては機能しない「はず」です。
が、Firefox 2.0.0.9 で動作確認をすると、内部動作で「 &#十進数; 」と同等に解釈されるのか、正常なリンクとして機能してしまいます。
IE7 はエスケープ前の「 &amp;#十進数; 」として解釈するため、不正なリンクとして動作します。
これはIE7の解釈の方が正しい気がするのですが……。

IE7で正常なリンクとして扱われるためには、& を & に変換して、本来の数値参照に直す必要があります。
以下は、a要素のhref属性値限定で & を & に置換するProxomitronのフィルタです。

[Patterns]
Name = "&#n; to char for URL Link [2007/11/23] test1"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 256
Match = "(<a\s[^>]++href=)\#$AVQ(((*\&)\#amp;(#[#0:9999];)\#)+{1,*}\#)(^(^[ >]))"
Replace = "\@"

リンクが貼られていない文字列を置換するなら、URLテキストをリンク化するフィルタ http Text to Link で上のフィルタと同じことを行えば、実現できると思います。

URLリストに登録されていないサイトのJavaScriptを無効にするProxomitronフィルタ

2007-09-24T02:15:00.000+09:00

動作内容は以下の通り。

script要素を削除 (後方にnoscript要素があれば、noscript要素を外して展開する)
a要素/href属性で指定されたjavascriptスキームを無効なスキーム「killjavascript」に置換
要素埋め込み型のon****属性を無効な属性「killon****」に置換

[Patterns]
Name = "Disable JavaScript NoSafeList [2007/09/24] test2"
Active = TRUE
URL = "$TYPE(htm)(^$LST(JSEnable))"
Limit = 2048
Match = "$NEST(<script[ >],</script>)"
        "$SET(#=<script type='comment'> Disable JavaScript NoSafeList </script>)"
        "( $NEST(<noscript>,\0,</noscript>)"
        "$SET(#=\r\n<div class='view_noscript'>\0</div>)"
        "|)|"
        "(<a\s[^>]++href=)\#$AVQ((["']|)\#(javascript:*)\0)(^(^[ >]))"
        "$SET(#=kill\0)|"
        "(<[a-z]+{1,*}[0-9]+(^(^\s))[^>]++\s)\#(^(^on"
        "(abort|blur|change|click|dblclick|dragdrop|error|focus|key(down|press|up)|load|"
        "mouse(down|move|out|over|up)|move|reset|resize|select|submit|unload)=))"
        "$SET(#=kill)"
Replace = "\@"

今回は技術的な興味からフィルタを作成しましたが、JavaScriptの有効/無効はブラウザ側で制御した方が確実だと思います。
これ以外の方法でJavaScriptが使われたとしても、ブラウザがJavaScriptを許可しなければ無効となるので。

後述のa要素を含めてリンク化するProxomitronフィルタ

2007-09-03T02:32:00.000+09:00

Thinking Archive(仮)で公開しているフィルタ「http Text to Link [2007/07/08]」は、以下のHTMLソースがあったとき、URLテキストからa要素の手前までをリンク化します。

<p>
http://www.nicovideo.jp/watch/<a href="http://www.nicovideo.jp/watch/sm111111" class="video">sm111111</a><br />
http://www.nicovideo.jp/<a href="http://www.nicovideo.jp/mylist/111111/1111111" class="video">mylist/111111/1111111</a>
</p>

下記フィルタは、URLテキスト後述のa要素を含めてリンク化します。

[Patterns]
Name = "NicoVideo: http Text to Link with anchor [2007/09/03] test3"
Active = TRUE
URL = "$TYPE(htm)www.nicovideo.jp/watch/?"
Limit = 512
Match = ">(^$TST(Textarea=y))"
        "([^<>]++)\#(http(://|s://)\1|ttp(://|s://)\1)\2"
        "([0-9a-z_-]+{1,63}(.[0-9a-z_-]+{1,63})++{0,4}.[0-9a-z_-]+{2,6}(:[0-9]+{1,5}|(^[.0-9:a-z_-]))"
        "(/[!=#-&(-;?-[\]-~]+|(^/)))\3(^['"])"
        "(<a\s[~>]++href=$AV(http$TST(\1)$TST(\3)\4)[^>]+>)\#"
        "(^(^$TST(\4)</a>))"
Replace = ">\@<span style="font-size: small">Linked:&#160;</span>\2\3"

上記はニコニコ動画限定ですが、このやり方なら汎用フィルタにすることも可能だと思います。問題がなさそうなら、既存の「http Text to Link」と統合します。

Firefox拡張メモ

2007-08-26T06:17:00.000+09:00

Firefoxの拡張メモ。
Firefox Portableで使用したことのある拡張一覧です。

keyconfig
All-in-One Gestures
ColorZilla
Firebug
FoxyProxy
FullerScreen
Gmail Notifier
IE Tab
Locale Switcher
NoScript
ScrapBook
Stylish
Tab Mix Plus
Tab Tree
tabgroups
userChrome.js
ViewSourceWith

keyconfig

ショートカットキーをカスタマイズします。
公式は大分前から更新停止していて、Firefox 2.0.0.7対応している拡張は非公式の拡張(日本語版)のみのようです。

All-in-One Gestures

マウスジェスチャに代表される、あらゆるマウス操作をカスタマイズします。日本語対応。

ColorZilla

カラーピッカー。
抽出ポイントを選択しやすくするためか、[ページ拡大] 機能のおまけも付いてきます。日本語対応。

Firebug

強力なJavaScriptデバッガ。
DOMツリーを表示でき、HTML構造の確認に役立ちます。非公式版は日本語対応。

FoxyProxy

設定したURL毎にProxyを切り替えて接続します。
URLリストを使わなければ、単純なProxy切り替えとしても使えます。

日本語に対応していないので、英語が得意でない人は辞書を引きつつ頑張ってください。
Firefox Portableを使用している場合は、オプションから [I am using Portable Firefox] にチェックを入れないと動作しません。

FullerScreen

デフォルトのFirefoxは全画面表示で [ナビゲーションツールバー] と [タブバー] が残りますが、この拡張を入れることでページ描画領域だけで全画面表示できます。
英語表記ですが、設定項目がそれほど多くないので何とかなるでしょう。

FullerScreen :: Firefox Add-ons

Gmail Notifier

Gmailの新着メールをお知らせします。
ログインも楽になるので、Webメールを利用しているなら、入れる価値は十分あります。日本語対応。

IE Tab

現在のタブをIEエンジンに切り替えて描画します。お気に入りからもIEエンジンに切り替えることが可能です。
IEでしか表示できないサイト用に。日本語対応。

Locale Switcher

Firefox本体の言語設定を切り替えます。Firefox英語版を入れて、言語設定を日本語に切り替えたいときに。

以下に、Firefox Portable の言語設定を英語から日本語に変える方法を紹介します。

Locale Switcher をインストール
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/ にアクセス
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/(Firefoxのバージョン番号)/win32/xpi/ へ移動
ja.xpi をダウンロード
ja.xpi をFirefoxウインドウにドラッグ&ドロップ
Firefox再起動
[Tool -> Languages -> Japanese] にチェック
Firefox再起動

NoScript

ホワイトリストに登録されていないURLにアクセスしたとき、JavaScript, Java, Flash, その他プラグインを遮断します。
この拡張の便利なところは遮断したときに、情報バーでお知らせしてくれることです。
ページが正常描画されなかったときに、JavaScriptを禁止したことが原因かもしれないと一目でわかるので重宝します。
ほとんど日本語対応ですが、英語表記のままの箇所が少し残っています。

ScrapBook

WebページやWebサイト全体をスクラップ的に保存します。
使用してみて、気が付いた特徴は以下の通り。

保存したページは、メニューやサイドバーの [ScrapBook] からアクセスできる
保存しないページへの相対パスリンクを絶対パスに変換できる
JavaScriptで改変した内容もソースに反映される
Webページのテキストにマーカーをつけて、ハイライトできる
保存したページをHTML要素単位で視覚的に削除できる (一回だけ [元に戻す] をできる)
日本語対応

Stylish

ユーザースタイルシートの編集/管理を行います。日本語対応。

Tab Mix Plus

タブに関連する挙動をカスタマイズします。
[新しいタブをアクティブなタブの隣に開く], [タブバーをホイールクリックしたときにタブを閉じる] など、国産タブブラウザで当たり前に出来る多く機能をこの拡張で実現できます。日本語対応。

Tab Tree

サイドバーに [現在開いているタブ] をツリー表示します。
アルファ版なので機能は少ないですが、不具合はなく。
難点を述べるなら、[Tab Tree] を呼ぶショートカットキーがないのが少し不便です。日本語対応。

tabgroups

複数のタブをまとめる「タブグループ」というタブを配置し、多数のタブを効率よく管理します。
英語表記ですが、オプションがないので使用するに当たって支障はないと思います。

Syleraのレイヤーによく似た機能で期待していたのですが、タブを50個ほど開くと動作が不安定になるので泣く泣く使用を断念しました。
公式HPでは「既知の不具合」が判明しているにも関わらず、更新されていないので、不具合修正は期待できそうにありません。

userChrome.js

ユーザースクリプトを追加してFirefox本体の機能をカスタマイズします。

ViewSourceWith

Webページのソースを予め設定しておいた任意のテキストエディタで開きます。
使用してみて、気が付いた特徴は以下の通り。

右クリックメニューに [ソースをプログラムで開く] という項目を追加する
ページ上の右クリックメニュー [ページのソースを表示] のエディタは変更しない
登録したエディタに対して、文字コード「UTF-8」の文字列を渡す
複数のエディタを登録できる
日本語対応

秀丸エディタを登録すると、文字コードの指定し直しを要求される事があります。
秀丸エディタはmeta要素のcharset属性値から文字コードを取得して読み込みを試みますが、ViewSourceWithはUTF-8のテキストを秀丸に渡すので、charsetの値がUTF-8ではないとき、文字コードが合致しません。
起動オプションが渡せれば、秀丸は強制的にUTF-8として開くことが出来るのですが…。

JavaScriptを挿入するデフォルトのProxomitronフィルタ修正版

2007-08-22T00:22:00.000+09:00

Proxomitron本体にデフォルトで付属しているフィルタは、誤爆を引き起こす要素をいくつか持っています。
以下に挙げるフィルタは、JavaScriptを挿入するタイプのフィルタで出来るだけ誤爆しないように工夫したものです。

HTML文書を読み込む前にJavaScriptを挿入するフィルタ修正版。

[Patterns]
Name = "Kill pop-up windows [2007/08/21] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^<script[ >]|</head>))$STOP()"
Replace = "<script type='text/javascript' src='http://local.ptron/WindowOpen.js'></script>\r\n"

Name = "Suppress all JavaScript errors [2007/08/21] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^<script[ >]|</head>))$STOP()"
Replace = "<script type='text/javascript'>\r\n"
          "function NoError(){return(true);} onerror=NoError;"
          "</script>\r\n"

Name = "Stop browser window resizing [2007/08/21] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^<script[ >]|</head>))$STOP()"
Replace = "<script type='text/javascript'>\r\n"
          "function moveTo(){return true;} function resizeTo(){return true;}"
          "</script>\r\n"

HTML文書を読み終わった後にJavaScriptを挿入するフィルタ。

[Patterns]
Name = "Restore pop-ups after a page loads [2007/08/21] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^</head>))$STOP()"
Replace = "<script type='text/javascript'>\r\n"
          "function addLoadEvent(func) {"
          "	var oldonload = window.onload;"
          "	if (typeof window.onload != 'function') {"
          "		window.onload = func;"
          "	} else {"
          "		window.onload = function() {"
          "			oldonload();"
          "			func();"
          "		}"
          "	}"
          "}"
          "addLoadEvent(PrxRST); "
          "</script>\r\n"

2007/05/22時点の修正版では、ページ読み込み後にJavaScript実行するために、(^(^</html>)) を使っていましたが、これは </html> の後ろにJavaScriptを挿入するHTMLに対応できていませんでした。
今回は、addLoadEvent でこの問題を解消しています。
でも、今となっては「addLoadEvent」も古い書き方で、window.addEventListener を使うのが適切なのでしょうね。
今の書き方でも実用上問題はないはずなので、イベントリスナ系統をまとめて覚えた後に対応しようと考えています。

Proxomitron-Jで配布されている「Allow right mouse click 3種セット」の修正版。

[Patterns]
Name = "Allow right mouse click [2007/05/23] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 16
Match = ".(onmousedown=|captureEvents\()"
Replace = ".PrxOff_"

Name = "Allow right mouse click 2 [2007/08/21] fixed"
Active = TRUE
URL = "$TYPE(htm)"
Limit = 8
Match = "(^(^</head>))$STOP()"
Replace = "<script type='text/javascript'>\r\n"
          "function addLoadEvent(func) {"
          "	var oldonload = window.onload;"
          "	if (typeof window.onload != 'function') {"
          "		window.onload = func;"
          "	} else {"
          "		window.onload = function() {"
          "			oldonload();"
          "			func();"
          "		}"
          "	}"
          "}"
          "function onMousedownNull(){"
          "	document.onmousedown=null;"
          "}"
          "addLoadEvent(onMousedownNull);"
          "</script>\r\n"

Name = "Allow right mouse click plus [2007/05/23] fixed"
Active = TRUE
Multi = TRUE
URL = "$TYPE(htm)"
Limit = 512
Match = "(<[^>]++\s)oncontextmenu(^(^=))"
Replace = "ProxAllow"

依頼を受けたフィルタを修正しており、デフォルトのフィルタ全てを修正してはいません。
元のフィルタと修正版を比較すれば、修正内容の見当は付くと思います。
でも、リクエストを受け付けないというわけではないので、要望があれば、順次対応していくつもりです。

不正な Content-Encoding ヘッダを削除するProxomitronフィルタ

2007-08-07T01:25:00.000+09:00

Content-EncodingヘッダはHTTP通信時の符号化方式を指定するヘッダです。
Proxomitronは不正な Content-Encoding を検出すると、符号化内容がわからないために、フィルタの働きを止めてしまいます。
このフィルタは不正なContent-Encodingヘッダを削除することで、符号化内容をProxomitronに正しく認識させ、フィルタを有効にします。
(ついでに、古い名前の x-gzip, x-compress を新しい名前に訂正します)

[HTTP headers]
In = TRUE
Out = FALSE
Key = "Content-Encoding: Kill incorrect Encoding (In) [2007/08/07] test1"
Match = "(^gzip|deflate|compress)(x-(gzip|compress)\0|?)"
Replace = "\0"

改めて、RFC2616を確認してみたら、この content-coding 値は、Accept-Encoding ヘッダでのみ使用し、Content-Encoding ヘッダでは使用すべきではない とあったので、その修正版です。
フィルタ名が変わっているのは気分的なもので、特に意味はありません。

[RFC2616] ハイパーテキスト転送プロトコル HTTP/1.1 - 3.5 内容コーディング (Studying HTTP)
[RFC2616] ハイパーテキスト転送プロトコル HTTP/1.1 - 3.5 内容コーディング (Practical LAMP)
[RFC2616] HTTP/1.1: ヘッダフィールド定義 - 14.11 Content-Encoding (Practical LAMP)
若葉的世界 - Content-Encoding

userchrome.js で「タイトルとURLをコピー」

2007-08-06T00:33:00.000+09:00

前々から利用させていただいているSCRAPBLOG : [userChrome.js] Copy Title + URLにちょっとした変更を加えてみました。変更点は以下の通り。

userchrome.js.xpiの話題 - alice0775のファイル置き場を参考に、コンテキストメニューを日本語に変更
改行コードを \r\n に変更 (一部のソフトで \n を改行として扱わないことがあるため)
URLテキストの一部記号をURLエスケープ
タイトルのHTMLエスケープ処理でシングルクォートもエスケープ
(個人的に使用している)li要素形式のコピーを追加

/**
 * A user script for userChrome.js extension.
 * @name タイトルとURLをコピー
 * @description 「タイトルとURLをコピー」コマンドをタブメニューに追加
 * @compatibility Firefox 2.0.0.6
 * @author Gomita, think
 * @lastUupdated 2007.09.10
 * @permalink http://thinkarc.blogspot.com/2007/08/userchromejs-url.html
 * @originallink http://www.xuldev.org/blog/?p=51
*/
(function()
{
	window.ucjs_copyTabInfo = function(copytype)
	{
		function htmlEscape(s) {
			s = s.replace(/</g, "&lt;");	// 小なり
			s = s.replace(/>/g, "&gt;");	// 大なり
			s = s.replace(/&/g, "&amp;");	// アンバサンド
			s = s.replace(/"/g, '&quot;');	// ダブルクォート
			s = s.replace(/'/g, '&#039;');	// シングルクォート

			return s;
		}

		function urlEscape(dat){
			dat = dat.replace(/%(?![\da-f]{2})/ig, '%25');	// パーセント
			dat = dat.replace(/ /g, '%20');					// 半角スペース
			dat = dat.replace(/\"/g, '%22');				// ダブルクオート
			dat = dat.replace(/(#[^#]*)#/, "$1%23");		// シャープ
			dat = dat.replace(/\'/g, '%27');				// シングルクオート
			dat = dat.replace(/\(/g, '%28');				// 左小括弧
			dat = dat.replace(/\)/g, '%29');				// 右小括弧
			dat = dat.replace(/\*/g, '%2a');				// アスタリスク
			dat = dat.replace(/,/g, '%2c');					// カンマ
			dat = dat.replace(/</g, '%3c');					// 小なり
			dat = dat.replace(/>/g, '%3e');					// 大なり
			dat = dat.replace(/\[/g, '%5b');				// 左大括弧
			dat = dat.replace(/\\/g, '%5c');				// 円記号
			dat = dat.replace(/]/g, '%5d');					// 右大括弧
			dat = dat.replace(/\^/g, '%5e');				// キャレット
			dat = dat.replace(/`/g, '%60');					// バッククォート
			dat = dat.replace(/{/g, '%7b');					// 左中括弧
			dat = dat.replace(/\|/g, '%7c');				// 縦棒
			dat = dat.replace(/}/g, '%7d');					// 右中括弧

			return dat;
		}

		var tab = document.popupNode;
		var url = gBrowser.getBrowserForTab(tab).contentWindow.location.href;
		var txt;

		switch (copytype){
			case 'text':
				txt = tab.label + "\r\n" + urlEscape(url);
				break;
			case 'anchor':
				txt = '<a href=\'' + htmlEscape(urlEscape(url)) + '\'>' + htmlEscape(tab.label) + '</a>';
				break;
			case 'list':
				txt = '<li><a href=\'' + htmlEscape(urlEscape(url)) + '\'>' + htmlEscape(tab.label) + '</a></li>';
				break;
		}

		if(txt){
			var clipboard = Components.classes["@mozilla.org/widget/clipboardhelper;1"]
			.getService(Components.interfaces.nsIClipboardHelper);
			clipboard.copyString(txt);
		}
    };

	var UI = Components.classes["@mozilla.org/intl/scriptableunicodeconverter"].
	createInstance(Components.interfaces.nsIScriptableUnicodeConverter);
	UI.charset = 'UTF-8';
	var menuitem = Array();

/*
	menuitem の初期化処理を forEach で回したかったのですが、上手くいかず保留。
	多分、初歩的なミスだと思います…。

	var menuindex = 0;
	var menu_array = Array(
		'text': 'タイトルとURLをコピー',
		'anchor': 'タイトルとURLをa要素でコピー',
		'list': 'タイトルとURLをli要素でコピー'
	);

	function setLabel(element, index) {
		menuitem[menuindex] = document.createElement("menuitem");
		menuitem[menuindex].setAttribute("label", UI.ConvertToUnicode(element));
		menuitem[menuindex].setAttribute("oncommand", "ucjs_copyTabInfo(" + index + ");");
		menuindex++;
	}

	menu_array.forEach(setLabel);
*/

	menuitem[0] = document.createElement("menuitem");
	menuitem[0].setAttribute("label", UI.ConvertToUnicode("タイトルとURLをコピー"));
	menuitem[0].setAttribute("oncommand", "ucjs_copyTabInfo('text');");

	menuitem[1] = document.createElement("menuitem");
	menuitem[1].setAttribute("label", UI.ConvertToUnicode("タイトルとURLをa要素でコピー"));
	menuitem[1].setAttribute("oncommand", "ucjs_copyTabInfo('anchor');");

	menuitem[2] = document.createElement("menuitem");
	menuitem[2].setAttribute("label", UI.ConvertToUnicode("タイトルとURLをli要素でコピー"));
	menuitem[2].setAttribute("oncommand", "ucjs_copyTabInfo('list');");

	setTimeout(function()
	{
		gBrowser.mStrip.childNodes[1].appendChild(document.createElement("menuseparator"));

		for(var i=0, L=menuitem.length; i < L; i++){
			gBrowser.mStrip.childNodes[1].appendChild(menuitem[i]);
		}

	}, 0);
})();

ようは、Syleraスクリプトで使っていた処理を使い回しただけだったり。
URLエスケープは、Another HTML-lintで文法チェック時にエラーを返すURL文字をエスケープします。

いくつかエスケープ不要な文字が混じっていますが、これは掲示板にURLを投稿する状況を考慮しています。
ほとんどの掲示板は http:// から始まるURL文字列に自動的にリンクが貼られますが、一部の文字をURL文字として認識してくれないことがあります。
例えば、「アスタリスクや括弧があると、その手前でリンク化が止まう」というような状況。
それでは困るので、未対応と思われるマイナーな記号をパーセントエンコードして、正しくリンクさせようという試みです。

position:relative のブラクラに対抗するProxomitronフィルタ

2007-08-05T05:22:00.000+09:00

ぼくはまちちゃん！(Hatena) - IEを華麗に撃墜する一行で紹介されているブラクラに対抗するためのProxomitronフィルタです。

[Patterns]
Name = "Anti Browser Crasher by position:relative [for IE6] [2007/08/05] test1"
Active = TRUE
URL = "$TYPE(htm)|$TYPE(css)"
Limit = 256
Match = "\* $NEST({,"
        "( ((^position)[^:]+:[^;]+; )+)\#"
        "position : [^;]+;+"
        "\#,})"
Replace = "* {\@}"

IE7ではブラクラそのものが効かず、IE6 Standaloneでブラクラが無効化されることを確認しました。

ニコニコ動画のメッセージサーバ系フィルタが効かなくなっていた問題に暫定対応

2007-08-04T15:36:00.000+09:00

下記フィルタを適用すれば、今までのフィルタがそのまま動作するようになります。

[HTTP headers]
In = FALSE
Out = TRUE
Key = "Accept-encoding: Kill Nicovideo encoding (out) [2007/08/02] test1"
URL = "msg[0-9]+.nicovideo.jp/api/(^?)"
Match = "*"

ニコニコ動画のメッセージサーバはgzip圧縮したデータを送信するようになりましたが、Proxomitronはgzipを解凍せずに処理しようとします。
上のフィルタは、Webブラウザの通信リクエスト時に「gzip圧縮に対応していません」というヘッダを送信し、gzip圧縮していないデータを受け取ることで既存のフィルタを有効にします。
これを行うと、メッセージサーバのgzip圧縮(負荷対策)を無効化してしまうので、できればやりたくないのですが、他によい代替手段を思いつかないので。

Proxomitronはgzipに対応していないわけではなく、text/html, text/css などの「WebページフィルタでマッチするContent/Type」ではgzipを解凍して処理します。
ですので、Content/Typeを変更すれば、gzip圧縮したままでフィルタが効くようになりますが、汎用フィルタが誤爆する可能性を考えると、難しいものがあります。

Proxomitron等に関するWiki によると、

Content-Encoding: gzip で、Content-Type: が text/html、multipart/x-mixed-replace、text/css、text/javascript、 application/x-javascript、text/vbscript のどれか($TYPE(oth) 以外)の場合、Webページフィルタでは解凍された物が処理対象になる

とあり、multipart/x-mixed-replace というあまりお目にかかることのなさそうなヘッダもgzipの解凍処理対象となるようですが、multipart/x-mixed-replace自体がよくわからないヘッダだったので使用しませんでした。

ニコニコ動画を快適にする Proxomitron 導入解説ver0.9

2007-08-01T01:47:00.000+09:00

ニコニコ動画おすすめ経由で新しいProxomitron導入開設動画が出ていることに気が付きました。

ニコニコ動画を快適にする Proxomitron 導入解説ver0.9 - ニコニコ動画(RC)

RC対応版の動画は初めてでしょうか。
「間違いとかあったらコメください。たぶんそのうち改良版を出すと思いますので。」とのこと。

Jane用のNGExメモ

2007-07-25T23:07:00.002+09:00

永遠に「書きかけ」かもしれません。

>1-1000
メール欄が sage 以外
4文字以下のレス
連続英文字
漢字15文字
～GET
まだ～？
文末中傷
文意不明なレス
保守
誤爆
オレオレ
「死ね」「氏ね」「市ね」
スクリプトによる自動書き込み
空白区切り文字
縦書き (4文字)
投稿記事のコピペ
画像リンクの連投
アンカー5連投
スキーム5連投 (行内)
a要素 HTMLコード連投 (1行×5)
HTML文字実体参照 5連投
1行文の2連投
複数行の2連投
行内の文字列 5連投
アミトーンの記号連投
巨大AA (記号の並列)
巨大AA (記号の線対称)
台詞用ふきだし (名前)

>1-1000

[>1-1000]
MsgType = 正規(含む)
MsgBody="(?:&gt;|＞)[1１]\-(?:1000|１０００)"
Option = 透明あぼーん, NGIDへの自動追加

>1-1000を含む書き込みをあぼーんします。

メール欄が sage 以外

[メール欄 [Not sage]]
MailType = 正規(含まない)
MailBody="sage|^$"
Option = 透明あぼーん

メール欄が sage ではない書き込みをあぼーんします。ただし、メール欄が空欄の記事にはマッチしません。 (投稿者が2ちゃんねるの仕様を知らずにスレッドを上げる事があるため)

4文字以下のレス

[4文字以下のレス]
MsgType = 正規(含む)
MsgBody="^(?:[ 　]*<br>)*[ 　]*[^<]{1,4}(?:[ 　]*<br>)*[ 　]*$"
Option = 透明あぼーん

4文字以下の書き込みをあぼーんします。(全角文字も1文字としてカウントします)

連続英文字

[連続英文字 (6文字以上)]
MsgType = 正規(含む)
MsgBody="[^#]([a-vx-zａ-ｖｘ-ｚ])\1{5}(?! *;|["'])"
Option = 透明あぼーん, NGIDへの自動追加

"aaaaa" など、6文字以上の連続した英字を含む書き込みをあぼーんします。
 のようなCSSのカラーコードに誤爆するのを防ぐための処理を入れてあります。

漢字15文字

[漢字15文字]
MsgType = 正規(含む)
MsgBody="[一-龠]{15}"
Option = 透明あぼーん, NGIDへの自動追加

連続した15文字の漢字を含む書き込みをあぼーんします。どこかのスレッドから借用させていただきました。

～GET

[～GET]
MsgType = 正規(含む)
MsgBody="[\d０-９](?:げっと|ゲット|get|ｇｅｔ)"
Option = 透明あぼーん, NGIDへの自動追加

レス番ゲッターをあぼーんします。

まだ～？

[まだ～？]
MsgType = 正規(含む)
MsgBody="[まマﾏ][～ーｰぁｧ]*(?:[だダ]|ﾀﾞ)[～ーｰぁｧ]+[?？]"
Option = 透明あぼーん

間延びした「まだ～？」発言をあぼーんします。

文末中傷

[文末中傷]
MsgType = 正規(含む)
MsgBody="(?:アホスレ|キモイ|イラネ|いらね|必死だな|最低だな|最悪だな|グロだな|[\(( 　](?:ﾌﾟ|プ|はぁと)+)(?:$|[ w\(　ｗ（]|<br>)"
Option = 透明あぼーん, NGIDへの自動追加

文末の中傷発言をあぼーんします。

文意不明なレス

[文意不明なレス]
MsgType = 正規(含む)
MsgBody="^(?:[ 　]*<br>)*[ 　]*(?:[ !\d０-９　！]|age|sage)+(?:[ 　]*<br>)*[ 　]*$"
Option = 透明あぼーん, NGIDへの自動追加

「数字」「感嘆符 (!)」「age」「sage」のみで構成される書き込みをあぼーんします。

保守

[保守]
MsgType = 正規(含む)
MsgBody="^[ 　]*(?:保守|ほしゅ|ﾎｯ?ｼｭ|hos[hy]u)[ 　。]*$"
Option = 透明あぼーん

保守のみの書き込みをあぼーんします。書き込み自体は有り難いのですが、視覚スペースを増やしたいので消しています。

誤爆

[誤爆]
MsgType = 正規(含む)
MsgBody="^[ 　]*↑?誤爆[ 　]*$"
Option = 透明あぼーん, NGIDへの自動追加

「↑誤爆」のみの書き込みをあぼーんします。(誤爆を装った荒らし)

オレオレ

[オレオレ]
MsgType = 正規(含む)
MsgBody="(?:(?:俺|オレ|おれ|漏れ)も?){2}"
Option = 透明あぼーん

オレオレ詐欺師を消し去ります。

「死ね」「氏ね」「市ね」

[死ね]
MsgType = 正規(含む)
MsgBody="[死氏市][ 　]*ね"
Option = 透明あぼーん, NGIDへの自動追加

「死ね」「氏ね」「市ね」を含む書き込みをあぼーんします。

スクリプトによる自動書き込み

[スクリプトによる自動書き込み]
MsgType = 正規(含む)
MsgBody="犯[ 　]*罪[ 　]*者|自[ 　]*首|変[ 　]*態|下[ 　]*衆|知[ 　]*障|池[ 　]*沼|低[ 　]*脳|社[ 　]*会[ 　]*の[ 　]*ダ[ 　]*ニ|溜[ 　]*ま[ 　]*り[ 　]*場"
Option = 透明あぼーん, NGIDへの自動追加

スクリプトによる自動書き込みをあぼーんします。当時、猛威を振るっていたのは「AntiDojin」とか「Antilo」とかその辺りのウイルスだったと思います。現在は脅威ではありませんが、中傷コメントにもマッチするので残してあります。

空白区切り文字

[空白区切り文字 (4文字)]
MsgType = 正規(含む)
MsgBody="(?:[ w　w]+[ぁ-龠]){4}(?=[ <w　w]|$)"
Option = 透明あぼーん

「テストですよ？」のような空白区切りの文字列を含む書き込みあぼーんします。
空白文字ではありませんが、"w" 区切りにも該当し、例えば「みwなwぎwっwてwきwたw」をあぼーんできます。

縦書き (4文字)

[縦書き (4文字)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)[ 　]*[^ <　](?:(?:[ 　]*<br>)+[ 　]*[^ <　]){3}(?=[ 　]*(?:<br>|$))"
Option = 透明あぼーん

改行を利用した縦書き4文字を含む書き込みをあぼーんします。 1行置きの縦書きにも対応しています。

投稿記事のコピペ

[投稿記事のコピペ]
MsgType = 正規(含む)
MsgBody="投稿日[:：][ 　]*\d{2,4}/\d{2}/\d{2}\([^)]+\)[ 　]*\d{2}:\d{2}:\d{2}"
Option = 透明あぼーん

2ちゃんねるの投稿記事をコピペした書き込みをあぼーんします。 Janeのデフォルトスキン(2ちゃんねるをブラウザで見たときと同じ)からコピペした書式にしか対応していないので、全てのコピペには対応できていません。ですが、結構マッチしてくれます。

画像リンクの連投

[画像リンクの連投 (1行×5 / 完全一致)]
MsgType = 正規(含む)
MsgBody="^(?:[ 　]*<br>)*[ 　]*(?:h?ttp://[\w-]{1,63}(?:\.[\w-]{1,63}){0,4}\.[\w-]{2,6}(?::\d{1,5}|(?![.\w\-:]))/[!=#-&(-;?-[\]-~]+\.(?:jpg|png|gif|bmp)(?:[ 　]*<br>)*[ 　]*){5,}$"
Option = 透明あぼーん, NGIDへの自動追加

http://test.com/test1.jpg
http://test.com/test2.jpg
http://test.com/test3.jpg
http://test.com/test4.jpg
http://test.com/test5.jpg

上記のような、画像リンクを5連投するだけの書き込みをあぼーんします。(完全一致)

[画像リンク 10連投 (部分一致)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)[ 　]*(?:h?ttp://(?<domain>[[:alnum:]\-]{1,63})(?:\.\g<domain>){1,5}(?::\d{1,5})?/[!=#-&(-;?-[\]-~]+\.(?:jpg|png|gif|bmp)(?:[ 　]*<br>[ 　]*)*){10}"
Option = 透明あぼーん, NGIDへの自動追加

テスト
http://test.com/test1.jpg http://test.com/test2.jpg
http://test.com/test3.jpg http://test.com/test4.jpg
http://test.com/test5.jpg http://test.com/test6.jpg
http://test.com/test7.jpg http://test.com/test8.jpg
http://test.com/test9.jpg http://test.com/test10.jpg

上記のような、画像リンクの10連投を含む書き込みをあぼーんします。(部分一致)

アンカー5連投

[アンカー5連投 (行内)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)(?:[^<]*?(?:<a [^<]+</a>|(?:&gt;|＞){1,2}\d+)){5}"
Option = 透明あぼーん, NGIDへの自動追加

>>1>>2>>3>>4>>5 のような行内にレスアンカーを5連投した書き込みをあぼーんします。

[アンカー5連投 (1行×5)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)[ 　]*(?:(?:&gt;|＞){1,2}\d+|<a [^>]*>&gt;&gt;\d+(?:-\d+)*</a>)(?:[,-]\d+)*(?:[ 　]*<br>[ 　]*(?:(?:&gt;|＞){1,2}\d+|<a [^>]*>&gt;&gt;\d+(?:-\d+)*</a>)(?:[,-]\d+)*){4}"
Option = 透明あぼーん, NGIDへの自動追加

>>1
>>2-3
>5-7,9,15
>>20-30
＞31,32,33,34,35

上記のような、レスアンカーを改行区切りで5連投した書き込みをあぼーんします。

スキーム5連投 (行内)

[スキーム5連投 (行内)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)(?:[^<]*?://){5}"
Option = 透明あぼーん

ttp:// ttp:// ttp:// ttp:// ttp://

上記のような、行内で :// を5回繰り返す書き込みをあぼーんします。
上の例では、間に空白を挟んでいますが、どんな文字列を挟んでもマッチします。(HTMLタグを除く)

a要素 HTMLコード連投 (1行×5)

[a要素 HTMLコード 連投 (1行×5)]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)[ 　]*(?:&lt;a (?:(?!&gt;)[^<])*href *= *(?:&quot;|')? *https?://(?:(?!&lt;)[^<])+&lt;/a&gt;(?:[ 　]*<br>)*[ 　]*){5}"
Option = 透明あぼーん

<a href="http://test1.com/">http://test1.com/</a>
<a href="http://test2.com/">http://test2.com/</a>
<a href="http://test3.com/">http://test3.com/</a>
<a href="http://test4.com/">http://test4.com/</a>
<a href="http://test5.com/">http://test5.com/</a>

上記のような、a要素のHTMLソースを5行繰り返す書き込みをあぼーんします。

HTML文字実体参照 5連投

[HTML文字実体参照 5連投]
MsgType = 正規(含む)
MsgBody="(?:&(?!(?:amp|gt|lt|quot);)(?:[a-z]{2,5}|#(?:0*\d{1,5}|xe?0*[\da-f]{2,5}));?[ 　]*){5}"
Option = 透明あぼーん

HTML文字実体参照、数値文字参照を5連投した書き込みをあぼーんします。(各用語の説明はリンク先を参照してください) システムで使われている & > < " は検索対象から除きます。 # 2ちゃんねるでは、シングルクオート ' はエスケープしていないようです。

1行文の2連投

[1行文の2連投]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)(?![ 　]*<br>)((?:[^<]|<a [^<]+</a>)+)<br>\1(?=(?:<br>|$))"
Option = 透明あぼーん, NGIDへの自動追加

正規表現を覚えたい
正規表現を覚えたい

上記のような、「1行文」の繰り返しを含む書き込みをあぼーんします。
「1行文の3連投」に変えたい場合は、 \1 を ( \1){2} に置換してください。

複数行の2連投

[複数行の2連投]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)(?![ 　]*<br>)((?:[^<]|<a [^<]+</a>){10,}<br>.*)(?:<br>[ 　]*)*<br>\1"
Option = 透明あぼーん, NGIDへの自動追加

こんにちは、Janeさん。
今日もいい天気ですね。
こんにちは、Janeさん。
今日もいい天気ですね。

上記のような、「複数行の文章」を改行で挟んで繰り返す書き込みをあぼーんします。間に空行を挟んでもマッチします。

行内の文字列 5連投

[行内の文字列 5連投]
MsgType = 正規(含む)
MsgBody="(?:^|<br>)[ 　]*([^ <　]{3,})(?:[ 　]+\1){4}"
Option = 透明あぼーん

てすと てすと てすと てすと てすと

上記のような「行内の文字列」を空白文字で挟んで5回繰り返す書き込みをあぼーんします。

アミトーンの記号連投

[アミトーンの記号連投 (1文字×4)]
MsgType = 正規(含む)
MsgBody="(["',:;])([ 　]*\1)\2{2}"
Option = 透明あぼーん, NGIDへの自動追加

:::: のように、記号1文字を連投してアミトーンを貼るAAをあぼーんします。
アミトーンは巨大AAで頻繁に使われます。

[アミトーンの記号連投 (2文字×3)]
MsgType = 正規(含む)
MsgBody="((["',.:;])(?!\2)["',.:;])([ 　]*\1)\3"
Option = 透明あぼーん, NGIDへの自動追加

:;:;:;:; のように、記号2文字を連投してアミトーンを貼るAAをあぼーんします。

巨大AA (記号の並列)

[巨大AA (記号の並列)]
MsgType = 正規(含む)
MsgBody="([()/|ヽ（）／＼｜])(?= *[_　￣＿]{2})[ _　＿￣]+\1"
Option = 透明あぼーん, NGIDへの自動追加

/　　/ のように、空白文字の両側に同じ記号がある書き込みをあぼーんします。
巨大AAは空白文字を利用して空間を作る性質があるため、かなりのAAに対応できます。
if( ($a==1) && ($b==2) ) のようなプログラムコードに誤爆するのを防ぐために半角空白を除く空白文字が2回以上連続した文字列に限定しています。

巨大AA (記号の線対称)

[巨大AA (記号の線対称)]
MsgType = 正規(含む)
MsgBody="／[ _　＿￣]+＼|＼[ _　＿￣]+／|[(（](?! *[)）])[ _　＿￣]+[)）]"
Option = 透明あぼーん, NGIDへの自動追加

／￣￣＼ のような空白文字を挟んで記号が線対称に並ぶ書き込みをあぼーんします。
￣ は空白文字ではありませんが、空間を作るために利用されることが多いため、表現に追加しています。

台詞用ふきだし (名前)

[台詞用ふきだし (名前)]
MsgType = 正規(含む)
NGName = "^＼?[\-_─＿￣]+(?:(?:[/|／＼｜]{2}|[vVＶ])[\-_─＿￣]+)?[/／]?$"
Option = 透明あぼーん

漫画で台詞を表すのに使われるふきだしを名前欄で使用している書き込みをあぼーんします。

Jane用のReplaceStrメモ

2007-07-23T08:09:00.000+09:00

ReplaceStr.txt の覚え書き。

JaneView、もしくは、JaneStyleで動作確認済みの正規表現です。
どちらで確認しているかは、行頭の文字列で判断してください。

他の派生では、正規表現宣言部の書式が違うようなので、適宜読み替えてください。
(Viewの書式と互換性があるようなので、そのままでも動くとは思いますが)

全角数字を半角数字に
全角英字を半角英字に (小文字)
全角英字を半角英字に (大文字)
全角記号を半角記号に
HTML文字実体参照のソースコードを表示
英字/記号の2連投以上を省略表示
文頭/文末の空白文字を削除
空行3つ以上を空行2つに
「レスアンカー + 改行」を「レスアンカー + 空白」に
ひらがな/カタカナの3連投以上を省略表示
2ちゃんねる語を標準語に (非正規表現)
2ちゃんねる語を標準語に (ローマ字typo)
2ちゃんねる語を標準語に (文末)
.jpg.html なリンクで画像に直リンク
アフィリエイトパラメータを削除
引用文を着色

全角数字を半角数字に

０	0
１	1
２	2
３	3
４	4
５	5
６	6
７	7
８	8
９	9

全角数字を半角数字に置換します。
レス番を置換するときに、全角/半角を考慮しなくて良くなって便利です。

全角英字を半角英字に (小文字)

ａ	a
ｂ	b
ｃ	c
ｄ	d
ｅ	e
ｆ	f
ｇ	g
ｈ	h
ｉ	i
ｊ	j
ｋ	k
ｌ	l
ｍ	m
ｎ	n
ｏ	o
ｐ	p
ｑ	q
ｒ	r
ｓ	s
ｔ	t
ｕ	u
ｖ	v
ｗ	w
ｘ	x
ｙ	y
ｚ	z

JaneのReplaceStrは大文字/小文字を区別しないため、英字の半角への置換は小文字/大文字のどちらか1つしか使えません。
(両方、指定すると先に指定した方に統一されます)

全角英字を半角英字に (大文字)

Ａ	A
Ｂ	B
Ｃ	C
Ｄ	D
Ｅ	E
Ｆ	F
Ｇ	G
Ｈ	H
Ｉ	I
Ｊ	J
Ｋ	K
Ｌ	L
Ｍ	M
Ｎ	N
Ｏ	O
Ｐ	P
Ｑ	Q
Ｒ	R
Ｓ	S
Ｔ	T
Ｕ	U
Ｖ	V
Ｗ	W
Ｘ	X
Ｙ	Y
Ｚ	Z

全角記号を半角記号に

（	(
）	)
＾	^
＜	&lt;
＞	&gt;
＆	&amp;

HTML文字実体参照のソースコードを表示

<>&(?!(?:amp|gt|lt|nbsp|quot))(?=[a-z]{2,5}|#(?:0*\d{1,5}|xe?0*[\da-f]{2,5}))	&amp;

HTML文字実体参照のソースコードを表示します。

英字/記号の2連投以上を省略表示

<>？{2,}	??
<>！{2,}	!!
<>w{2,}(?![\w%&\--/=])	w

全角の疑問符/感嘆符の2回以上の連続を2文字に省略表示します。
2文字以上の w を省略表示します。
(URL中の文字にマッチするのを防ぐため、w の後ろに「URLに使われる文字」がある時にはマッチしません)

文頭/文末の空白文字を削除

<>^(?:[ 　]*<br>)+[ 　]*	
<>(?:<br>[ 　]*)+$

文頭/文末の半角空白/全角空白/改行を削除します。

空行3つ以上を空行2つに

<>(?:<br>[ 　]*){4,}	<br><br><br>

空行3つ以上を空行2つに置換します。

「レスアンカー + 改行」を「レスアンカー + 空白」に

<>((?:^[ 　]*|(?:<br>[ 　]*){2})(?:(?:(?:&gt;){1,2}\d+|<a [^>]*>&gt;&gt;\d+(?:-\d+)*</a>)(?:[,-]\d+)*[ 　]*)+)(?:[ 　]*<br>)+(?![ 　]*&gt;(?!&gt;\d))(?=(?:[^<]*<a [^>]*>[^<]*</a>)*[^<]*(?:$|(?:<br>[ 　]*){2}))	$1&nbsp;&nbsp;

「レスアンカー -> 改行 -> 1行のコメント」を「レスアンカー -> 半角空白2個 -> 1行のコメント」に置換します。
視認性を確保するため、対象の文字列と他の文字列に一行以上のマージンがある状況に限定しています。
置換する文字列の前後に空行or文頭or文末が存在するときにしかマッチしません。

ひらがな/カタカナの3連投以上を省略表示

<>([あ-んア-ン])\1{2,}	$1$1

「3文字以上のひらがな/カタカナ」の同一文字の3連続以上を2文字に省略表示します。
(例) 来たああああああ → 来たああ

2ちゃんねる語を標準語に (非正規表現)

概出	既出
香具師	方
おまいら	お前ら
イ㌔	生きろ

2ちゃんねる語を標準語に変換します。

2ちゃんねる語を標準語に (ローマ字typo)

<>うp(?!\w)	UP
<>おk(?!\w)	OK
<>日本語でOK(?!\w)	日本語で書いてください
<>wktk(?![\w%&\--/=])	わくわく
<>kwsk(?![\w%&\--/=])	詳しく
<>gdgd(?![\w%&\--/=])	ぐだぐだ

ローマ字によるtypo系の2ちゃんねる語を標準語に変換します。

2ちゃんねる語を標準語に (文末)

<>(じゃ|[よ良]く)ね(?=[?？])	$1ない
<>ｷﾀ━+(?:ヽ?\([ ﾟ　∀]*\)ﾉ?━+)+	来た
<>([^a-z])YO(?![\w%&\--/=])	$1よ
<>([^a-z])NE{2,}(?![\w%&\--/=])	$1ねー
<>ｷﾎﾞﾝﾇ?(?=[ <w　]|$)	希望します
<>きぼん(?=[ <w　]|$)	希望します
<>乙+(?=(?:で(?:す|した))?(?:[ !<㌧w　。！ー～]|$))	お疲れ様
<>思われ(?=[ ()<w　。！]|$)	思われる
<>希ガス(?=[ ()<w　。！]|$)	気がする
<>もちつけ(?=[ ()<w　。！]|$)	落ち着け
<>しる(?=[ ()<w　。！]|$)	しろ
<>で[しつ](?=[ ()<w　。！]|$)	です
<>まつ(?=[ ()<w　。！]|$)	ます
<>るお(?=[ ()<w　。！]|$)	るよ
<>だお(?=[ ()<w　。！]|$)	だよ
<>ますた(?=[ ()<w　。！]|$)	ました
<>ですた(?=[ ()<w　。！]|$)	でした

文末にある2ちゃんねる語を標準語に変換します。
一部の正規表現はURL中に含むことを防ぐため、表現の手前/直後に「URLに使われる文字」が存在するときにマッチしません。

.jpg.html なリンクで画像に直リンク

<>\.(jpg|gif|png)(\.html?)(?=[ <　]|$)	.$1 [Killed $2]

http://somehost.com/uploader/wallpaper.jpg.html のようなURLから .html を取り除きます。
Refererを設定するだけの ImageViewURLReplace.dat による設定をするのが面倒な人用です。

アフィリエイトパラメータを削除

<>://(?:www\.)?amazon\.co\.jp/((?:\w+/)+)(?:\w+-22/|(\w+)(?=\?)(?:[&?](?!tag=)\w+=\w+)*[&?]tag=\w+-22)[!#-&(-;=?-[\]-~]*	://www.amazon.co.jp/$1$2 [Killed Affiliate]

Amazonのアフィリエイト用のURLからアフィリエイトを示す文字列を取り除きます。

引用文を着色

<rx>((?:^|<br>)[ 　]*)((?:&gt;(?!(?:&gt;)?[\d０－９])|＞(?![\d０－９]))[^<]+)	$1<font color=green>$2</font>	msg

引用文を着色します。JaneStyle用。
JaneNidaでも動作するかも？(未確認)

# http:// から始まるリンクテキストのリンク色を上書きしてしまうのは、仕様です。
# 処理の順番が関係していますが、これはJaneStyleで対応すべき問題だと思います。
# (「ReplaceStr → リンクテキストにアンカーを付与」の順番が望ましいと思います)

JeneViewの正規表現を使用するときの注意点正規表現編

2007-07-22T03:45:00.001+09:00

JaneViewの「NGEx」「ReplaceStr.txt」で扱われる正規表現で躓きそうな部分のまとめです。

大文字/小文字を区別しない
WSH有効でより高度な正規表現を使用できる
キャレット (^) は行頭ではなく、文頭にマッチする
全角文字を文字クラスに含めることが出来る
Shift_JIS の文字列を検索している
NGEx は ReplaceStr より前に発動する

大文字/小文字を区別しない

Janeの正規表現は、大文字/小文字を区別しません。

a　… 「a」「A」にマッチ
ｗ … 「ｗ」「Ｗ」 にマッチ

全角の大文字/小文字も区別しない点に注意してください。正規表現の修飾子 "i" が指定されていると捉えても構いません。

# 個人的には、[大文字/小文字を区別する] オプションが欲しいところです。
w+ は WWW にマッチしてしまうし、ReplaceStr.txt による英字の「全角→半角」変換は先にマッチした方 (小文字 or 大文字) に統一されてしまいます。
この状況を打開する方法は、今のところ存在しないと思います。

WSH有効でより高度な正規表現を使用できる

[設定 -> 設定 -> 基本 -> その他 -> 正規表現にWSHを使う] にチェックを入れることで、チェックを入れないときに使えなかった正規表現を使用できるようになります。

(?:pattern) … 変数にキャプチャせずにグループ化する
(?=pattern) … pattern に一致する文字列を肯定先読み。先読みした文字列は変数にキャプチャしない。
(?!pattern) … pattern に一致する文字列を否定先読み。先読みした文字列は変数にキャプチャしない。

ここに挙げた表現は全て変数にキャプチャしません。(グループ化された部分を変数に記憶せず、で参照できなくなる)
そのため、メモリを節約できます。

「何だかよくわからない」という人は、先読み正規表現でGoogle検索してみてください。

# Proxomitronの表現で表すと、(?=pattern) は肯定先読み、(?!pattern) はNOT関数と同等です。

# [正規表現にWSHを使う] にチェックを入れないと、TRegExpr が使用されます。
JaneView.txt によると、「※エラーは出ませんが、TRegExprはあまり複雑な正規表現はパースできないようで特にmigemoで短い文字列を検索した場合にはマッチングがおかしい事があります」とのこと。

キャレット (^) は行頭ではなく、文頭にマッチする

一部の正規表現ライブラリは ^ を指定することで行頭にマッチしますが、Janeの ^ は文頭にマッチします。
特別なことをしなくても、複数行にマッチさせることが可能です。
(dat保存時に改行がbr要素に置換されるため、Janeの内部処理では一行からなるデータを検索していると思われます)

行頭にマッチさせたい場合は、次のように指定します。

(?:^|<br>)

全角文字を文字クラスに含めることが出来る

Janeの正規表現は、全角文字を文字クラスに含めることが出来ます。
ですので、[ 　] で「半角空白/全角空白」の両方にマッチさせることが可能です。

Shift_JIS の文字列を検索している

Janeが検索するのは Shift_JIS の文字列です。このことを覚えておくと、全角文字を文字クラスで範囲指定するときに役立ちます。

例えば、[あ-ん] はどういう文字にマッチするでしょうか。
直感的にはひらがなの「あ～ん」にマッチしそうですが、実際には「ぁぃぅぇぉ」などの拗音にもマッチします。

これは、ひらがなを Shift_JIS の16進数で表されるコードに変換すると、理解しやすいでしょう。

あ … 0x82 0xa0
ぃ … 0x82 0xa1
い … 0x82 0xa2
...
ん … 0x82 0xf1

2つめのコードの末尾の数字を見ると、0, 1, 2 と連番になっていることが分かります。
文字クラスはこれらコードの数値を範囲指定しているのです。
[あ-ん] は 0x82 [0xa0-0xf1] を指定しているともいえます。(実際には、この記述法で指定できません。)

特定の文字のコードを調べるには、次のどれかを使ってください。

StrHex で「Code = SJIS」にチェックを入れ、[↓] ボタンを押す
Proxomitron用文字コード変換で [Shift_JIS] を選択して、[Encode]
URLエンコードフォームを利用して、Shift_JIS でURLエンコード

「Proxomitron用文字コード変換」「URLエンコード」は上で紹介したものと書式が違いますが、数値は同じなので参考にすることが出来ます。
例えば、「あ」をエンコードしたとき、それぞれのコードは以下のようになります。(「82, a0」の数値が同じ事が分かると思います)

16進数のShift_JISコード … 0x82 0xa0
Proxomitron用文字コード … [%82][%a0]
URLエンコード … %82%a0

# Proxomitronでは [あ-ん] を [%82][%a0-%f1] と書き表せます。(Shift_JISコードの場合)

# 0xnn がそれぞれ1バイトのコードを示します。
Shift_JISコードにおいては、ひらがな1文字に付き2バイトで表されるので、それぞれ2つ分のコードがあるわけです。
2バイトで1文字を表している文字を2バイト文字といいます。

ReplaceStr で置換した内容に対して、更に置換することが出来る

例えば、次の表現を ReplaceStr.txt に記述すると、

名無し[Tab]ななしだよ
ななしだよ[Tab]名無しという名の名無し

「名無し」は「名無し → ななしだよ → 名無しという名の名無し」という遍歴を経て、「名無しという名の名無し」に置換されます。

# 一度に置換させるより、複数回マッチさせた方が高速に置換する事もあるそうです。

# 特に、全角/半角の両方に対応したい場合、初めに半角に置換して文字種を統一しておけば、後の表現を書くのが楽になります。

NGEx は ReplaceStr より前に発動する

ReplaceStr で置換した文字列に NGEx でマッチさせることは出来ません。

# NGEx であぼーん(消去)した投稿内容に対して、ReplaceStr が無効なわけではないようです。
レスアンカーであぼーんされたレスを見たり、[Ctrl] + [数字] キーで任意のレス番の投稿内容をポップアップさせると、ReplaceStrが効いていることが分かります。

JeneViewの正規表現を使用するときの注意点 datデータ編

2007-07-22T03:37:00.000+09:00

JaneViewは2ちゃんねるのスレッドデータを保存している「datファイル」を直接読んで、マッチする文字列を検索します。

# 詳しくは後述しますが、datデータはブラウザに表示されている内容と微妙に違います。通常、正規表現で改行にマッチさせるときは \r\n を使いますが、Janeで改行にマッチさせる場合は、 を使います。

datファイルは、<> 区切りのCSVフォーマットとなっています。下記は、ある一人の投稿者のdatデータの参考例です。

Jane使いの名無しさん<>sage<>2007/07/21(土) 21:00:00 ID:XXXXXXXXX<> ここは NGEx.txt を晒すスレです。 <br> 前スレ <br> NGEx.txtを晒すスレ <br> http://jane.s28.xrea.com/test/read.cgi/bbs/1068846004/ <>NGEx.txtを晒すスレ2

このように、datファイル上では、一人の投稿者の投稿内容は一行で表されます。それぞれの内容は「名前<>メール欄<>投稿日時<>本文<>スレッドタイトル」となっています。 (スレッドタイトルはスレッドを立てた人のデータだけに書き込まれ、No.2 以降の投稿者のデータには書き込まれません。)

Janeからdatファイルを参照する
タブ文字は半角空白に変換される
空白文字は [ 　] でマッチさせる
改行は でマッチさせる
文頭/文末の空白文字を考慮する
<>&" は HTML文字実体参照でマッチさせる
レスアンカーは HTML文字実体参照、a要素でマッチさせるる

Janeからdatファイルを参照する

Janeはスレッドを取得したときに、「Janeをインストールしたフォルダ\Logsch\板名\スレッド番号.dat」にdatファイルを保存します。しかし、ここから該当スレッドを探すのは面倒なので、もう少し簡単な方法を紹介します。

Janeを終了した状態で、Jane2ch.exe があるフォルダの command.dat をメモ帳などのテキストエディタで開いてください。 (command.dat がなければ、新規テキスト文書.txt を作成して、command.dat にリネームします) そして、以下の内容をコピー＆ペーストして、上書き保存します。

*各種設定=
[Tab]*datを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$LOCALDAT"
[Tab]*AAListを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$BASEPATHaalist.txt"
[Tab]*NGEx.txtを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$BASEPATHNGEx.txt"
[Tab]*Command.datを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$BASEPATHcommand.dat"
[Tab]*ImageViewURLReplace.datを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$BASEPATHImageViewURLReplace.dat"
[Tab]*ReplaceStr.txtを開く="C:\Program Files\Hidemaru\Hidemaru.exe" "$BASEPATHReplaceStr.txt"

# "C:\Program Files\Hidemaru\Hidemaru.exe" の部分には、任意のテキストエディタをフルパスで指定します。 [Tab] はタブ文字 ([Tab] キーを入力して出現する文字) に変換してください。

Janeを起動し、何らかのスレッドを開きます。 [コマンド -> 各種設定 -> datを開く] で現在閲覧しているスレッドのdatファイルが開きます。

# コマンドから確認する方法は、ReplaceStr.txt でも使えます。

# 特定のレス番のdatデータを参照したいときには、[レス番を左クリック -> NGに追加] から確認したい項目を選択します。
# それぞれ、NGに追加するまでワンクッションあるので、NGに追加することなく確認できます。
#
# 名前　 … [NGNameに追加] で確認
# メール … [NGAddrに追加] で確認
# 本文　 … [datからNGWordに追加] で確認

タブ文字は半角空白に変換される

タブ文字を2ちゃんねる掲示板に投稿すると、「タブ文字 → 半角空白」の変換をした上でdatに保存されます。

空白文字は [ 　] でマッチさせる

空白文字とは、半角スペース, タブ文字, 改行コード, 復帰コード, NULL など、目に見えない文字のことです。正規表現では \s で表されます。

全角空白も含めた空白文字にマッチさせる場合、(?:\s|　) と書きたくなりますが、datに保存されるときに「タブ文字, 改行コード, 復帰コード」が別の文字列に置換されるため、もう少し簡単に書き表すことが出来ます。

[ 　]

実際には、[ 　]* と書くことが多いでしょう。

改行は でマッチさせる

改行にマッチさせるときには、\r\n ではなく   を指定します。 ( の両端に空白がある点に注意してください。)

ただし、非公式の掲示板の中には空白がないところもあります。そこで、空白文字を0回以上消費させることで両方に対応させます。

[改行1つ]
[ 　]*<br>[ 　]*

[1回以上の改行]
(?:<br>[ 　]*){1,*}

[0回以上の改行]
(?:<br>|[ 　])*

はHTMLで規定されている要素(タグ)です。 br要素 "line break"で検索すると参考サイトがHITします。こちらは「改行するタグ」と覚えておくだけでよいと思います。

文頭/文末の空白文字を考慮する

公式の2ちゃんねる掲示板に書き込むと、dat保存時に本文部分の「文頭/文末」に半角空白が挿入されます。非公式の掲示板の中には、空白が挿入されないところもあるので、空白の有無に関わらずマッチさせることで全ての掲示板に対応させます。

[文頭にマッチ]
^[ 　]*

[文末にマッチ]
[ 　]*$

[本文が存在しない or 空白のみの本文 にマッチ]
^[ 　]*$

<>&" は HTML文字実体参照でマッチさせる

「<>&"」を2ちゃんねる掲示板に投稿すると、HTML文字実体参照に変換してdatに保存されます。 <>&" にマッチさせるには、それぞれ以下のように指定します。

<　 … &lt;
>　 … &gt;
&　… &amp;
" … &quot;

HTML文字実体参照はHTMLで規定されている文字です。 HTML文字実体参照で検索すると、参考サイトが多数HITします。なかなか使う機会が多いので、一度目を通しておくと良いかもしれません。 (>>1 などのレスアンカーにマッチさせる時に必要になります)

# 2ちゃんねる掲示板に投稿するとき、<>" は自動的にエスケープ(上の書式に変換)されますが、& だけはエスケープされません。従って、HTML文字実体参照を含む文字を投稿すると、HTML文字実体参照が有効なまま投稿されることになります。 NGEx, ReplaceStr.txt の正規表現など、投稿内容を改変せずに投稿したい場合は、テキストエディタ等で「& → &」の一括置換を行ってから投稿してください。

# 個人的には、「& → &」の変換をJane側で処理してくれると嬉しかったり…。正規表現を晒すスレッド等で、&だけ全角で書いている方がいたり、HTML文字実体参照が有効なことを知らないでミスする方をしばしば見かけます。

レスアンカーは HTML文字実体参照、a要素でマッチさせる

レスアンカーとは、>>1 のようなレス番を指定するアンカーのことです。レスアンカーは掲示板によって二種類の書式があり、完全対応するためにはそれぞれの書式を確認する必要があります。

# a要素を付加しない板の場合
&gt;&gt;1

# a要素を付加する板の場合
<a href="../test/read.cgi/win/1111111111/1" target="_blank">&gt;&gt;1</a>

両方に対応させるには、以下のように書きます。

<a [^>]+>&gt;&gt;1</a>|&gt;&gt;1

このブログのコードブロックをIEでコピーすると、改行なしでコピーされてしまう

2007-07-19T08:11:00.000+09:00

取り急ぎ、修正しましたが、納得のいく修正はできませんでした。

以下、修正前のソース。

<pre class='thinking_code'><code><br />window.onload = function(){<br />alert('Hello World !');<br />}<br /></code></pre>

で、こちらが修正後のソース。

<style type='text/css'>
/* 考察中のコード */
.thinking_code {
white-space: nowrap;
}
</style>

<div class='thinking_code'><code><br />window.onload = function(){<br />alert('Hello World !');<br />}<br /></code></div>

white-space: nowrap; もしくは、pre要素だと改行込みでコピーできなくなるようです。(IE限定)

# まだ分からないところがあるので、thinking_code だけ修正しました。code_block は未修正です。

2007/07/19 13:34 追記 一通り、修正しました。

2007/07/23 0:30 追記 Bloggerの「br要素の自動挿入」を解除することで対応しました。

ニコニコ動画フィルタ集テスト版を更新 (拡大表示からの復帰時の不具合修正)

2007-07-19T01:20:00.000+09:00

更新点は以下の通り。

2007/07/19: ・動画の拡大表示からの復帰時に隠していた動画下コンテンツが再表示されてしまう不具合を修正

restorePlayer() の問題を修正しただけです。ダウンロードは filter_niconico_test_20070719 からどうぞ。

flvplayer_wrapper 2007/07/16と組み合わせる場合は、「動画上部のニワニュース広告を削除」を無効に設定すれば共存できます。 (有効にしても動作しますが、プレイヤー上部のボタンが見切れてしまうので、一部機能が使えなくなります。)

(2007/07/19 7:22追記) リンク先が誤っていたのを修正しました。

既定の関数にユーザー定義関数を追加する

2007-07-19T00:11:00.000+09:00

ニコニコ動画は動画プレイヤーの拡大表示から元の表示に戻す時に、restorePlayer() というJavaScriptの関数を使用しています。

function restorePlayer() {
 Event.stopObserving(window, "resize", fitPlayerToWindow, false);
 $("flvplayer").setStyle({ width: "", height: "" });
 $$("html", "body").invoke("setStyle", { margin: "", padding: "", width: "", height: "" });
 $("flvplayer_container").setStyle(containerStyle);
 $("PAGEHEADER", "WATCHHEADER", "WATCHFOOTER", "PAGEFOOTER").invoke("show");
 Element.scrollTo($("flvplayer_container"));
}

.invoke("show") で拡大表示時に隠れていた "PAGEHEADER", "WATCHHEADER", "WATCHFOOTER", "PAGEFOOTER" のIDを持つ要素を再び表示させています。困ったことにこれは、Proxomitron(ユーザーJavaScript)で非表示にした要素も表示させてしまいます。そこで、restorePlayer() に再び該当要素を非表示にする動作を入れるために、作成したのが以下の関数。

// ----------- 関数の定義

/* restorePlayer() にユーザー定義関数を追加 */
function AddrestorePlayer(func){
   var oldrestorePlayer = restorePlayer;

   restorePlayer = function(){
    oldrestorePlayer();
    func();
   }
}

/* 動画下のコンテンツ(対応ブラウザ、動画再生プレイヤー つかいかた、Amazonアソシエイト) を隠す */
function HideWatchFooter(){
   var WatchFooter = document.getElementById('WATCHFOOTER');
   WatchFooter.style.display = 'none';
}

// ----------- 実行処理

window.onload = function(){ // ページ読み込みが終了したとき
   HideWatchFooter();
   AddrestorePlayer(HideWatchFooter); // restorePlayer() に HideWatchFooter() を追加
}

このコードは、既存の関数を変更せずに、追加している仕組みが優れています。 restorePlayer() が書き換わっても追従できるのです。

ちなみに、このアルゴリズムは私が考え出したものではなく、Simon Willison’s Weblog の addLoadEventが元となっています。更にいえば、私が特別英語力に優れているわけでもなく、『DOM Scripting 標準ガイドブック ~やさしく学ぶ、JavaScriptとDOMによるWebデザイン』を参考にしています。

今回のように既存の関数を改変することを、専門用語で関数のオーバーロードと呼ぶようです。よくある例は、「既存の関数と同じ関数を定義することによって、前の関数を帳消しにして、新しい関数に上書きする」手法です。

/* 既存の関数 */
function restorePlayer() {
   ...(中略)...
}

/* 新しい関数 (同名の関数を定義することで古い関数を上書きする) */
function restorePlayer() {
   ...(中略)...
}

このように、同名の関数を再定義することで前の関数を上書きします。この記述の後で、restorePlayer() が呼び出された場合、後者の関数を実行することになります。

コメントが真っ白になる問題を解決したフィルタ (2007/07/19)

2007-07-18T00:51:00.000+09:00

<chat> の内容削除に留めたフィルタ。空白のコメントが残るので、683氏のフィルタの方が良いかもしれません。

[Patterns]
Name = "NicoVideo: Kill chat-item [NG command] [2007/07/16] test1"
Active = TRUE
URL = "$TYPE(oth)msg[0-9]+.nicovideo.jp/api/(^?)"
Limit = 512
Match = "$NEST((<chat\s[^>]++mail=$AV(([a-z]+\s)++$LST(NicoNico-NG_cmd)(\s*|(^?)))[^>]+>(^<))\0,</chat>)"
Replace = "\0</chat>"

Name = "NicoVideo: Kill chat-item [easiness] [2007/07/16] test1"
Active = TRUE
URL = "$TYPE(oth)msg[0-9]+.nicovideo.jp/api/(^?)"
Limit = 512
Match = "$NEST((<chat\s[^>]+>(^<))\0,"
        "([%e3][%80][%80]|\s)+"
        "((([%C0-%DF][%80-%BF]|[%E0-%EF][%80-%BF][%80-%BF]|[%F0-%F7][%80-%BF][%80-%BF][%80-%BF]|[^<>])\0"
        "($TST(\0))+)+{1,2})\1"
        "($TST(\1))+"
        "([!?%77]|[%e3]([%81][%a3]|[%83][%83])|[%ef]([%bc][%81%9f]|[%bd][%97]))+"
        ",</chat>)"
Replace = "\0</chat>"

Name = "NicoVideo: Kill chat-item [NGID] [2007/07/16] test1"
Active = TRUE
URL = "$TYPE(oth)msg[0-9]+.nicovideo.jp/api/(^?)"
Limit = 512
Match = "$NEST((<chat\s[^>]++user_id=$AV($LST(NicoNico-NGID))[^>]+>(^<))\0,</chat>)"
Replace = "\0</chat>"

Name = "NicoVideo: Kill chat-item [NGWord] [2007/07/16] test1"
Active = TRUE
URL = "$TYPE(oth)msg[0-9]+.nicovideo.jp/api/(^?)"
Limit = 512
Match = "$NEST((<chat\s([^>]++user_id=$AV(\9)|)[^>]+>(^<))\0,"
        "*$LST(NGWord-utf8)*"
        ",</chat>)"
Replace = "\0</chat>"

ニコニコ動画にユーザーJavaScriptを追加するProxomitronフィルタ

2007-07-17T01:49:00.000+09:00

機能は以下の通り。

動画上部の広告を隠す (見えなくするだけで、接続はなくなりません)
動画閲覧ページで動画検索フォームに「現在の動画タイトル」をセットする
FLVのダウンロードリンクを挿入

動画タイトルの見出しをクリックすると、「動画名.flv」をクリップボードへコピーして、ダウンロードリンクが右側に表出します。 (もう一度、動画タイトルをクリックすると、ダウンロードリンクを隠します)

「あなたのブログに動画を貼り付けよう」を隠す
動画下のコンテンツ(対応ブラウザ、動画再生プレイヤーつかいかた、Amazonアソシエイト) を隠す
「ページの先頭へ」の画像を隠す
ページフッタの表示形式を変更する (折りたたむ / 隠す)

Opera9,Firefox2,IE7で動作確認。 (Firefox2が主なので、他のブラウザで動かなかったら、報告を下さい)

[Patterns]
Name = "NicoVideo: add nicovideo_plus.js [2007/07/16] test1"
Active = TRUE
URL = "$TYPE(htm)www.nicovideo.jp/"
Limit = 8
Match = "(^(^&lt;/head&gt;))$STOP()"
Replace = "\t&lt;script type='text/javascript' charset='utf-8' src='http://local.ptron/js/nicovideo_plus.js'&gt;&lt;/script&gt;\r\n"

スクリプトがないと何も動作しないので、filter_niconico_test_20070717 からダウンロードして使用してください。

(2007/07/19 7:39追記) リンク先が誤っていたのを修正しました。

ブログ開設

2007-07-17T01:33:00.000+09:00

このブログはちょっとした思いつきや考え事をまとめるためのメモ帳です。管理人はThinking Archive(仮)の中の人。

サイトに書くまでもないちょっとしたことをこちらにメモしていけたらと考えています。逆に言えば、こちらで雑多にメモして、まとまってきたらサイトにコンテンツとしてまとめる、という形がベストですね。