北海道新型コロナウイルスまとめサイトでのいろいろなこと

Pre Civic Tech Forum にてはなさせていただいたパワーポイントです

Transcript

1. 北海道新型コロナウイルスまとめ サイトでのいろいろなこと 吉沢 太佑 Taiyu Yoshizawa 1
2. 2 吉沢 太佑（よしざわ たいゆう） • 旭川工業高等専門学校・電気情報工学科の4年（18歳） です！ • 普段はKotlinやJavaでMinecraftサーバのプラグイン作 成をしています。 • CivicTechを今回のサイトで知ったぐらいのCivicTech 初心者です！ （V Singerの花譜さんがとても好きです） • 現在はCode for Japan Slack内の#covid19_eduにて 「おうちで時間割」を製作中 自己紹介
3. 3 •北海道新型コロナウイルス感染症まとめ サイトとは？ •JUST 道 ITとは？ •北海道新型コロナウイルス感染症まとめ サイトで独自に進化したこと •今後の運用の話 今日話させていただくこと
4. 北海道新型コロナウイルス感染症 まとめサイトとは？ 4 What is “Hokkaido Covid-19 Information Site”?
5. •東京都新型コロナウイルス対策サイトをforkして 北海道内の新型コロナウイルス感染症に関する最 新情報を提供するサイト •「JUST道IT」が開発、 運営している 5 北海道新型コロナウイルス感染症まとめサイ トとは
6. JUST 道 ITとは？ 6 What is “JUST Dou IT”?
7. •ICTエンジニアやデザイナーなどによって結成さ れた団体 •読み方はジャストドウイット •一人がリーダーとして立っているわけではなく、 平等で、お互いに尊重して北海道のために自分が できることをする人たちが集まっている。 7 JUST道ITとは？
8. 北海道新型コロナウイルス感染症 まとめサイトで独自に進化した点 8 What's uniquely evolved in “Hokkaido Covid-19 Information Site”
9. 細かいところ •アイコンのアニメーション化 ↓ •現在患者数グラフの表示 → 9 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点①
10. •グラフに表示範囲の スライダーを追加 10 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点②
11. •データの自動更新の実装 (axiosでデータを取得しようとするとCORSに引っかか りブロックされてしまい、実装にかなり時間かかって しまったのは言わないお約束…) 11 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点③ 北海道オープン データポータル Pythonのスクリプ トをActionsで毎時 実行 フロント側でデー タを取得 csv json axios
12. • パフォーマンスの改善 • 画像をWebPに変更 • コンポーネント類のダイナミックインポート • Moment.jsからDay.jsに移行 • Google Fontsのロードを非同期に • 表にページングを実装 • Material Design Iconを必要なもののみに変更 Etc… 12 北海道新型コロナウイルス感染症まとめサイ トで独自に進化した点④
13. 今後の運用について 13 About future operations
14. 現状： • 新型コロナウイルス感染症に関することがいつまで続 くかわからない（終わりが見えない）状況 • 手動でデータを更新している • 勢いで作ったけどデータ更新が大変で疲れてきてし まった 14 今後の運用について①
15. 今後のために • 長引く可能性が高いので、細く長くでも維持できるよ うにする。 • なるべく誰か一人に依存するような形にしない。 • なるべく人の手がなくても維持できるような形にする。 それでも… • 今後さくらインターネット様のサポートがなくなった ら？ →念のため代わりになるようなサービスを検討してお く 15 今後の運用について②
16. まとめ 16 Wrap up
17. • 北海道新型コロナウイルス感染症まとめサイトをJUST 道 ITでつくりました！ • 独自に進化を加えてみました！ • 今後も提供し続けるためには、細く長くでも維持でき るような仕組みを作る必要があるかも！ • １人に依存しないようにする • 人の手がなくても更新、パフォーマンスの維持ができるよう にする 17 まとめ
18. • Code for Japan Slack内の#covid19_eduにて活動中！ • 休校期間中の学習につながるようなサービスとして学習計画表 サービスを作成中 • NuxtJS + Firebaseにて開発を行っています！ 18 おうちで時間割について