HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。

HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。

今年も凄く暑くなってきて、節電も気になり始めたんで、また電力ネタを。 以前、電力使用率を表示するガジェットを作成したけど、Windows8からデスクトップガジェットが使えなくなってしまった。 なので、Windows8上でも簡単に表示できるよう、HTML上で表示できる電力メーターを作ってみた。 丁度、HTML5のスキルアップもしたかったので、Flashのような絵が描ける<canvas>を使って作ることに。 でも、テキストエディタのみで、メーターのイメージを想像しながら作るのは、ちょっと難しかった。。 かなり試行錯誤を繰り返す羽目に。 それでも、なんとかイメージに近いものが出来上がった …

Read More
[Windows8対応]デスクトップガジェットはWindows8で廃止!

[Windows8対応]デスクトップガジェットはWindows8で廃止!

Windows Vistaのサイドバーガジェット、Windows 7のデスクトップガジェットが、Windows 8から廃止された。 http://windows.microsoft.com/ja-JP/windows/downloads/personalize/gadgets Windows の最新バージョンのわくわくするような可能性に重点を置くため、Windows Web サイトでは、ガジェット ギャラリーのホストを終了しました。 えー、何その理由? しかも、今更、 信頼されていないソースからインストールされたガジェットは、コンピューターに問題を引き起こすことがあります。 と言われても。 で …

Read More
各電力会社の電力使用状況をアナログメーター表示できるよう対応してみた

各電力会社の電力使用状況をアナログメーター表示できるよう対応してみた

「東京電力メーター」を、東京電力以外も表示できるよう作り込んでみた。 ここ最近、東電以外の各電力会社も頑張ってデーターを公開してくれるようになってきたので「東京電力メーター」も、頑張ってソレに対応するよう改良。 前回も表示できる電力会社を3社(関西電力、東北電力、九州電力)増やしたけど、今回も更に5社(北海道電力、北陸電力、中部電力、中国電力、四国電力)増やし、トータル9社の電力使用率を表示できるようになった。 あとは、データーを公開していない沖縄電力のみ。 ますます「東京電力メーター」という名前に違和感が出てきたので、これを機に名前を変えることにした。 でも、ネーミングセンスが無いので迷って …

Read More
東京電力メーターといいつつ、関西電力、東北電力、九州電力の電力使用率に対応してみた

東京電力メーターといいつつ、関西電力、東北電力、九州電力の電力使用率に対応してみた

去年は原発事故を引き金に、計画停電や節電やらと大変な思いをした。 そんななか、少しでも節電意識を高めたいと、「東京電力メーター」を作って公開した。 で、今年の夏は原発再稼働の問題もあり、東電エリアだけの話ではなく、全国的に電力不足に陥りそうな感じ。これはマズい。 そんな訳で「東京電力メーター」もアプリ名に反し、関西電力、東北電力、九州電力の電力使用率も表示できるよう対応してみた。 前にも、東北電力、関西電力に対応したモノを作ったけど、その後、関西電力がcsv公開を一時止めたりしたので、今回は、関西電力を復活したり、九州電力を追加したりと、最新の公開データに合わせて修正した。 [4つの電力会社に …

Read More
くるく-るエコFan

手動小型扇風機「くるく-るエコFan」を買ってみた

今年の夏も節電が大変そう。 そんな訳で、電源や電池が不要な手動扇風機「くるく-るエコFan」を買ってみた。 カラーは6色あるらしいけど、とりあえず3色購入。 くるく~るエコFan まめゴマ価格:¥504 くるく~るエコFan リラックマ価格:¥504 くるく~るエコFan ホワイト価格:¥504 くるく~るエコFan シュガーバニーズ価格:¥504 くるく~るエコFan カーズ価格:¥630 くるく~るエコFan ポケットモンスター ベストウイッシュ価格:¥504 osadasoft 実際に使ってみると、音が大きく気になるけど、思ったより風力がある。 少し回すだけで、同じサイズのUSB扇風機な …

Read More
東京電力の電力使用率が95%超

東京電力の電力使用率が95%超

12/9(金)の東電の電力使用率が95%に達したけど、あまり世の中騒がれていないような。 東電電力使用状況 これからもっと寒くなってくるというのに大丈夫なのか? Yahoo!の電力予報によると、12/16(金)は最大99%となっている。 みんなで節電を心掛けましょう。 関連記事 Yahoo!ウィジェット 東北電力、関西電力の電力使用率を表示するメーターを作ってみた 東京電力の電気使用状況ガジェットを最新csvデータ形式に対応 東京電力メーターといいつつ、関西電力、東北電力、九州電力の電力使用率に対応してみた HTML5で各電力会社の電力使用率をアナログメーターで描画するサンプルを作ってみた。 …

Read More
東北電力、関西電力の電力使用率を表示するメーターを作ってみた

東北電力、関西電力の電力使用率を表示するメーターを作ってみた

以前作成した東京電力メーターを、東北電力、関西電力の電力使用率も表示できるよう改良してみた。 で、日本には他にも電力会社があるのに何故、東京電力、東北電力、関西電力の3つだけしか表示しないのか? それは、各電力会社毎にフォーマットが微妙に異なっていたり、非公開だったりするから。 同じ電力会社でも所詮別会社ということなのか。 そこで、各社の公開情報がどれだけ異なるのか簡単に比較してみた。 関連記事 東京電力メーターといいつつ、関西電力、東北電力、九州電力の電力使用率に対応してみた 各電力会社の電力使用状況をアナログメーター表示できるよう対応してみた HTML5で各電力会社の電力使用率をアナログメ …

Read More
アナログでタコメーター風な東京電力メーターを作ってみた

アナログでタコメーター風な東京電力メーターを作ってみた

東電電力使用状況ガジェットを流用し、今度はアナログ的な電力メーターを作ってみた。 デザインの方は、以前WPFで作ったKMeterを流用した。 [東京電力メーター] 今回、苦労したのはガジェットでの針の動き。 WPFとか、C#では針の座標を計算し線を描画していたけど、ガジェットでは、画像を指定しておけば、 後は、角度を指定してやれば、簡単に針が傾いてくれる。 例: HTML側: JavaScript側: 角度を時計の針で例えると、 12時はRotation=0(360) 3時はRotation =90 6時はRotation=180 9時はRotation=270 と言った感じ。 これは楽だ。 …

Read More
東京電力の電気使用状況ガジェットを最新csvデータ形式に対応

東京電力の電気使用状況ガジェットを最新csvデータ形式に対応

以前、東京電力の電気使用状況を表示するガジェットを作ってみたが、本日7/1から東電が公開しているcsvデータにフォーマット変更があり、案の定、ガジェットの表示が崩れてしまったので、最新フォーマットに合わせガジェットを修正してみた。 [修正前] [修正後] ⇒東電電力使用状況ガジェット 7/1から以下のようなcsvデータ形式に変更となった。 [電力の使用状況データの説明] 電力の使用状況データの内容   説明 2011/6/27 23:55 UPDATE   2011年6月27日 23:55時点のデータ ピーク時供給力(万kW),時間帯,供給力情報更新日,供給力情報更新時刻4 …

Read More
[節電対策] 電池式扇風機を買ってみた

[節電対策] 電池式扇風機を買ってみた

東電の原発事故以来、職場でも節電を強いられ、つい先日まではエアコンが効かず、暑い日は30度を超えるなか仕事をしていた。 うちわを使用したり、タオルを持って行ったりしたが、そんなんじゃこの夏を凌げないので小型扇風機を買ってみた。 と、言っても、フロアのエアコン止めて、全員が扇風機回していると節電の意味が薄くなり本末転倒。 なので、あえて乾電池式の扇風機を買うことにした。 でも、意外と電池式扇風機の種類が少なくいろいろ探し回ったけど、最終的に買った扇風機がこちら。 コンパクトデスク扇風機⇒全力通販で探す   【楽天ランキング1位獲得】ハンディファン USB扇風機 強力 USB 卓上 扇風 …

Read More
東京電力の電気使用状況を表示するガジェットを作ってみた

東京電力の電気使用状況を表示するガジェットを作ってみた

ITmediaに、『東電が電気使用状況データをCSVで公開 「アプリ作ったら知らせて」と経産省』なんて記事が載っていたんで、早速アプリを作って公開してみた。 東電電力使用状況ガジェット 最初はJavaScriptを使って、シンプルなAjaxのページを作ろうと思ったけど、ついでにWindows用ガジェットとして作ってみることにした。 でもガジェットを作るのは初めて。 基本的にはJavascriptが分かれば作れるっぽいけど、背景画像の設定や、設定画面の準備とか少々面倒だった。 あと、Ajaxを使って一定時間ごとに更新表示させたいけど、キャッシュ情報を拾ってしまい、古いデータを表示し続けてしまった …

Read More