電力使用状況&電気予報なブログパーツ(3)

 プログラム, ,
 公開日:2014年1月4日 / 更新日:2014年11月1日

★2014年11月6日追記
電力使用状況の表示に限定したバージョンを作りました。
こちらからどうぞ。

★2014年11月1日追記
YAHOOの「電気予報API」のサービスは
2014年10月31日をもって終了となりました。

以前作成したFlash版に加えて、
あらためてHTML5版を作ってみました。
Flashのこのバージョンあたりから
なぜかレイアウトが微妙に崩れてしまい、
前々からそれとなく気にはしていたのですが、
なんか長いこと放って置いたままになってしまいました。
節電の旬である夏を迎える前に対処しておきたかった所ですが、
なんとなく今頃になってHTML5でやってみた次第です。
ということでFlash版はもうあのままで放っておきます(^_^;)

CSSによる垂直方向のセンタリングが
思いのほか面倒くさかったり、
レイアウトの微妙な調整でなんか手間取って、
時間が掛かってしまいましたが、
ActionScript3で作ったのと比べると、
JavaScriptのソースはかなり短くなった感じです。
視覚表現がCSSでまとめてやれるのが大きいですね。

見た目も機能もFlash版とほぼ同じですが、
いくつか異なる部分があるので一応書いておきます。

  • Flash版では今後24時間の最低と最高の予報使用率を表示していましたが、その後に供給力が更新されたりすることがあるのでやや先走った感がありました。HTML5版では12時間としました。ただし変更可能です。後述します。
  • Flash版でのゲージ表示は、各電力会社ごとに想定した年間ピーク時がMAX長となるように調整していましたが、作者以外には分かりにくいので(^_^;)、その時刻での使用率100%がMAX長となるように統一しました。
  • 外部サイトへの2つのリンクが結局同じページに行き着くので、一つに減らしました(確か以前は異なるページだったはずだけど・・・)

Yahooの電力使用状況API電気予報APIを使用していますので、
Yahooのクレジット表記が必要となっています。ご了承ください。
なお、
情報が更新されるタイミングとかについてはAPIのページを参照してください。

ブログパーツの埋め込みスクリプトは以下の通りです。
無料でご利用いただけます。

北海道電力。

東北電力。

東京電力。

中部電力。

関西電力。

九州電力。

例として、東京電力の24時間予報。
以下のように &hours=24 と付記してください。
他の電力会社でも同様です。?area=AAA&houres=HH という風に。
数値は任意ですが、大きいと実用的でない感じです。

タグ: , ,

コメント投稿