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
430
北海道新型コロナウイルスまとめサイトでのいろいろなこと
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
470
Other Decks in Programming
See All in Programming
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
17
6.1k
JetBrainsのAI機能の紹介 #jjug
yusuke
0
110
QA x AIエコシステム段階構築作戦
osu
0
210
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
160
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
240
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
110
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.3k
型で語るカタ
irof
1
850
バイブスあるコーディングで ~PHP~ 便利ツールをつくるプラクティス
uzulla
1
300
中級グラフィックス入門~効率的なメッシュレット描画~
projectasura
3
1.7k
フロントエンドのパフォーマンスチューニング
koukimiura
6
2.3k
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
210
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Statistics for Hackers
jakevdp
799
220k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Designing for humans not robots
tammielis
253
25k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Making Projects Easy
brettharned
117
6.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
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 おうちで時間割について