概要
NIED(防災科学技術研究所)が提供している強震モニタは、GIF形式で配信されているので、
各観測地点のリアルタイム震度を取得するのが難しかった。
(最近は、利用規約が更新されて、使用できなくなったのもある。)
Yahooが提供しているリアルタイム震度は、JSONで配信し、それをクライアント側で描画している方式なので、NIEDよりもデータが手に入れやすい。
だから、Yahooリアルタイム震度を使い、各観測地点のリアルタイム震度を取得する。
取得方法
配信されるJSON
Yahooリアルタイム震度では、
https://weather-kyoshin.west.edge.storage-yahoo.jp/RealTimeData/{年}{月}{日}/{年}{月}{日}{時}{分}{秒}.json
という形式のJSONファイルで、震度を配信している。
配信されるJSONファイルは、以下のような形式になっている。
{
"realTimeData":
{
"dataTime":"2021-02-13T23:08:33+09:00",
"siteConfigId":"20191010150000",
"intensity":"qcoqpcpoqrcsprcdddddddddddddccdddgddcddcdddcddcddc...以下略"},
"psWave":
{
"items":
[
{
"latitude":"N37.7",
"longitude":"E141.8",
"pRadius":"306.923",
"sRadius":"164.467"
}
]
},
"hypoInfo":
{
"items":
[
{
"reportTime":"2021-02-13T23:08:22+09:00",
"regionCode":"289",
"regionName":"福島県沖",
"longitude":"E141.8",
"isCancel":"false",
"depth":"50km",
"calcintensity":"6-",
"isFinal":"false",
"isTraining":"false",
"latitude":"N37.7",
"originTime":"2021-02-13T23:07:50+09:00",
"magnitude":"7.1",
"reportNum":"18","reportId":"20210213230800"
}
]
},
"estShindo":null,
"copyright":
[
"National Research Institute for Earth Science and Disaster Resilience",
"Yahoo Japan Corporation"
],
"version":"2.0"
}
ここで、緊急地震速報などの情報を取得する場合は、psWaveやhypoInfoを見ていくのだが、
今回は、リアルタイム震度を取得したいので、intensityを見ていく。
intensityの見方
intensityは、略さず書くと以下のようになる。(長い文字の羅列となる。)
qcoqpcpoqrcsprcdddddddddddddccdddgddcddcdddcddcddcddddddccddcddddddjcddddcccdcdedddccmconrpcpnnonddddddddddddcdedcfdddddddcdddddddddddddddddddddddddddcddchccddkghchddccdddcdddddcdicddddddcfdfdcddddddcddddddddcdddddcddddddddddjdddmkdmjnmolmnonpcdddddddcccdddeddddedddddddddcddcccdcccdddcdddddddddddcdcccddcdvvtwutvssrpcdddddddddddhccdddddcddddddddddddddccdddddddddddieddeddcdddddddeddddddddcddddddddddcdddddddedffeddddpqqcopponommnnkkkhcihcrqmoiddcdcdddddddddddcddclmpoqpqsqpnccoscdcdddfddddddcdddddddddfcddcddddddddddcdccdmndgcjdlcccddedddddcddddddddddedddcddnvuvutcucuvrtsmnpccpndddddcddcddcddcdddddddddddcddddidddmhgdknlfdddddddddddddcdcdpcnnljjjcgdcdpcpolmddcddddddcfddddcdcdddddddddddcddcddcddcddgfdddddkudedddssptdfcddcccctomnfccdifddgddfffdfcddddcdehdehdedgdddddhdrddddeddhdddddkdodddddccccccdeddfddddcfcdeddddddgcddddnjmdjohhphnoeigdddkddeliddodduqdfddfddmgndiecefdddedoioddjndklopdpqddodddddcjnmgkjdkdjddudeeedlddddjgddddddgddkmddddukddddddfdhtmddddffdqcpdsdgddddfedqdqgededodddcddgdddeddrddddfddddddodmjnddcddddllddgdddodgdeuedneevlgdgdoddddddddcmndefenqnnoddddkgdddddeeeoddnejdmddldmddrnocdddgemjnnkkiqdcddcdidmlkdqtdlimppd
これは、1文字が、1観測点に結びついていて、合計で1133文字あるから、
1133観測点のリアルタイム震度を表している。
intensityの各文字
震度を取得するには、まず、intensityの各文字を、Unicodeに変換する。
例として、上の文字のqをあげる。
qをUnicodeに変換すると、\u0071となる。
そして、変換したUnicodeのインデックスを10進数に変換し、100を引く。
\u0071 = 113で113 - 100 = 13となる。
つまり、qという文字は、震度13を表しているのである。
ただし、これで取得できる震度は、揺れの大きさを表すYahoo独自の震度であり、
気象庁などが使用している、一般的な震度とは異なるもので、
0 ~ 20の21段階の震度である。
追記:0 ~ 20の21段階の震度というのは、NIEDの強震モニタの目盛りにある
-3 ~ 7の震度を、さらに区間ごとに2分割する、つまり、
-3 -2.5 -2 -1.5 -1 -0.5 0 0.5 1 1.5 2 2.5 3 3.5 4 4.5 5 5.5 6 6.5 7
となるようになっていることがわかりました。
観測地点の位置
intensityの見方で、intensityの各文字が、震度を表していると分かった。
しかし、その文字が表している震度が、どこの観測点のものなのかが分からなくては意味がない。
それを取得するために、Yahooリアルタイム震度が、描画する時に使用しているJSONデータを利用する。
観測位置のデータの見方
観測地点の位置をあらわすデータは、
https://weather-kyoshin.west.edge.storage-yahoo.jp/SiteList/sitelist.json
にある。
intensityの各文字は、このJSONデータの順番の通りに、震度を表しているので、
このJSONデータの通りに当てはめていけば、震度と観測点の位置を結びつけることができる。
ただし、このJSONは、Yahooリアルタイム震度で、描画する時に使用されているデータなため、
普通の位置座標ではなく、Yahooリアルタイム震度専用の座標を表している。
だから、Yahooリアルタイム震度と同じ形式のマップにしなくてはならない。
震度別の色
intensityの見方で得られる震度は、注意書きの通り、
Yahoo独自の0 ~ 20の21段階の震度となっている。
それだと、利用する際に大きさがイメージしづらい。
だから、Yahooリアルタイム震度では、何色で描画しているかを取得する。
震度別の色をあらわすCSS
Yahooリアルタイム震度では、SVGの<circle>を使い、各観測地点の震度を描画している。
その際に、色をつけるために、<circle>に、kyoshin_si-{震度}というクラスを付与している。
例外として、震度が取得できなかった場合は、
kyoshin_si-noneや、kyoshin_si--1となる。
そして、そのクラスに紐づいているCSSを、
https://s.yimg.jp/images/weather/pc/v2/css/kyoshin-1.0.0.css
で見ることができる。
そのCSSでは、色を以下のように定義している。
.kyoshin_si--1,.kyoshin_si-none{display:none}
.kyoshin_si-20{fill:#b600d7;stroke:#b600d7}
.kyoshin_si-19{fill:#c900ba;stroke:#c900ba}
.kyoshin_si-18{fill:#dc009c;stroke:#dc009c}
.kyoshin_si-17{fill:#e30071;stroke:#e30071}
.kyoshin_si-16{fill:#ed0047;stroke:#ed0047}
.kyoshin_si-15{fill:#f11520;stroke:#f11520}
.kyoshin_si-14{fill:#f53605;stroke:#f53605}
.kyoshin_si-13{fill:#fc4c02;stroke:#fc4c02}
.kyoshin_si-12{fill:#ff6200;stroke:#ff6200}
.kyoshin_si-11{fill:#ff7e00;stroke:#ff7e00}
.kyoshin_si-10{fill:#f90;stroke:#f90}
.kyoshin_si-9{fill:#ffaf00;stroke:#ffaf00}
.kyoshin_si-8{fill:#fbc300;stroke:#fbc300}
.kyoshin_si-7{fill:#f4e200;stroke:#f4e200}
.kyoshin_si-6{fill:#0fb02b;stroke:#0fb02b}
.kyoshin_si-5{fill:#38a477;stroke:#38a477}
.kyoshin_si-4{fill:#5ea7ac;stroke:#5ea7ac}
.kyoshin_si-3{fill:#71a2cb;stroke:#71a2cb}
.kyoshin_si-2{fill:#89afc8;stroke:#89afc8}
.kyoshin_si-1{fill:#90b3ca;stroke:#90b3ca}
.kyoshin_si-0{fill:#97b7cc;stroke:#97b7cc}
つまり、このCSSで定義されている色を見ることで、
Yahoo独自の震度は、どれぐらいの大きさなのかを見ることができる。
Yahooリアルタイム震度にある目盛りで、
<circle>の色と、一般的な震度の関係の目安を見ることができる。
まとめ
Yahooリアルタイム震度が使用している、JSONデータや、CSSなどを見ることで、
各観測地点のリアルタイム震度を取得することができた。
(もしも、規約違反などの問題があったら教えてくださいお願いします。)
(また、初記事なので、おかしいところがあるかもしれません。ごめんなさい。)
参考文献
(@wolf20482さんのコメントの部分を参考にしました)
Yahooに対して、許可をとっておらず、勝手に利用しているため、
使用する場合は、最低でも1秒間はアクセス間隔を取るようにし、
節度を守って利用してください。
トラブルや損害に関して、一切保証しません。