Upgrade to Pro — share decks privately, control downloads, hide ads and more …

天気予報の情報を取得する話 / IoTLT vol.81

Cd931bc05e7cee46b9a950a63e47ba4c?s=47 you（@youtoy）
November 16, 2021
Technology
0
220

天気予報の情報を取得する話 / IoTLT vol.81

Cd931bc05e7cee46b9a950a63e47ba4c?s=128

you（@youtoy）

November 16, 2021
Tweet

More Decks by you（@youtoy）

See All by you（@youtoy）
LINEアプリでIoTやってみた / エンジニアの自由研究発表会vol.6
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
50
ビジュアルプログラミングのみで作る LINE ＋ IoT の仕組み / LINE DC Monthly LT #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
130
enebularの新機能「クラウド実行環境」を自分も使ってみた（LINE との組み合わせ）/ IoTLT vol.86
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
200
Tech-onセッション / SORACOM UG × Tech-onコラボ #1
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
190
Socket.IO 4.x や JavaScriptフレームワーク＋リアルタイム通信の話（Fastify・µWebSockets.jsなど） / IoTLT vol.85
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
250
ロボットトイ「toio」を使ってみよう！ / 第208回 CoderDojo Kodaira
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
20
ビジュアルプログラミングに関する複数の話題を紹介 / ビジュアルプログラミングIoTLT vol.10
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
190
Raspberry Pi Pico を JavaScript で扱う / IoTLT vol.84
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
1
190
JavaScript＋ビジュアルプログラミング＋ガジェット＝？ / エンジニアの自由研究発表会vol.5
Cd931bc05e7cee46b9a950a63e47ba4c?s=48 you
0
67

Other Decks in Technology

See All in Technology
Power BI Premiumでデータ準備！
0cc2ebc5781bcb2cae5f9ab7efa40ff2?s=48 hanaseleb
1
180
New Features in C# 10/11
1c3658db58f755e44fc1a70255c08ff7?s=48 chack411
0
800
Spotify物理コントローラーがほしい
1dceaa2dcea41c16004f430c1723b20e?s=48 miso
0
120
Oracle Database Technology Night #55 Oracle Autonomous Database 再入門
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
1
120
[SRE NEXT 2022]ヤプリのSREにおけるセキュリティ強化の取り組みを公開する
Ee9f5f5b17a075129d7c48ad157a9ab3?s=48 mmochi23
1
300
Babylon.js で簡単 WebXR
B8a848a5d23adf51f4f5373da52c2804?s=48 yuhara0928
2
980
ニフティでSRE推進活動を始めて取り組んできたこと
374e82d9428869942bed1de094a7ca95?s=48 niftycorp
2
220
AWS CLI入門_20220513
1642254df0e7560327cda4ddc071397e?s=48 suzakiyoshito
0
3.7k
ドキュメントの翻訳に必要なこと
0d0586f83b68c623c4f04c752c4b515b?s=48 mayukosawai
0
140
Steps toward self-service operations in eureka
71929a476c581dd754e4e1f355ac07d0?s=48 fukubaka0825
0
440
様々な現場のPower Platform ～小さなエンジニアの奮闘記～
39adbc0cddb8c0ea8470c80248e9e71b?s=48 hyodol2513
0
1.9k
Salesforce女子部-権限についてまとめてみたその１
F95794a2051e510588225c20afb7e3b2?s=48 sfggjp
0
180

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
B47b288784fda77a94aeb234ca743c24?s=48 keavy
113
15k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
The Cult of Friendly URLs
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
68
4.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
268
11k
Designing for humans not robots
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
241
23k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
41
6.7k
Writing Fast Ruby
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
57k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
265
21k
Clear Off the Table
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
79
280k
The Language of Interfaces
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k

Transcript

  1. 天気予報の情報を取得する話 2021年11月16日 (火) IoT縛りの勉強会! IoTLT vol.81 @オンライン 　　豊田 陽介 (

    @youtoy )

  2. 豊田陽介（@youtoy） 自己紹介 普段は、某通信会社勤務 自宅にたくさん ガジェット好き その他 IT系イベント主催、登壇や運営なども 子ども向けの活動いろいろ（IT系以外も） プライベートでの活動 ビジュアルプログラミング・

    IoTに関するコミュニティなど

  3. 余談 最近の取り組みの1つ

  4. JavaScriptを使って p5.js による 3D描画 ＋ Anime.js によるイージング等

  5. 余談2 ヒーローズ・リーグへの 応募作品

  6. 前に作ったもののバージョン2 某アニメの悪役が使う禁呪法が なんとあなたの手に！

  7. 今日の話題は 「天気予報情報の取得」

  8. 何を使う？ という話題が定期的に 出る気がする （API廃止とかのタイミングで）

  9. よく見かける気がするもの

  10. そんな中、 今年の2月ごろに...

  11. 話題になってた「気象庁の情報の取得」 中の人からこんなツイートがされてた

  12. 気象庁の天気予報などの 情報が取得できる話

  13. もう少し詳しく

  14. Webサイトリニューアルが2/24に

  15. そしてTwitter上にこのような話が

  16. 先ほどの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

  17. 先ほどの1つ目のURLをブラウザで開く

  18. ユーザ登録や APIキー等は不要

  19. URLの数字の意味や取得された情報 天気予報（明後日まで・週 間）:https://www.jma.go.jp/bosai/forecast/data/forecast/130000. json エリアに対応

  20. エリアを指定する数字 https://www.jma.go.jp/bosai/common/const/area.json 一部抜粋 080000 水戸地方気象台 090000 宇都宮地方気象台 100000 前橋地方気象台 110000

    熊谷地方気象台 120000 銚子地方気象台 130000 気象庁 140000 横浜地方気象台 190000 甲府地方気象台 200000 長野地方気象台

  21. 天気予報 3日分・週間

  22. 気象庁のサイト上 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週間の 天気

  23. JavaScriptで取得して取り出し

  24. 取得した情報の中を検索してみたり

  25. p5.jsのオンライン開発環境で取得

  26. 天気に応じた楽しい感じの 描画ができると良いかも

  27. このあたりの話はQiitaの記事に

  28. M5Stack系のデバイスを 使うと良いかなと思い ググったら

  29. いろいろ事例が 出てきたので 何かやってみたいな...

  30. 終わり！