Movatterモバイル変換


[0]ホーム

URL:


BLOGTIMES

cles::blog

平常心是道
« :: »
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データを加工して作成)

byhsur at 18:02[5年前][4年前][3年前][2年前][1年前][1年後][2年後][3年後] |
こんな記事もあります 「json' publishingOffice ready
tlmgrが古くなって動かなくなってしまったときは
python-o365 を使って O365 アクセストークンを取得する
gitea にバルクでユーザー登録する
Seagate が 18 TB の HDD を発売
Twitter で予約投稿が可能に
Slack が Microsoft Teams Calls のベータ版を公開
Win10 Pro に Docker + docker-compose 環境を作る
Windows で動く TFTP サーバ「TFTPD32」
C-2 のコックピット見学(横田基地日米友好祭2019)
Python 開発に Pipenv を使うようにしてみた
トラックバックについて
Trackback URL:
お気軽にどうぞ。トラックバック前にポリシーをお読みください。[policy]
このエントリへのTrackbackにはこのURLが必要です→https://blog.cles.jp/item/12730
Trackbacks
このエントリにトラックバックはありません
Comments
愛のあるツッコミをお気軽にどうぞ。[policy]
古いエントリについてはコメント制御しているため、即時に反映されないことがあります。
コメントはありません
Comments Form

コメントは承認後の表示となります。
OpenIDでログインすると、即時に公開されます。

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

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

« :: »
Copyright © 2004-2023 by CLES All Rights Reserved.
サイト内検索
検索ワードランキング
へぇが多いエントリ
閲覧数が多いエントリ
1 .アーロンチェアのポスチャーフィットを修理(99656)
2 .年次の人間ドックへ(99074)
3 .福岡銀がデマの投稿者への刑事告訴を検討中(99063)
4 .三菱鉛筆がラミーを買収(98672)
5 .2023 年分の確定申告完了!(1つめ)(98641)
最新のエントリ
cles::blogについて
誰が書いてる?
最近行った場所
サイトポリシー
タグ一覧
検索ワードランキング

Referrers

    Powered by CLES
    Nucleus CMS v3.31SP3/w memcached
    21374042(W:4667 Y:1631 T:1406)
    cles::blogのはてなブックマーク数
    benchmark


    [8]ページ先頭

    ©2009-2025 Movatter.jp