<h1 id="%E3%81%9D%E3%81%AE%E5%BE%8C%E3%81%AE%E8%A9%B1">
<a class="header-anchor-link" href="#%E3%81%9D%E3%81%AE%E5%BE%8C%E3%81%AE%E8%A9%B1" aria-hidden="true"></a> その後の話</h1>
<p>プロットするCodeSandboxを埋め込んでいたのですが、予想以上にMapboxのAPI usageがあったので消しましたすみません</p>
<h1 id="2021%2F09%2F04-%E8%BF%BD%E8%A8%98">
<a class="header-anchor-link" href="#2021%2F09%2F04-%E8%BF%BD%E8%A8%98" aria-hidden="true"></a> 2021/09/04 追記</h1>
<p><s>面倒くてサボってたら</s>@iedred7584さんがプルリク送ってくださり動くようになりました！<br>
ナウキャストのアプデでズームレベル14まで対応したようなので、それはいつか対応します(今は6固定)</p>
<h1 id="%E5%89%8D%E7%BD%AE%E3%81%8D">
<a class="header-anchor-link" href="#%E5%89%8D%E7%BD%AE%E3%81%8D" aria-hidden="true"></a> 前置き</h1>
<p><strong>雨雲レーダーの無料APIがなぁぁぁぁぁぁぁぁぁぁぁぁああああああああああああああああああい</strong><br>
そう、<strong>無い</strong>んです<br>
いや、<strong>無かった</strong>が正しい<br>
ここは雨雲レーダーの無料APIがある世界線なので、サクサクっとプロットしていきます</p>
<h1 id="%E7%AC%AC%E4%B8%80%E7%AB%A0-%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%A8%E3%81%AE%E5%87%BA%E4%BC%9A%E3%81%84">
<a class="header-anchor-link" href="#%E7%AC%AC%E4%B8%80%E7%AB%A0-%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%A8%E3%81%AE%E5%87%BA%E4%BC%9A%E3%81%84" aria-hidden="true"></a> 第一章 高解像度降水ナウキャストとの出会い</h1>
<p>気象庁が運用している <a href="https://www.jma.go.jp/jp/highresorad/" target="_blank" rel="nofollow noopener noreferrer">高解像度降水ナウキャスト</a> というサービスがあります。<br>
これは<strong>6段階のズーム</strong>機能と、<strong>降水量が9段階</strong>で分かる機能を備えた、<strong>無料で使える雨雲レーダー</strong>です。</p>
<h2 id="%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%AE%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84">
<a class="header-anchor-link" href="#%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%AE%E5%88%A9%E7%94%A8%E8%A6%8F%E7%B4%84" aria-hidden="true"></a> 高解像度降水ナウキャストの利用規約</h2>
<p>今回の<s>犠牲者</s>ソースは高解像度降水ナウキャストなので、プログラムからアクセスしても良いかどうかがキモになってきます。</p>
<h3 id="%E4%B8%8B%E8%A8%98-%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88-%E4%BD%BF%E3%81%84%E6%96%B9%E2%86%92%E5%88%A9%E7%94%A8%E4%B8%8A%E3%81%AE%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85-%E3%81%8B%E3%82%89%E5%BC%95%E7%94%A8">
<a class="header-anchor-link" href="#%E4%B8%8B%E8%A8%98-%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88-%E4%BD%BF%E3%81%84%E6%96%B9%E2%86%92%E5%88%A9%E7%94%A8%E4%B8%8A%E3%81%AE%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85-%E3%81%8B%E3%82%89%E5%BC%95%E7%94%A8" aria-hidden="true"></a> 下記 高解像度降水ナウキャスト 使い方→利用上の注意事項 から引用</h3>
<blockquote>
<p>当ホームページは、通常のブラウザで閲覧することを前提に各種情報を掲載しております。自動巡回ソフト等による、定期的、自動的な気象データ等の収集等は、サーバーに負荷がかかる等の理由から、原則としてご遠慮いただいております。ご理解お願いします。</p>
</blockquote>
<h3 id="%E4%B8%8B%E8%A8%98-%E6%B0%97%E8%B1%A1%E5%BA%81-%7C-%E8%91%97%E4%BD%9C%E6%A8%A9%E3%83%BB%E3%83%AA%E3%83%B3%E3%82%AF%E3%83%BB%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E4%BF%9D%E8%AD%B7%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-%E3%81%8B%E3%82%89%E5%BC%95%E7%94%A8">
<a class="header-anchor-link" href="#%E4%B8%8B%E8%A8%98-%E6%B0%97%E8%B1%A1%E5%BA%81-%7C-%E8%91%97%E4%BD%9C%E6%A8%A9%E3%83%BB%E3%83%AA%E3%83%B3%E3%82%AF%E3%83%BB%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E4%BF%9D%E8%AD%B7%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-%E3%81%8B%E3%82%89%E5%BC%95%E7%94%A8" aria-hidden="true"></a> 下記 <a href="https://www.jma.go.jp/jma/kishou/info/coment.html" target="_blank" rel="nofollow noopener noreferrer">気象庁 | 著作権・リンク・個人情報保護について</a> から引用</h3>
<blockquote>
<p>気象庁ホームページのコンテンツの利用について<br>
　気象庁ホームページで公開している情報（以下「コンテンツ」といいます。）は、どなたでも以下の(1)～(7)に従って、複製、公衆送信、翻訳・変形等の翻案等、自由に利用できます。商用利用も可能です。また、数値データ、簡単な表・グラフ等は著作権の対象ではありませんので、これらについては本利用ルールの適用はなく、自由に利用できます。<br>
　コンテンツ利用に当たっては、本利用ルールに同意したものとみなします。</p>
</blockquote>
<p>ということで、<code>自動的な気象データ等の収集等は、サーバーに負荷がかかる等の理由から、原則としてご遠慮いただいております</code>はAPIには適用されないとみなします。<br>
<s>ご遠慮なので深く考えない</s></p>
<h1 id="%E7%AC%AC%E4%BA%8C%E7%AB%A0-api%E3%81%AE%E4%BD%9C%E6%88%90">
<a class="header-anchor-link" href="#%E7%AC%AC%E4%BA%8C%E7%AB%A0-api%E3%81%AE%E4%BD%9C%E6%88%90" aria-hidden="true"></a> 第二章 APIの作成</h1>
<p><code>無料APIがある</code>と言ったな、正確には<strong>作った</strong>が正しい。</p>
<h2 id="%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%AE%E3%83%A9%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%92%E8%A7%A3%E6%9E%90">
<a class="header-anchor-link" href="#%E9%AB%98%E8%A7%A3%E5%83%8F%E5%BA%A6%E9%99%8D%E6%B0%B4%E3%83%8A%E3%82%A6%E3%82%AD%E3%83%A3%E3%82%B9%E3%83%88%E3%81%AE%E3%83%A9%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%92%E8%A7%A3%E6%9E%90" aria-hidden="true"></a> 高解像度降水ナウキャストのラスタイメージを解析</h2>
<p>解析というか目grepに近い。</p>
<ul>
<li>1タイル = 256px x 256px</li>
<li>雨雲がないピクセルはアルファ値が0、あるピクセルは255</li>
<li>0~1mm/h   = #f2f2ff</li>
<li>1~5mm/h   = #a0d2ff</li>
<li>5~10mm/h  = #218cff</li>
<li>10~20mm/h = #0042ff</li>
<li>20~30mm/h = #faf500</li>
<li>30~50mm/h = #ff9901</li>
<li>50~80mm/h = #fe2803</li>
<li>80mm/h~   = #b50167</li>
</ul>
<p>以上を踏まえて適当に変換サーバーを.....</p>
<h2 id="%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE%E3%81%8C%E3%81%93%E3%81%A1%E3%82%89%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99">
<a class="header-anchor-link" href="#%E4%BD%9C%E3%81%A3%E3%81%9F%E3%82%82%E3%81%AE%E3%81%8C%E3%81%93%E3%81%A1%E3%82%89%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99" aria-hidden="true"></a> 作ったものがこちらになります</h2>
<p>普段はNode.jsを使用していますが、画像処理が遅いのとgolangを勉強したかったので、golangで書いています。<br>
日本全範囲のタイルを約2秒で取得できます。<br style="display:none">
<span class="embed-block zenn-embedded zenn-embedded-card"><iframe id="zenn-embedded__8bca380e99d85" src="https://embed.zenn.studio/card#zenn-embedded__8bca380e99d85" data-content="https%3A%2F%2Fgithub.com%2Fcome25136%2Fradnowc_image_to_json" frameborder="0" scrolling="no" loading="lazy"></iframe></span><a href="https://github.com/come25136/radnowc_image_to_json" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://github.com/come25136/radnowc_image_to_json</a><br style="display:none">
ピクセルを数値に変換してJSONで返しています。詳細はGitHubをご覧ください。</p>
<h1 id="%E3%81%8A%E3%82%8F%E3%82%8A">
<a class="header-anchor-link" href="#%E3%81%8A%E3%82%8F%E3%82%8A" aria-hidden="true"></a> おわり</h1>
<p>地味に台湾の雨雲も計測されてて笑った</p>


雨雲レーダーを❝サクッと❞Mapboxにプロットしてみる

下記 高解像度降水ナウキャスト 使い方→利用上の注意事項 から引用

下記 気象庁 | 著作権・リンク・個人情報保護について から引用

高解像度降水ナウキャストの利用規約

第一章 高解像度降水ナウキャストとの出会い

高解像度降水ナウキャストのラスタイメージを解析

作ったものがこちらになります

catnose

こめ

<p>ややグレーながら素晴らしい技術力…</p>


<p>グレーなのが心残りですがありがとうございます！</p>


Discussion