Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
天気予報の情報を取得する話 / IoTLT vol.81
Search
you(@youtoy)
PRO
November 16, 2021
Technology
0
490
天気予報の情報を取得する話 / IoTLT vol.81
you(@youtoy)
PRO
November 16, 2021
Tweet
Share
More Decks by you(@youtoy)
See All by you(@youtoy)
もくはりでのモノ作りと自身のモノ作り活動 / もくはり文化祭2024 オープン記念イベント
you
PRO
0
35
"かわいい" がテーマのハッカソンでWebの技術を使って魔法の世界を作った話など / HTML5 10th Anniversary
you
PRO
0
85
ブラウザで AI・機械学習が扱える TensorFlow.js が使われているライブラリなどの話 / #さくらのAI Meetup vol.4「ブラウザ」
you
PRO
0
180
Blynk と Raspberry Pi Pico W で IoT 〜 MQTT・HTTPリクエストの組み合わせも 〜 / IoTLT vol.114
you
PRO
0
2.5k
AIを活用したWebアプリのプロトタイプを作ってコンテストや展示に出してみた話 / 大阪工業大学 ネットワークデザイン学科 LT大会 2024v2
you
PRO
0
100
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
620
WebHID API で Joy-Con・DUALSHOCK 4 のセンサーをブラウザから利用する / IoTLT vol.109
you
PRO
0
2.4k
UIFlow 2.0 で MQTT をやってみた! / IoTLT vol.108
you
PRO
0
5.1k
UIFlow 2.0 と ATOMS3 の組み合わせで LINE通知を試す / ビジュアルプログラミングIoTLT vol.16
you
PRO
1
2.7k
Other Decks in Technology
See All in Technology
AIエージェント開発のノウハウと課題
pharma_x_tech
9
4.9k
サイト信頼性エンジニアリングとAmazon Web Services / SRE and AWS
ymotongpoo
7
1.9k
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
5
6.8k
Exadata Database Service on Cloud@Customer セキュリティ、ネットワーク、および管理について
oracle4engineer
PRO
2
1.6k
Global Databaseで実現するマルチリージョン自動切替とBlue/Greenデプロイ
j2yano
0
170
スクラムというコンフォートゾーンから抜け出そう!プロジェクト全体に目を向けるインセプションデッキ / Inception Deck for seeing the whole project
takaking22
3
170
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
390
フォーイット_エンジニア向け会社紹介資料_Forit_Company_Profile.pdf
forit_tech
1
1.7k
20250307_エンジニアじゃないけどAzureはじめてみた
ponponmikankan
2
180
事業モメンタムを生み出すプロダクト開発
macchiitaka
0
110
事業を差別化する技術を生み出す技術
pyama86
2
540
アジャイルな開発チームでテスト戦略の話は誰がする? / Who Talks About Test Strategy?
ak1210
1
850
Featured
See All Featured
Music & Morning Musume
bryan
46
6.4k
Docker and Python
trallard
44
3.3k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Rails Girls Zürich Keynote
gr2m
94
13k
The Language of Interfaces
destraynor
156
24k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Faster Mobile Websites
deanohume
306
31k
The Cult of Friendly URLs
andyhume
78
6.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Designing for Performance
lara
605
68k
Transcript
天気予報の情報を取得する話 2021年11月16日 (火) IoT縛りの勉強会! IoTLT vol.81 @オンライン 豊田 陽介 (
@youtoy )
豊田陽介(@youtoy) 自己紹介 普段は、某通信会社勤務 自宅にたくさん ガジェット好き その他 IT系イベント主催、登壇や運営なども 子ども向けの活動いろいろ(IT系以外も) プライベートでの活動 ビジュアルプログラミング・
IoTに関するコミュニティなど
余談 最近の取り組みの1つ
JavaScriptを使って p5.js による 3D描画 + Anime.js によるイージング等
余談2 ヒーローズ・リーグへの 応募作品
前に作ったもののバージョン2 某アニメの悪役が使う禁呪法が なんとあなたの手に!
今日の話題は 「天気予報情報の取得」
何を使う? という話題が定期的に 出る気がする (API廃止とかのタイミングで)
よく見かける気がするもの
そんな中、 今年の2月ごろに...
話題になってた「気象庁の情報の取得」 中の人からこんなツイートがされてた
気象庁の天気予報などの 情報が取得できる話
もう少し詳しく
Webサイトリニューアルが2/24に
そしてTwitter上にこのような話が
先ほどの2つ目のツイートのURL 天気予報(明後日まで・週 間):https://www.jma.go.jp/bosai/forecast/data/forecast/130000.json 天気概況(明後日まで): https://www.jma.go.jp/bosai/forecast/data/overview_forecast/130000.json 天気概況(週間) :https://www.jma.go.jp/bosai/forecast/data/overview_week/130000.json
先ほどの1つ目のURLをブラウザで開く
ユーザ登録や APIキー等は不要
URLの数字の意味や取得された情報 天気予報(明後日まで・週 間):https://www.jma.go.jp/bosai/forecast/data/forecast/130000. json エリアに対応
エリアを指定する数字 https://www.jma.go.jp/bosai/common/const/area.json 一部抜粋 080000 水戸地方気象台 090000 宇都宮地方気象台 100000 前橋地方気象台 110000
熊谷地方気象台 120000 銚子地方気象台 130000 気象庁 140000 横浜地方気象台 190000 甲府地方気象台 200000 長野地方気象台
天気予報 3日分・週間
気象庁のサイト上 https://www.jma.go.jp/bosai/forecast/ #area_type=offices&area_code=130000 https://www.jma.go.jp/bosai/forecast/ #area_type=offices&area_code=110000 3日間の 天気 1週間の 天気
JavaScriptで取得して取り出し
取得した情報の中を検索してみたり
p5.jsのオンライン開発環境で取得
天気に応じた楽しい感じの 描画ができると良いかも
このあたりの話はQiitaの記事に
M5Stack系のデバイスを 使うと良いかなと思い ググったら
いろいろ事例が 出てきたので 何かやってみたいな...
終わり!