愛知県新型コロナ対策サイト(非公式)の紹介

2021/1/23 by @amay077 with #ngk2021s

Transcript

1. 愛知県新型コロナ対策サイト
   (非公式)の紹介
   2021/1/23 by @amay077 with #ngk2021s
   

   View Slide

2. https://aichi.stopcovid19.jp
   「愛知県 非公式 コロナ」で検索
   

   View Slide

3. 東京都版のOSSが始祖
   令和2年3月3日、東京都 新型コロナ
   ウイルス対策サイト 公開
   3月9日: 北海道版(非公式) 公開
   3月12日: 愛知県版(非公式) 公開
   現在は 60以上
   ※
   の各地域版が存在
   ※: https://github.com/tokyo-metropolitan-gov/covid19/blob/master/FORKED_SITES.md より
   

   View Slide

4. 愛知県HPの見やすさを補完したり
   

   View Slide

5. 他地域に無い表現を取り入れたり
   

   View Slide

6. 愛知県版のSTATS
   3,000PV/day(Max16k/day)
   59 GitHub Stars
   32 Contributors(Active3～4)
   203 Merged PRs, 170 Closed Issues
   

   View Slide

7. ここから技術的なお話
   

   View Slide

8. サイト更新の仕組み
   Pytesseract で
   テキスト抽出
   GitHub Actions
   スクレイピング
   Webアプリ
   Build&Deploy
   JS
   CSS
   画像!
   Generate
   画像: https://icons8.jp/より
   pref.aichi.jp
   

   View Slide

9. バスワード的な
   JAMStackというか静的サイト生成
   PWA, オフライン利用可能
   WebAPI や DB は利用してないので
   TypeScript+Vue/Nuxt.js
   イマドキな構成かと思います
   

   View Slide

10. OCR(Pytesseractで)頑張ってる
    愛知県HPに EXCELをキャプチャした画像(!) しかないので
    画像: 愛知県HP https://www.pref.aichi.jp/site/covid19-aichi/ より ↑の画像はイメージ(Google Cloud Vision 使用)
    

    View Slide

11. というわけで、
    開発・運営に協力頂ける方
    を募集しています
    

    View Slide

12. 例えばこんな方
     楽しそう、と思った方
     イマドキ風のWebアプリ開発をしてみたい方
     ポートフォリオに「COVID-19対策に貢献」を
    追加したい人
     毎日、データを目視確認してデプロイボタン
    を押すだけの簡単な作業ができる方
    

    View Slide

13. ✋してくれる方は
    bit.ly/aichi-covid19-contribute
    または
    Twitter: amay077 まで
    よろしくおねがいします
    

    View Slide

14. 自己紹介・PR
    

    View Slide

15. 自己紹介
    amay077(あめい)
    C#→Android→Xamarin→Angular
    とか
    在宅勤務8年目
    車を持て余す 今居る所
    勤め先
    

    View Slide

16. PR:私の車を借りてください
    [anyca 豊橋 プレマシー] で検索
    7人乗りワゴンでレンタカーより安い！
     車中泊とか浜松方面の聖地巡りとか
    安い下取り代を補完するという強い意志
    招待コード: xH7twH9K
    

    View Slide

17. ありがとうございました
    

    View Slide