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

北海道新型コロナウイルスまとめサイトでのいろいろなこと吉沢太佑 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でつくりました！ • 独自に進化を加えてみました！ • 今後も提供し続けるためには、細く長くでも維持できるような仕組みを作る必要があるかも！ •
１人に依存しないようにする • 人の手がなくても更新、パフォーマンスの維持ができるようにする 17 まとめ

• Code for Japan Slack内の#covid19_eduにて活動中！ • 休校期間中の学習につながるようなサービスとして学習計画表サービスを作成中 • NuxtJS
+ Firebaseにて開発を行っています！ 18 おうちで時間割について

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

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

Taiyu Yoshizawa

More Decks by Taiyu Yoshizawa

Other Decks in Programming

Featured

Transcript