nifuba - tag: Javascript (4/4)

YouTube - squallcx-haruhi_op。

YouTube - Stephane Lambiel - 2003 Art on Ice。

YouTube - Yurika Ochiai "ToHeart2" Interview。

YouTube - oriental radio ~BUYUDEN~。

YouTube - Host syndrome。

YouTube - Ogawa Makoto Interview Subtitled。

YouTube - def tech::my way。

YouTube - Die Meistersinger Prelude - Act III Finale Karl Böhm 1935.。

YouTube - Super Robot Taisen Original Gnerations OG tokuho。

YouTube - Broadcast Yourself.。

YouTube - Comet。

Bookmarklet、なぜかSafariで読めないな…。なんでだろ。PRE内にコード書いて対処。今IE無いのでこれで動くかどうかあやしいな。動かなかったらおしえてください。

原因のわかりやすい解説ありがとう！ っつーかSafariのJavaScript実装のクレイジーさは銀河一だな。

YouTubeの動画のダウンロード用URLを表示するBookmarkletのトークン対応版。また仕様がかわりました！ 前つくったやつは今度のアップデートで使えなくなっちゃったのでキャッシュ使うか…とかあきらめてたところにダウンローダが使える！ とかいう情報を聞きつけ見てみたところ、どうやらページ読んで短時間だけ有効なトークンを取って来てる様子だったので書いてみたら大丈夫だった。まーしかしトークンの有効期限がかなりシビアっぽいので、「download」のリンクを表示させたらすぐに保存するのがよかろうもん。なんかSafariだとバックスラッシュがスラッシュになっちゃうムキー。PREで囲んで書いてみるか。

javascript:void((function(){var%20b=document.body.innerHTML;if(b.match(/FlashObject\(\"\/player\.swf\?([^\"]+)\"/)){document.body.innerHTML='<h1><a%20href="http://youtube.com/get_video.php?'+RegExp.$1+'">download</a></h1>'+b;}}))();

ただopenfbに組み込んであるダウンロードリンク生成はトークン使われると無効になっちゃうな。あとで外しておこう。

頑張ったが、とら新着AutoPagerはできなかった。CGI無しでは。苦難の跡をとりあえずメモっておこう。

• DOCTYPEの前に改行がたくさんあるおもしろHTML。狂っている。
• DOMParserはtext/xmlしか受け取ってくれない。そりゃそうだ。
• createContextualFragmentはcatchできないエラーで落ちる。
• responseTextを正規表現でパースする最終手段はmオプションが\rのせいでまともに動かないところでまずつまづく。
• 遂に商品情報のtdが取得できた！ が文字コードがShift_JISだったのでどうしようもなかった。これってHTTPヘッダで文字コード指定してくれてたらうまくいったのかな…。
• ecl.jsを思い出したものの、ここからHackとかありえない時間帯なのであきらめた。結論：CGIプロキシ挟もう。

リンクと画像と女性向け情報はあるので他の文字情報を端折れば見られるものはできるんだけど、サークル名が出ないことには話にならないので放置。createContextualFragmentを使う方向であと5時間ぐらい粘れば動きそうな気もするんだけど、もう嫌なのであきらめる。二度と糞HTMLサイトのUser Scriptなんか書かねえよ！

とらのあなの通販ページの表紙画像サムネイルを大きくするGreasemonkey User Scriptを書いた。リニューアルで小窓開くタイプじゃなくなったのはいいんだけど、やたらと表紙が小さくなったせいでそもそも欲しい本を見つけることすら困難になってたからな！ これでスッキリ快適同人チョイスが可能に！ とはいえ虎の通販ページを巡回してるGreasemonkeyユーザってどれだけいるんだろう。それにしても、これを使った後の虎通販ページはとてもしっくりくる。まるで当初はこのサイズの表紙を表示する予定だったかのようだ。

あとはAutoPagerを実装したいところだけどめんどくさいのでまたこんど。あと、img.toranoana.jpサーバはかなりbotに厳しい感じの設定なので、setIntervalでデフォで0.5秒ごとにチビチビと1枚ずつ落とすように作ってるのも注意。同時接続2のsetInterval無しで弾かれないのはとりあえず確認済みだけど、まあ怖いのでこういう設定。User Script Commandsで変更は出来る。しかしAutoPagerにするならきちんとキューを使わないと弾かれてションボリということになると思うし、もうちょっと考えてみるよ。

ここに置いてても誰も使いそうにないので同人板のとらスレに宣伝しに行ったらやおい排除機能に需要がありそうだったので追加してみた。User Script Commandsのblock yaoi設定で変更できる。デフォはOFF。

Engadget JapaneseがMMでメモしにくくてダルかったので要望してみるとなんかいろいろと難しそうだったので、ふつうにメモできるBookmarkletを作ってみた。Firefoxのみで動作確認。別窓タイプもあるよ。これで快適だがEngadget Japaneseをメモするのは負けだと思ってるので使わないようにしたい。

encodeURIだと記号がエスケープされないのか！ 知らなかった。そのせいで結構な数のURLがメモできなくなってたんだけど、encodeURIComponentを使うと大丈夫そうなのでこっちを使ってください。このエントリのものも更新してあります。

起きてから考えてみると、死ぬほどリファクタリングできそうなところが見つかるな。あとで一気に片付けよう。

タグとキーワード抽出君エンジンを使った類似商品提示アサマシステムを作って、ここの単記事ページに試験的に組み込んでみた。今までやりたいなーと思ってたのだけどSafariが落ちるなら使えないなあ、と思ってたのが例のアレで解決したから一気に作ってみたよ。例のごとくFirefoxのみテスト済み。つーかすごく眠いのでFirefoxのテストもあやしい。もしかしたらまたブラクラになってるかもしれません。このページを開いてからしばらく経つと、右側サイドバーに表示されてるはず。

機能としては、Blog本文に類似したAmazonの商品を表示するってやつだ。Drk7.jpのAmazon Searchとコスメティックな部分ではおそらく同等（ECSではレビュー本文がインデックスされてないっぽいので再現率でちょっと劣るか）だけど、ブラウザがDF値用のJSON APIと話すだけの通信量で実現できているので老いたs7.xrea.comサーバにも非常にやさしい。流れはこう。

1. キーワード抽出君で本文（id="article_body"）からトークン文字列を抽出。ついでにタグもトークンとして（かなり大きめの重みを与えてから）取得。
2. TF-IDF値の大きいトークン1つを検索キーワードとして、Amazon ECSで検索。
3. Amazon ECSの検索結果はXSLTとCSSで整形され、iframe内に表示。

例のごとくめんどくさいので、ツールとして提供する気はありません。ソース読んでください…とも正直言いがたい完成度だし、そんなに難しいものでもないので本気の人はこの流れから解釈して適当にフルスクラッチしてください。

あとはSearchIndexとしてBlendedしか選べないのがちょっと問題か。ここんとこは検索CGIで使ってる手製クラスタ表を使うべきだろうか。あとXSLTは使い回しなので、Blogのサイドバーとしては分量が多すぎるのもアレ。検索結果が無いとまぬけだし、書き直しておきたいというところでおやすみなさい(´ー｀)zzz

キーワード抽出君が5秒ごと更新なのは重すぎるので20秒ごとにした。これでまずまず快適。

投稿フォームにタグ候補自動生成機能を付けてみた。中身はほとんどキーワード抽出君の流用だけど、それなりに動作してるっぽいね。5秒ごとに更新があれば通信するようにしといたのだけど、Safariで日本語の入った正規表現を使うとすごくスマートに死んでくれる（Safari専用のブラクラを作れと言われたらすぐにできるよ！）ので、とりあえずuserAgentを見て弾いておいた。ここんところが修正されないと、Javascriptによる日本語処理の未来は暗いと思う。もしかして文字コードを直書きすればいいのかしら。

あとこういう本文からタグを抽出するアプローチって正直あんまりつかえない気がする。本文から類似記事を抽出して、そのクラスタから代表的な語、もしくはよく使われてるタグを出すのがよさげ。ただ、openfbの検索システムはgrepベースなので無理なのではあった。Estraierあたり勝手にブチ込めるサーバがほしいなー。

なんかブックマークされてるので心配になって改めてSafariでキーワード抽出君の動作確認をしてみると、とりあえず落ちなくなってた。もうSafari向けのブラクラは作れない！ Impact: Processing a regular expressions may result in arbitrary code executionってことで一昨日のセキュリティアップデートで直ったみたいね。期せずしてものすごくタイムリー。でも日本語は通んないみたいなので、あいかわらず未来は暗いまま。