i-mobile
次へ下へ

Everyday Pieces ::

ありふれたカケラ::人生というジグソーパズルのピースたち

‘電気予報’ タグのついている投稿

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

プログラム / HTML5, ブログパーツ, 電気予報
公開日: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のクレジット表記が必要となっています。ご了承ください。
なお、
情報が更新されるタイミン


i-mobile
上へ次へ