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
北海道新型コロナウイルスまとめサイトでのいろいろなこと
Search
Taiyu Yoshizawa
May 09, 2020
Programming
0
420
北海道新型コロナウイルスまとめサイトでのいろいろなこと
Pre Civic Tech Forum にてはなさせていただいたパワーポイントです
Taiyu Yoshizawa
May 09, 2020
Tweet
Share
More Decks by Taiyu Yoshizawa
See All by Taiyu Yoshizawa
Cloudflare Realtime と Workers でつくるサーバーレス WebRTC
nekoya3
0
420
Other Decks in Programming
See All in Programming
NPOでのDevinの活用
codeforeveryone
0
240
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
400
WindowInsetsだってテストしたい
ryunen344
1
190
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
1
400
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
320
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
210
XP, Testing and ninja testing
m_seki
3
190
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
100
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
irof
1
300
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
860
Cline指示通りに動かない? AI小説エージェントで学ぶ指示書の書き方と自動アップデートの仕組み
kamomeashizawa
1
570
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
mana_takada
0
110
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Music & Morning Musume
bryan
46
6.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
930
KATA
mclloyd
29
14k
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Raft: Consensus for Rubyists
vanstee
140
7k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
We Have a Design System, Now What?
morganepeng
53
7.7k
Optimizing for Happiness
mojombo
379
70k
Transcript
北海道新型コロナウイルスまとめ サイトでのいろいろなこと 吉沢 太佑 Taiyu Yoshizawa 1
2 吉沢 太佑(よしざわ たいゆう) • 旭川工業高等専門学校・電気情報工学科の4年(18歳) です! • 普段はKotlinやJavaでMinecraftサーバのプラグイン作 成をしています。
• CivicTechを今回のサイトで知ったぐらいのCivicTech 初心者です! (V Singerの花譜さんがとても好きです) • 現在はCode for Japan Slack内の#covid19_eduにて 「おうちで時間割」を製作中 自己紹介
3 •北海道新型コロナウイルス感染症まとめ サイトとは? •JUST 道 ITとは? •北海道新型コロナウイルス感染症まとめ サイトで独自に進化したこと •今後の運用の話 今日話させていただくこと
北海道新型コロナウイルス感染症 まとめサイトとは? 4 What is “Hokkaido Covid-19 Information Site”?
•東京都新型コロナウイルス対策サイトをforkして 北海道内の新型コロナウイルス感染症に関する最 新情報を提供するサイト •「JUST道IT」が開発、 運営している 5 北海道新型コロナウイルス感染症まとめサイ トとは
JUST 道 ITとは? 6 What is “JUST Dou IT”?
•ICTエンジニアやデザイナーなどによって結成さ れた団体 •読み方はジャストドウイット •一人がリーダーとして立っているわけではなく、 平等で、お互いに尊重して北海道のために自分が できることをする人たちが集まっている。 7 JUST道ITとは?
北海道新型コロナウイルス感染症 まとめサイトで独自に進化した点 8 What's uniquely evolved in “Hokkaido Covid-19 Information
Site”
細かいところ •アイコンのアニメーション化 ↓ •現在患者数グラフの表示 → 9 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点①
•グラフに表示範囲の スライダーを追加 10 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点②
•データの自動更新の実装 (axiosでデータを取得しようとするとCORSに引っかか りブロックされてしまい、実装にかなり時間かかって しまったのは言わないお約束…) 11 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点③ 北海道オープン データポータル Pythonのスクリプ
トをActionsで毎時 実行 フロント側でデー タを取得 csv json axios
• パフォーマンスの改善 • 画像をWebPに変更 • コンポーネント類のダイナミックインポート • Moment.jsからDay.jsに移行 • Google
Fontsのロードを非同期に • 表にページングを実装 • Material Design Iconを必要なもののみに変更 Etc… 12 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点④
今後の運用について 13 About future operations
現状: • 新型コロナウイルス感染症に関することがいつまで続 くかわからない(終わりが見えない)状況 • 手動でデータを更新している • 勢いで作ったけどデータ更新が大変で疲れてきてし まった 14
今後の運用について①
今後のために • 長引く可能性が高いので、細く長くでも維持できるよ うにする。 • なるべく誰か一人に依存するような形にしない。 • なるべく人の手がなくても維持できるような形にする。 それでも… •
今後さくらインターネット様のサポートがなくなった ら? →念のため代わりになるようなサービスを検討してお く 15 今後の運用について②
まとめ 16 Wrap up
• 北海道新型コロナウイルス感染症まとめサイトをJUST 道 ITでつくりました! • 独自に進化を加えてみました! • 今後も提供し続けるためには、細く長くでも維持でき るような仕組みを作る必要があるかも! •
1人に依存しないようにする • 人の手がなくても更新、パフォーマンスの維持ができるよう にする 17 まとめ
• Code for Japan Slack内の#covid19_eduにて活動中! • 休校期間中の学習につながるようなサービスとして学習計画表 サービスを作成中 • NuxtJS
+ Firebaseにて開発を行っています! 18 おうちで時間割について