BLOGTIMES
2021/09/20

気象庁から json でデータが取得できるようになってる

  weathercast  jma  javascript 
このエントリーをはてなブックマークに追加

気象庁のウェブから天気予報のデータが JSON で取得できると教えてもらったのでメモ。
2月にリニューアルされたときにそこそこ話題になった*1ようです。

厳密には API ではないようですが、コンテンツ自体は政府標準利用規約CC-BY 4.0 互換)として利用できるとのこと。
以下のように Javascript からも簡単に呼出して組み込むことができますね。

publishingOffice:
reportDatetime:
targetArea:
headlineText:
text:
気象庁のjsonデータを加工して作成)

実際のコード

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript"> let $jq = $.noConflict(true); $jq(document).ready(function() { $jq.ajax({ dataType: 'json', url: "https://www.jma.go.jp/bosai/forecast/data/overview_forecast/130000.json", }).then(function(data) { $jq("#publishingOffice").text(data.publishingOffice); $jq("#reportDatetime").text(data.reportDatetime); $jq("#targetArea").text(data.targetArea); $jq("#headlineText").text(data.headlineText); $jq("#text").text(data.text); }); }); </script> <strong>publishingOffice:</strong> <span id="publishingOffice"></span><br /> <strong>reportDatetime:</strong> <span id="reportDatetime"></span><br /> <strong>targetArea:</strong> <span id="targetArea"></span><br /> <strong>headlineText:</strong> <span id="headlineText"></span><br /> <strong>text:</strong> <span id="text"></span><br /> (<a href="https://www.jma.go.jp/bosai/forecast/">気象庁</a>のjsonデータを加工して作成)

トラックバックについて
Trackback URL:
お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/12730
Trackbacks
このエントリにトラックバックはありません
Comments
愛のあるツッコミをお気軽にどうぞ。[policy]
古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
コメントはありません
Comments Form

OpenID を使ってログインすることができます。

Identity URL: Yahoo! JAPAN IDでログイン