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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Taiyu Yoshizawa
May 09, 2020
Programming
0
440
北海道新型コロナウイルスまとめサイトでのいろいろなこと
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
1
1.1k
Other Decks in Programming
See All in Programming
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
590
AIエージェントの設計で注意するべきポイント6選
har1101
7
3.4k
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
230
AtCoder Conference 2025
shindannin
0
1k
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
170
Fragmented Architectures
denyspoltorak
0
140
高速開発のためのコード整理術
sutetotanuki
1
380
Kotlin Multiplatform Meetup - Compose Multiplatform 외부 의존성 아키텍처 설계부터 운영까지
wisemuji
0
190
CSC307 Lecture 06
javiergs
PRO
0
680
KIKI_MBSD Cybersecurity Challenges 2025
ikema
0
1.3k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
petamoriken
0
200
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
440
Featured
See All Featured
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
210
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.6k
The Cost Of JavaScript in 2023
addyosmani
55
9.5k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
820
Why You Should Never Use an ORM
jnunemaker
PRO
61
9.7k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
310
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Speed Design
sergeychernyshev
33
1.5k
RailsConf 2023
tenderlove
30
1.3k
First, design no harm
axbom
PRO
2
1.1k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
55
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 おうちで時間割について