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

電力使用状況&電気予報なブログパーツ(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 という風に。
数値は任意ですが、大きいと実用的でない感じです。

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

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

★2014年1月4日追記
HTML5版をつくりました。こちらをオススメします。
Flash版をご希望の場合は以下のスクリプトをご利用ください。
ただしFlash版は不具合があっても更新対象外とします。

前回の投稿からちょうど1年。
節電の夏がやって来ました。
今年は関西や九州電力管内の需給が厳しいようです。
そこで、
Yahoo!版ブログパーツを東京電力以外にも対応しました。
実はAPIでは既に1年前くらいから対応してたんだけどね(^_^;)
時期的にも良いタイミングなのでやってみた次第です。

Yahoo!のAPIにしたがって、
北海道、東北、東京、中部、関西、九州
の各電力会社に対応しています。
それぞれのピーク電力を650,1600,5700,2900,3200,1800万kWとして、
表示ゲージの長さを調整しています。
お住まいの地域に応じたのを選んで、
以降のスクリプトをコピペなどして貼りつけてください。
※ただし中部電力は7月11日頃より更新再開のようです。

Yahoo!のAPIを使用しているためクレジット表記が必要となっています。
そのため少々長めのスクリプトになっていますがご了承ください。

北海道電力。

東北電力。

東京電力。

中部電力。

関西電力。

九州電力。

なお、
1つのページに異なる電力会社のを複数貼り付けると、
うまく動いてくれないので、
(1つのページからの複数リクエストが混ざってしまうようです)
スクリプトを貼り付けたhtmlを個別に作って、
それをiframeタグを使って埋め込む手法で回避します。
以下のような感じになります。

例えば、こんなhtmlを作って(denryoku/tokyo/menu.html)

それをiframeで埋め込みます。

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

 プログラム, ,
 公開日:2011年7月4日 / 更新日:2012年7月19日

Yahooに電気予報APIがあるのを発見しました。
これを利用したブログパーツをこちらで見つけたので、
自分のブログでも利用させてもらっていましたが、
なぜか表示されたりされなかったり・・・。
このAPIは、
「24時間中1アプリケーションIDにつき50000件のリクエストが上限」
という制限があるそうなので、このせい?

電気予報なブログパーツはこちらにもあるのですが、
横長でサイズも大きめなのでここに貼り付けるのは難しい。

さて、どうしたものか・・・
んじゃ作るか(^_^;)
ということでやってみました。
このページの右に貼りつけてあります。

ちいさめサイズなので、
どんな表示にしようか色々考えましたが、
APIで取得できる情報のうち、
過去1時間の電力使用実績値と、
今後24時間の使用率の推移予報
および最大となる日時の予報
を出してみることにしました。

なお、
時間毎の実績データは多少遅れて配信されたりするっぽい?
また、
期間限定なAPIで終了日は未定だそうです。

こちらを見ると直近の使用状況が出ているのですが、
YahooのAPIではそういう情報を取得できないため、
別なブログパーツを貼ってみました(^_^;)

もうすこしエイジングしたら、
埋め込みのスクリプトを公開するつもりの予定。


※7月6日追記

とりあえず動作に問題なさそうなので、
埋め込みスクリプトを公開します。
Yahoo! JAPANのAPIを使用しているためクレジット表記が必要となっています。
そのため少々長めのスクリプトになっていますがご了承ください。
以下をコピペなどして貼りつけてください。


※7月13日追記

東京電力の「でんき予報」
速報値などの情報を取得できることを発見。
というかナゼ今まで気がつかなかったのか・・・(^_^;)
ということで、
このデータを利用したバージョンのでんき予報ブログパーツを作りました。
なお、翌日の予想値はデータが取得できた時点から表示されるようになっています。
その他、挙動についての詳細はこちらを参照してください。

こちらも埋め込みスクリプトを公開します。
Yahoo版、東電版のお好きな方を、
あるいは両方共(^_^;) 使っていただいてOKです。
以下をコピペなどして貼りつけてください。

それにしても、ローカルではうまく動作するのに
ブログに貼り付けると動作しないという問題に悩まされましたよ。
調べてわかったのは、
Flashからクロスドメインでデータを取得する際は、
アクセス先のドメインにcrossdomain.xmlが設置されていて、
かつアクセスが許可されていないといけない、ということ。
Yahooの場合はこんな感じになっているので、
全てのドメインからのアクセスを許可しているようですね。
残念ながら・・・東電のサイトには設置されていないようです。
結局、こちらの解決策に助けられました。感謝。
自前のプロクシ経由にするとは考えたものですね。


※8月28日追記

YahooのAPIが速報値に対応してたのに気がついたので、
(うむぅ、いつのまに。)
Yahoo版でも速報値を表示するようにしました。
あと、
東京電力以外の電力会社にも対応したようですね。
ちょっと直せばすぐ作れるけど、いいか。


※2012年7月3日追記

Yahoo!版は東京電力以外にも対応しました。