メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな

NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します

[Molokheiya]

id:kagakaoru 所要時間はあんまり覚えてないんですが、22日の昼過ぎからはじめて翌日の午前中には公開出来ました

[kuroazuki]

WEBコンテンツを作るということが、こういう沢山の技術の集合であることをよく表してる良記事。

[TERRAZI]

Twitterでネタのアイデアをつぶやくと、数日で実現してしまう。こともあるｗ

[oonishin]

サイト自体を作成したことだけでなく、このメイキングを公開している事自体が素晴らしい。尊敬。

[airj12]

グラフ画像解析してたのか

[natsu_san]

画像解析してたとは！『「メーターの針がぐいーんって上がっていくのがカッコイイんだろ！！」という中二病精神』ｗｗ

[batoevava]

拍手です！

[xxxxxeeeee]

サイトのメイキング

[B-SAKATU]

もろへいや△

[kluklu]

かこいい！！！

[mobileac01]

メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな

[Untouchable]

こうやって作るんだなあ

[guldeen]

節電でもダイエットでも、こういうのは『楽しんで続ける』事が何より大事。

[wasai]

こんな風にして作っていたのか

[gogoco]

あとでまた見る。

[BURN]

rss

[mtoyoshi]

ロジックはまぁいいとして、画面がこのクオリティで作れるようになったら楽しいだろうな。

[o_hiroyuki]

プラグラムからデザインまでこれは参考になる

[tacshiss]

csvとかじゃなくて、画像解析していたのかw　円＋破線で放射状表現というのも面白い。

[mrgoofy33]

デザインも含め説明してくれているのが良いです。 メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな (id:Molokheiya / @Molokheiya)

[kutakutatriangle]

すごくまとまっていていい。参考にしよう。

[antirosh]

なるほどーこうやって作ってたのか

[adsty]

グラフ画像から数値データを取得する解析処理が面白い。

[drakontia]

もうなにがなにやらさっぱりです。

[asuka0801]

最初はてっきり輪番停電と同じ人が作ってるのかと思ったｗ こういった凝ったページのソース見るのが好きだｗ

[torazuka]

デザインも技術もメイキングもカッコいぃぃぃ。

[gnt]

すげーな。グラフ画像のピクセル測ったのか

[mashori]

あー、自分も見てたけどてらじさんのあのpostがトリガーになってたのか。さすがに声は出てないけども。

[mayawel99]

すてき。

[naqtn]

"ヤシマ作戦を流れるように一回見て（気分転換とも言う）エヴァを堪能したあと" とか書きつつ、具体的なTipsも書きつつ、よい

[kimayuri]

これはおもしろいわぁー　これくらいぺって作れるようになったらおもしろいんだろうなぁ。jQueryはわたしも勉強ちう

[shaketoba]

ソースは気づかなかった

[Lhankor_Mhy]

グラフ画像を解析してたとは。

[waribashi]

かっけー

[aopuu]

まさか製作過程がみれるとは…ぶくま：メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな