気象庁XML利活用セミナー
生物季節XMLをいじってみた

2013/07/11
クラウド・テクノロジー研究部会
菅井康之（株式会社イーグル）背景• 過去データも含めて気象防災XMLにアクセス可能なWEB APIが構築される– 技術的好奇心が触発される• ここまでお膳立てされたら手を動かさない
訳にはいかない！

APIを利用するアプリケーションを作ってみよう！
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

最初にお断り・・・

温かい目で見て下さい。。。
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

さて、何を作ろうか？
火山観測報

地方潮位情報記録的短時間大雨情報

天気概況
地方気象情報津波警報・注意報・予報

竜巻注意情報土砂災害警戒情報

紫外線観測

火山地方海上警報
全般台風情報地方海上警報地方高温注意情報

スモッグ気象情報

府県気象情報台風解析・予報情報

全般海上警報

特殊気象報震度速報
生物季節観測津波情報

府県週間天気予報

地方週間天気予報

地震情報

緊急地震速報指定河川洪水予報

気象警報・注意報
府県天気予報噴火警報・予報

全般気象情報全般潮位情報府県海氷予報

異常天候早期警戒情報

全般週間天気予報• http://xml.kishou.go.jp/jmaxml_20120615_manual_list.pdf

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

さて、何を作ろうか？
• どんなものを作ろうか？
– 平常時に使える• 緊急性や即時性の高いものでは無く、日常的に利用出来るもの– せっかく作るなら既存サービスと違うものを作りたい• 天気予報とかは頑張っても既に多数のサービスが存在する。。

取り敢えず溜め込んでいるデータを眺めてみよう
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

さて、何を作ろうか？
• データを眺めてみると・・・– 紫外線情報が定期的に流れてるな・・・– 火山の情報なんてのもあるのか・・・– 天気概況にはテキストもついてるんだ・・・
何か使えそうだなー・・・：ん！？何だこれは？
：：– 梅が開花したのか・・・・・・・

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

生物季節観測とは・・・
生物季節観測（せいぶつきせつかんそく）は、気象庁がおこなう、生物の動向で季節の移り変わりを調べる観測である。
生物季節観測は、1953年に始まった。日本全国に分布し一律に観測しうる「規定種目」と、地域特性などから各地の気象台が独自に選んだ「選択種目」を観測している。サクラの開花やカエデの紅葉など生活に身近な生物に着目するので人びとの季節感に訴える手軽な指標である。同じ生物現象を毎年定点観測することによって、観測地点の季節の進み具合を過去と比較したり、季節の進み具合を他の地点と比較したりすることができる。いくつかの観測データは春の早まりと秋および冬の遅れを長期的傾向として示しており地球温暖化の可能性を示す具体的事例である。また手軽にできる気象観測なので環境教育の一環として学校などで同様の観測を行っているところもある。
Wikipedia（生物季節観測）より

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

生物季節観測とは・・・

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

生物季節観測とは・・・
観測品種がたくさんある！

植物動物

••
•
•
•
•
•
•

•
•
•
•
•
•
•
•

うめ、つばきたんぽぽ、さくらつつじ、のだふじ
やまはぎ、あじさい
さるすべり、すすき
いちょう、かえで：etc

個別コード表から抽出( http://xml.kishou.go.jp/tec_material.html )ひばり、うぐいす
つばめ、もんしろちょう
きあげは、とのさまがえる
しおからとんぼ、ほたる
あぶらぜみ、ひぐらしもず、えんまこおろぎ：etc

桜前線や紅葉などは良く見かけるが・・・・

季節は「春」「秋」だけではない
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

作そトの四れんが移季
たな出ろ彩
らア来いる
何プるのこだリ・機のかケ・微日
素ー・を本
敵シ 感で・ョ じ、・ン る季
・が コ節
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

作ってみたCopyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

技術的なお話・・・• 今回のテーマはXMLで配信されているデー
タを視覚的に表現すること– データは人が理解出来てこそ効果を発揮する• データ・ビジュアライゼーション– クラウド環境で蓄積した大量データや解析した結果を人が直感的に分かるよう表現– データの可視化• データの偏り、分布、関連

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

技術的なお話・・・• 気象情報を視覚的に表現するには、地図情報の表示が不可欠– GoogleMapにオーバレイする方法もあるが、ちょっと味気ない• 地図上に何かオーバレイして表示するためには、緯度経度の座標を保持する必要がある– 画像では緯度経度が表現出来ない（出来なくも無いが面倒くさい）– サーバサイドで画像を生成すると負荷が大きい
重要

クライアントサイドで描画出来て、かつ座標軸を保持した上で可視化
Flashは無しよ
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.技術的なお話（UIサイド）• HTML5/JS/CSS3(Canvas/SVG)のWeb標準技術で構成(Non-Flash)• クライアントサイドで地図情報を描画するために今回はD3.jsを使用– データをビジュア
ルに表現するための汎用ライブラリ– ビッグデータを解析した結果をビジ
ュアルに表現する– GeoJson、TopoJsonなどの情報を読み込むことで、SVGで地図を描画可能• SVGのため、IE8やAndroid2.X系の対応してない環境では描画不可(これから利活用が進むであろう)

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

技術的なお話(地図の作り方)• 地図の元ネタは、Shapeファイルを使用– 国土数値情報ダウンロードサービスからダウンロード可能。今回は行政区域のデータを使用• http://nlftp.mlit.go.jp/ksj/• Quantum GIS(http://www.qgis.org/)でGeoJsonに変換– そのままだとサイズが大きいので、別途サイズが小さくなるようポリゴン数を削る• GeoJsonをD3.jsに食わせてSVG
として描画– 画面サイズに合わせて拡大、縮小する• SVGなので粗くなったりはしない– 描画した地図上にデータをオーバレイ表示
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

技術的なお話（サーバサイド）• サーバサイドは・・・– Java+Tomcat– DB無し– クロスドメインを乗り越える為に使用（Proxy的な）– 都度APIアクセスだと負荷をかけてしまうのでデータキャッシュとしても使用

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

今後に寄せる期待• これから２年、３年とデータが溜まっていくとより構想が広がっていく– 過去の情報を集めようと思うと、クロールして掻き集めるのが現状– 未だ見ぬ季節の特性によって現れるデータも• 例えば生物季節だと・・・– 去年の今頃の状態と重ねあわせることで、よりビジュアルな表現が可能となる• 前年より１５日早い。というテキストよりも、視覚的に表現した方が捉えやすい• 過去の情報を人は見たがる– 台風の軌道、地震の発生・・・etc– 過去から未来を推測する(学ぶ)
Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

最後に・・・• 今回使用したデータは生物季節XMLのみ• まだまだ情報はたくさんあります！
– 一つ一つの情報が生物季節よりはるかに情報量が多い！
– 一つの情報だけでなく、複数の情報を組み合わせることで浮かび上がることもあるのでは

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

終わり

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

付録「デモの様子」①

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

付録「デモの様子」②

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.

付録「デモの様子」③

Copyright © 2013 Advanced IT Consortium to Evaluate, Apply and Drive All Rights Reserved.