Entries

ページのHTML構造を可視化するWebsites as graphis

website as graphs

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

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

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

2ch系ブログ炎上とWEB2.0の欠陥メモ

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

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

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

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

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

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

HATENA-TUBEでRSS配信がスタートしました

HATENA-TUBE:RSS

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

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

HATENA-TUBE: Google Song

#v=ビデオid

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

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

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

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

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

HATENA-TUBR裏話1

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

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


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

MOCHIKITというjsのフレームワークが凄いらしい。

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

ちょっと気になった機能

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

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

とりあえずメモ。

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

HATENA-TUBE追加機能の要望募集

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

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

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

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

HATENA-TUBEのフィードバックへの返答

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

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

続きを読む

HATENA-TUBEの技術的な話

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

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

続きを読む

はてなTUBEとか作ってみた

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

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

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

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

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

スターウォーズっぽい立体画像

YOUTUBE: Touchscreen Computer Display Floats in Mid-Air

ずぅぅぅっと探していた、ヘリオ・ディスプレイの動画がYouTubeにあることを発見。
空中に立体映像を投射する技術です。日立のアレとはことなり直球の正攻法。

マサチューセッツ工科大学(MIT)の29歳の大学院生が考案したこの技術は、プロジェクター上方の空気を調節することで、どんな種類のビデオ映像でも映し出せるカラースクリーンに変える。画像は前からも後ろからも見ることができる。また映し出された画像は、従来のコンピューター画面と同じように操作可能で、その際マウスや特別な手袋を使わずに、手や指を使って画像やカーソルが動かせる。

空気を調整ってなんだよ!という疑問はありますが、もはや時代はスターウォーズですね。