電力の使用状況を表示するブログパーツを作りました

このエントリーをはてなブックマークに追加
| コメント(0) | トラックバック(0)

東京電力が発表している電力供給状況について@ssciさんがAPIを作ってくださっていました。

そこでAPIを使用してブログパーツを作ってみました。Webkitを使用しているブラウザおよびFirefoxで表示できます。(本ブログPC用サイトの左側に表示しています)

利用方法は以下のコードをコピー&ペーストしてください。

<div id="tepco-widget">
<link rel="stylesheet" type="text/css" href="http://code.makeitsmartjp.com/tepcowidget/tepcowidget.css"/>
<div id="tepcowidget-header">
<h1>PowerForecast</h1>
<p class="label"></p>
</div>
<div id="tepcowidget-content">
<h2 id="powerstatus-percent"></h2>
<div id="blackoutstatus">
<p class="label">計画停電</p>
<h3 id="blackout-status" class=""></h3>
</div>
</div>
<div id="tepcowidget-footer">
<p>
<a href="http://tepco-usage-api.appspot.com/">tepco-usage-api</a></p>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://makeitsmartjp.com/blogparts/tepcowidget/tepcowidget.js"></script>
</div>
​

MovableTypeをご使用の方は[デザイン] - [ウィジェットテンプレートの作成]で作ったテンプレートに貼付けて適当な名前で保存してください。

その後、[ウィジェットセット]で作ったウィジェットを登録すれば使用する事ができますよ。

不具合等がありましたら@hid_tgcまで@お願いします。