fladdict

ただいまHATENA-TUBEが落ちてます。

原因は、はてなのYouTube - Suspected plagiarism - 芸術選奨盗作疑惑というブックマークのdescription内に、２箇所非UTF8の不正な文字列が埋め込まれている為death。パースできない。

E3 80 81 EF BF BD 20 EF BF BD

僕のショボイPHP技術力では、この問題をちょちょいと回避するは不可能なので、男気溢れるはてな様がなんかしてくれないかぎり今週は再起不能っす。そんな感じ。

website as graphs

昔processingで作ろうとして挫折したものを完成してる人がいて感動。HTMLのタグ構造をグラフとして可視化するprocesingのapplet。 色はそのままノードの種類に対応しています。

うちのサイトは現在MTのディフォルトテンプレートだけど、各ブロックの接点が緑(div)ノードでちゃんとブロック化されてるのがわかります。オレンジと青が混ざってるブロックはエントリー、ブルーとグレーで構成されているあたりがサイドメニューかな。

物理ライブラリとかHTMLパーサとかいつのまにかprocessingも随分と進化しててビックリ。僕の手持ちのAS3の物理ライブラリが、実はここで使われてるTraer Physicsライブラリをかなりパクッて参考に作られてることは、秘密です。

愛読していたオタ女ブログが、アフィ炎上した件とか雑感。
３行で説明すると。

・2chコピペ系ブログのオタ女が、ブログ上でアフィ最高みたいな失言。
・Whoisから、個人情報バレル。自宅突撃、ブログ炎上。
・組織的にネタを自作して、2chコピペで荒稼ぎしてる(らしい)グループが浮上、祭り加熱。

詳しい内容は、こちらへ。

ちょっとまだ自分の中で答えがまとまっていないのだけど、今回の事件はWEB2.0が持つ構造的な欠陥を、間接的ながらも示唆していると考える。

それはWEB2.0特にデータの収集による利益構造には、不特定多数への利益還元の仕組みが存在しないということだ。多分、この欠陥というのは、WEB2.0がメジャー化して非インターネット原理主義者の人口層が増えるにつれて、致命的な問題点になっていく。おそらくは今後数年で本格的に浮上をしてくるわけだけど、打開策があまり思いつかない。

なんか週末までに、考えをまとめたい感じのメモ。

HATENA-TUBE:RSS

そんなわけで週末ガンガってHATENA-TUBEを改良して、RSSが配信できるようになりました。
なんかコンテントタイプ？ヘッダー？.htteaccess?そんなのが悪いのか、XML形式で表示されませんがフィードはちゃんとできます。　サーバーサイドわかんねぇよ馬鹿ｗｗｗｗ

ついでにRSSフィードに伴って、ビデオ毎にパーマリンクが張れるようになりました。こんな感じ。

HATENA-TUBE: Google Song

#v=ビデオid

サーバー負荷軽減の為に、videoIDとタイトルを直にGETで送りつけているので、HATENA-TUBEで存在しないビデオを表示したりもできます。

反面タイトルを勝手に変えて表示することもできますが、まぁあまり気にしないでくださいｗｗｗｗｗ 一応変なタグとか”javascrip:”とかいう文字列は跳ねます。

時間と気力があったら
・JSONでvideoIDとTitleのペアを配列にしてPOST送信すると、HatenaTubeのUIを使って自由にビデオ一覧が表示できる。（自分のビデオ一覧取得ブックマークレットとか作る）
・YOUTUBE、Deliciousの面白ビデオも表示する
・シフトクリックやウィンドウを開くで、新規ウィンドウで開ける。
・ビデオ表示モードにNext / Prev video ナビゲーションをつける
・ビデオのタイトルが長すぎるとIEでの表示が崩れるのの修正。
・YOUTUBEと同様の検索機能(負荷が問題なのでクライアントのみでできれば)

あたりを実装したいです。

本当は本日中に、YOUTUBEのベストも表示できるようにするつもりだったのですが、なんかsimple xmlでyoutubeのrssがうまく読めなかったので挫折。
まぁ、土日の作業はこんな感じ。今週いっぱい修正がんばると思いますが、正直飽きたのでたぶん来週からAmazonでなんかやります。

２日ほど会社で泊り込んで、フラフラで帰宅して、何気なくグーグル先生で”hatena-tube”って検索したら、31,600件のリザルトが出て、味噌汁吹いた。
まだ公開して５日しかたってないわけですが・・・

はてなポイントが切れて、はてなカウンター止まりっぱなしだから気付かなかった・・・　広告つけてトラフィックとっておけばよかったorz.

巡回してみたところ、やっぱり画面外でウィンドウを閉じるのはあまり直感的ではないみたいだね。クローズボタンつけますです。

なんかMOCHIKITというjsのフレームワークが凄いらしい。
デモはこちら。

ちょっと気になった機能

• jsのインタプリタ
• キーイベント管理
• ドラッグ
• カラーマネージメント
• テーブルソート
• ラウンドコーナー
• ロギングフレームワーク

お硬そうなprototype.jsや、便利関数の集合体っぽいjqueryと比べると、
HSLで色が使えたりと、かなり表現系に強そうな雰囲気。
ちょっとflashっぽい挙動とかを期待できそうな感じ。

とりあえずメモ。

via:我的春秋 MochiKit: 軽量 JavaScript ライブラリ

今週末にHATENA-TUBEに追加して欲しい機能募集してます。
多分、今週末を過ぎたら確実に飽きるのでファイナルアップデートかもしれんす。

だいたい現在のところの要望リストは以下のような感じ。
カッコ内は優先順位と難易度です。

• del.icio.usのベストもフィードしれ (高：難)
• 新着とか未読既読を表示しれ（高：普）
• RSSを配信しれ (高：易)
• HATENA-TUBE内でもビデオ毎にパーマリンクをつけれ (高：普)
• お気に入り数とかコメントも表示しれ (低、難)
• 過去の履歴も表示しれ (微妙、普)
• シフトクリックや新しいウィンドウで開くに対応しれ (普：難)
• 特定のユーザーのはてブから表示しれ(普：激難)
• 転送量対策に広告スペースを作る（普、易）
• １行１列で詳細表示モード（低：易）

ちょっとウィズダム・オブ・クラウズの実験したい（というか「ハテブ・ベータテスト」というのは面白いんじゃないかと思った）ので、ご意見ある人はハテブに登録してコメントしてくださいませ。よろしくお願いしますです。

HATENA-TUBEについて、はてブでの意見コメント罵詈雑言へのレスです。

IEで落ちる件
タイトルにクォートかダブルクォートが入ってるとエラってました・・・ ゴメンナサイ。
とりあえずデータファイルを手動で修正したので、今はIEでも動いてると思います。
なんかPHPは、文字のエスケープに関数がいっぱい合って困る。
というか「＆なんちゃら」と「％なんちゃら」と「￥なんちゃら」って、どういうときに使い分けるのですか？

(more…)

なんか予想より好意的に受け入れられてほっとした、HATENA-TUBEのテクニカルなお話。

みなさんHATENA-TUBEをajaxだと思ってますが、実は非同期通信なってまったくやってなかったりします。

(more…)

色々の勉強に、YOUTUBEとHATENA BOOKMARKを悪魔合成して、HATENA-TUBEを作ってみた。

ウリとしては、ビデオの閲覧、ブクマ(はてな、delicious)、flvのダウンロードまでページ遷移なしにシームレスに行えます。

ここさえ見れば、はてな界隈の面白映像は完全コンプリート（のはず）。

本当はランキングを計算したり、RSS配信や形態素解析でマッチング広告とか色々したいのだけど、サーバー言語暦一週間もないので、どうすればXMLRPCで被ブクマ呼べるのかとか、ダブルクォーテーションのエスケープとかよくわかんねｗｗwww。flashと勝手が違いすぎる。

使用技術はPHP, SMARTY, JQUERY, THICKBOXあたり。改善要望とかあったらコメント欄かトラバにいただければ、超暇なときか気が向いたときにアップデートします。