[話者] NGワード機能というのが、2chビューアやニコニコ動画についているよね。
見たくない言葉を消してくれるんだ。
これをWebページでも使えるようにならないかな‥と思って作ったのが
WebAborn(ウェブあぼ〜ん) http://ai11.net/software/webaborn/
[合いの手] これがあれば、ニコニコ動画のNGワード機能はいらないの?
[話者] いや、ニコニコ動画には効かないんだ。
ニコニコ動画やYouTubeは Flash を使っているけど、Flashの中には手出しできない。あと画像(JPGとか)の中の文字も消せない。
でも、それ以外のページなら だいたい消せるよ。
WebAbornは2007年から公開しているんだけど、2010年の年末〜2011年年始にアップデートして、JavaScriptで読み込んだ文字も消せるようになったんだ。
[合いの手] JavaScriptでって?
[話者] たとえば、Twitter http://twitter.com/ では
画面を下に下にスクロールさせていくと、JavaScriptが自動でデータを読み込んで、ページの下に追加するんだ。だから、どこまでも下に降りていける。
[合いの手] ほう。
[話者] ほかにも、Google製品(GmailやGoogleドキュメント、Googleマップなど)も、JavaScriptで後からデータを読み込むのが多いね。
そういうWebサイトで、これまでのWebAbornは使えなかったからさ。JavaScriptとXpathを勉強しなおして、対応した。
その勉強で、以下の記事を書いたよ。
- [JavaScript]「ウェブページから NG ワードを消すGM」を解読(1)
http://d.hatena.ne.jp/itouhiro/20101030 - [JavaScript]「ウェブページから NG ワードを消すGM」を解読(2)
http://d.hatena.ne.jp/itouhiro/20101216 - [Web] Xpath 入門
http://d.hatena.ne.jp/itouhiro/20101223 - [JavaScript][Web] Xpathの学習(2) GM「linkify」を解読
http://d.hatena.ne.jp/itouhiro/20101228
[合いの手] ん。「ウェブページから NG ワードを消すGM」って、今回の目的そのままでは? これを使わせてもらえばよかったんじゃ‥。
[話者] 使い方が私の目的と少し違うこともあって、まずはこれまでのWebAbornを磨き上げる方向で開発したんだ。
それが現在公開している version 7。
- WebAborn(ウェブあぼ〜ん)
http://ai11.net/software/webaborn/
で、動作は把握できたので http://d.hatena.ne.jp/amachang/20100123/1264261110 のほうも取り入れさせてもらった。
以下のページは、 amachang氏の作った NG Filter! と、かなりの部分 同じ動作になっているよ。user.jsファイルをテキストエディタで見てもらえばわかる。
- WebAborn(ウェブあぼ〜ん) version 8
http://ai11.net/software/webaborn/ver8.html
[合いの手] どこが違うんだろう。
[話者] 使用した結果に違いはない。
違いは内部処理と、動作速度だけだよ。
内部処理の違い:
バージョン | ノード抽出 | 文字列探索 |
---|---|---|
Version 7 | Xpath | JavaScript |
Version 8 | Xpath | Xpath |
動作を比較してみたところ、Version 7 のほうが体感で少し早かったんだ。そこで Version 7 を正式版とした。
[合いの手] ふうん。でも amachang氏の記事には助けられたね今回。
[話者] そうだね。感謝だよ。
JavaScript & Ajax プロが教える“本当の使い方”
- 作者: MdN編集部
- 出版社/メーカー: MdN
- 発売日: 2009-07-31
- メディア: 単行本
おすすめ度の平均:
JavaScriptの上級者に最適