code-for-yamaguchi / covid19-yamaguchi Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tokyo-metro-gov/covid19

15.0 15.0 10.0 53.62 MB

【サービス終了】山口県公認新型コロナウイルス感染症対策サイト / Yamaguchi COVID-19 Task Force website

Home Page: https://stopcovid19.codeforyamaguchi.org/

License: MIT License

Vue 81.37% JavaScript 1.24% Python 4.07% TypeScript 6.83% Dockerfile 0.04% HTML 2.32% Shell 1.65% SCSS 2.48%

covid-19

covid19-yamaguchi's Issues

【サクラインターネット】サイトにサクラインターネットのロゴ表示

改善詳細 / Details of Improvement

インフラリソースにご協力頂いたサクラさんの名前、ロゴをサイト内に表示する

期待する見せ方・挙動 / Expected behavior

FBのアイコン付近にロゴを乗せる
https://www.sakura.ad.jp/brand-assets/

改善詳細 / Details of Improvement

スマホで見たときメニューバーが太く感じる

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected behavior

”新型コロナウイルス感染症対策サイト(非公式)”を”山口県”の右に置く等をしてメニューバーを細くする

動作環境・ブラウザ / Environment

iOS 13.3.1
Safari

改善詳細 / Details of Improvement

現状、ブランチの運用についてしっかりと決めていない。改善点などを見直しやすくするために、branchの運用方針をしっかり決め、pull requestを中心に開発していくべきである。

期待する見せ方・挙動 / Expected behavior

福井県版のリポジトリを参考にし、README.mdにブランチの運用について記載する。

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

改善詳細 / Details of Improvement

山口県公認のサイトになったためその旨を追記する

期待する見せ方・挙動 / Expected behavior

ロゴやOGP等を入れ替える

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

改善詳細 / Details of Improvement

感染予防・健康管理

（修正前）
〇手洗い、咳エチケット等により、感染予防に努めてください。
【参考】感染症予防のための正しい手洗い方法（動画）
↓
（修正後）
〇手洗い、咳エチケット等により、感染予防に努めてください。
【参考】「基本は手洗い。」リーフレット (PDF : 696KB)

感染症を疑う場合の対応

（修正前）
〇「新型コロナウイルス感染症にかかる相談窓口について」（東京都福祉保健局）
https://www.pref.yamaguchi.lg.jp/cms/a11000/sodan/koronasoudan.html
↓
（修正後）
〇「新型コロナウイルスに関連する各種相談窓口について」（山口県広報広聴課）
https://www.pref.yamaguchi.lg.jp/cms/a11000/sodan/koronasoudan.html

【当サイトについて】「データについて」を削除する

起こっている問題 / The Problem

「データについて」でダウンロード可能なオープンデータがない

期待する見せ方・挙動 / Expected Behavior

「データについて」自体を削除する
→ 今回は県庁の公開情報をもとに手入力しているため、今後県からオープンデータが提供された際に戻すのがよい

flowの東京版の変更を取り込む

改善詳細 / Details of Improvement

東京都版のflowはデザインが改善されているため、それらを取り込みたい

スクリーンショット / Screenshot

山口県版のflow
東京都版のflow

期待する見せ方・挙動 / Expected behavior

東京都版の変更をcherry-pickで取り込む

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

COVID-19関連の動向数値データ等のAPI提供

改善詳細 / Details of Improvement

県公式サイトからスクレイピングしたデータをAPI提供する

やること

[ ] - data.jsonをgithub pagesからホスティング
[ ] - マニュアルの整備

参考）県公式サイトから取得元のURL

「陽性患者数」及び「陽性患者の属性」
→「新型コロナウイルス感染症の山口県内での発生について」（https://www.pref.yamaguchi.lg.jp/cms/a15200/kansensyou/koronahassei.html）
「検査実施数（累計）」及び「新型コロナ受診相談窓口相談件数（累計）」について
月・水・金曜日に数字の更新（前日までの累計件数を各実施機関等からの報告をもとに県の担当課で取りまとめ）
→「新型コロナウイルスに関連した感染症について」（https://www.pref.yamaguchi.lg.jp/cms/a15200/kansensyou/ncorona.html）
県からのお知らせについては、
各部署が新型コロナウイルス関連の情報を県ＨＰ等で発出する都度、
→「新型コロナウイルスに関連する県からのお知らせ」（https://www.pref.yamaguchi.lg.jp/cms/a11000/korona_kanren/kanren_link.html）

緊急事態宣言が解除されたため、緊急事態宣言についてのアイコンを削除する

起こっている問題 / The Problem

緊急事態宣言が解除されたため、緊急事態宣言についてのアイコンを削除する

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

緊急事態宣言についてのアイコンを削除する

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

【ファビコン】東京都のままになっている

起こっている問題 / The Problem

ファビコンが東京都のままで表示されている

スクリーンショット / Screenshot

期待する見せ方・挙動

フグのマークになる

動作環境・ブラウザ / Environment

macOS
Chrome バージョン: 80.0.3987.132（Official Build）（64 ビット）

SNSシェアする際に出るURLがNetlifyになっている

起こっている問題 / The Problem

Facebook投稿やメッセージ送信の際に表示されるURLが「Netlify」のままになっている

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

本番URLが正しい？
https://yamaguchi.stopcovid19.jp/

起こっている問題の再現手段 / Steps to Reproduce

Facebookに新規投稿するとき
FacebookメッセンジャーでURLを送信したとき

動作環境・ブラウザ / Environment

macOS / iOS
Chrome / Messenger アプリ

【当サイトについて】データ更新について追記する

改善詳細 / Details of Improvement

データ更新に関する事柄を記載する。
県のページより更新が遅れてしまう場合があること等を記載する。

期待する見せ方・挙動 / Expected behavior

"当サイトについて"ページに該当内容を追加

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

自治体別マップを追加する

改善詳細 / Details of Improvement

県のページで、自治体別に人数を集計しているので、自治体別の可視化データの需要は高い

期待する見せ方・挙動 / Expected behavior

他県に類似の可視化データ（参照：茨城県サイト）がすでにある。できれば自治体名ものせて表現したい。

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

「退院数」の掲出方法についての検討（データの取り扱い、見せ方など）

改善詳細 / Details of Improvement

新型コロナウィルスにかかった人の情報は流れてきてますけど、治った人の情報は流れてきてない
東京都では退院数を表示している
→ データ所在と出所が確認できたら、追加方法と見せ方を検討する

データ現状

県庁では退院数を公開する予定はない
厚生労働省データはありますが、陽性患者の誰が退院になったか不明。公開は都道府県の感染者情報の公開と比べてタイムラグがある

期待する見せ方・挙動 / Expected behavior

A案
県公式サイトの新型コロナウイルスに関連した感染症についての中にリンクされている、厚労省ページ「国内事例における都道府県別の患者報告数」をスクレイピングして、現在落としている「検査陽性数の状況（添付画像左」の表を作って退院数を表示する
（PDFは更新されるため、福井県では1時間に1回スクレイピングしてるみたいです）

B案
もっと詳しく知りたい方は厚生労働省ページで俯瞰データ見れるよということで、表の近くに、「都道府県別の患者報告数、入退院の状況については厚生労働省公式サイトをご確認ください」とリンクする

データの取り扱いで注意すべきポイント

東京都では公表済み
ただし、陽性患者の属性の表の「退院」の中に亡くなった方が含まれているため、取り扱いはセンシティブ。批判もある。都の発表データであることを説明し理解を得ている。

docker-compose upがエラーで落ちる

起こっている問題 / The Problem

developブランチの直近のコミット( 24fc355 )にて
docker-compose up
を実行したところ、エラーが発生して落ちた。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

docker-compose up
がエラー無く実行されること。

起こっている問題の再現手段 / Steps to Reproduce

少なくとも自分の環境では、 7417813 のコミット以降で発生する。

動作環境・ブラウザ / Environment

docker-compose/ArchLinux

オープンデータ化に対応する

改善詳細 / Details of Improvement

山口県庁と交渉を行い、山口県オープンデータカタログサイトにオープンデータを掲載してもらえることになった。
オープンデータをjson APIとして提供するリポジトリを作成した。
このjsonを読み込めるようにする

期待する見せ方・挙動 / Expected behavior

オープンデータに追従し正確かつ高速に情報を提供できるようにする

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

「最新のお知らせ」の件数が増えたため、減らすなど最適化する

改善詳細 / Details of Improvement

「最新のお知らせ」が増えて、スマホで見るとグラフが結構下の方になっている
→ 最適な件数の検討含めて、改善したいです。

グラフがみやすい方がいい理由

県公式サイトが落ちていたりトラフィック増えている場合はリンク飛べないこともあり、先にグラフが見えると良い（陽性になった方の居住地を知りたいのだと思うため）

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected behavior

県内の最新感染動向としてみせるための枠なのであれば、「最新の2件のみ」でもいいかも

リンクが古くなっているので更新

改善詳細 / Details of Improvement

県ページがページを新しいものに変更したり削除したりしているためリンクが変わってきている

期待する見せ方・挙動 / Expected behavior

最新の情報に変更する

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

レイアウトをもとに戻す

起こっている問題 / The Problem

#76 をマージ後、レイアウトが変更になっている部分があるので一部もとに戻す

期待する見せ方・挙動 / Expected Behavior

レイアウトを一部以前のものに戻す

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

SEO対策

改善詳細 / Details of Improvement

検索した際に上位に表示させる

やること

SEO対策を行う

【当サイトについて】お問い合わせ先をどうするか決める

改善詳細 / Details of Improvement

「当サイトについて」の末尾にお問い合わせ先を設置する場合、どのメールアドレスにするかを決める必要がある（＝運用体制を作る）

他自治体がとっている方法

以下のいずれかが現実的かなと思いますが、どうでしょうか。ご意見ください。

問い合わせ先としてFacebookページを作ってそこに誘導し、サイト自体のお知らせも配信する。
→ 情報が増えました等のお知らせがしやすい。ただし、運用負荷が発生する
ex. 当サイトについてのお問い合わせは JUST道IT Facebookページまでお願いします。
Code for といった市民エンジニアが受け皿になっている。宇部にも「Code for Ube」があるのでそこにバックアップに入ってもらい、そのメールアドレスを使わせてもらう
→ 運用も一緒にできるかも。ただし、問い合わせ対応を他の人に依頼することになる

他のアイデアも募集します

gmailを作るとか、お問い合わせは載せないなど、他にもアイデアがあると思うので、みんなでどうしたいか決めたいです！

「ソースはこちら」の文言を変更する

改善詳細 / Details of Improvement

「ソースはこちら」という文言が適切ではない
”ソース”という単語が一般的にソースコードであることは認知されていないため適切ではない
このissueはqiitaでいただいた意見です

期待する見せ方・挙動 / Expected behavior

「ソースはこちら」の部分を「出典：山口県オープンデータカタログサイト」に変更する

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

Firefoxで見た場合、陽性患者の属性の表の公表日が昇順に表示される

起こっている問題 / The Problem

Firefoxで見た場合、陽性患者の属性の表の公表日が昇順で表示される。

期待する見せ方・挙動 / Expected Behavior

Firefoxで見た場合でも降順で表示される。

起こっている問題の再現手段 / Steps to Reproduce

Firefoxで見る。

動作環境・ブラウザ / Environment

-Firefox
(Edge,Chrome,Safariの場合は降順で表示されることを確認)

【ファビコン】透過画像になっていない

起こっている問題 / The Problem

ファビコンの画像が透過画像になっていない状態で表示されている。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

ファビコンの画像を透過画像に置き換える。

動作環境・ブラウザ / Environment

Windows10
Chrome

山口県版の「新型コロナウイルス感染症が心配なときに」のフローを作る

改善詳細 / Details of Improvement

感染者が増えてきているので、山口県版の「新型コロナウイルス感染症が心配なときに」のフローを作りたい
参考）https://stopcovid19.metro.tokyo.lg.jp/flow

期待する見せ方・挙動 / Expected behavior

基本的な流れは東京のフローと同様
問い合わせ先が異なる（以下）
https://www.pref.yamaguchi.lg.jp/cms/a11000/sodan/koronasoudan.html

【お気に入り】お気に入りに登録したときのロゴが山になっている

起こっている問題 / The Problem

iPhoneでお気に入りにしたときそのときのロゴが山になっている

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

ファビコンと同様のものにする

動作環境・ブラウザ / Environment

iOS 13.3.1
Safari

多言語化への対応

改善詳細 / Details of Improvement

サイトの表示を多言語化に対応できるようにする

期待する見せ方・挙動 / Expected behavior

とりあえず英語を追加したい

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

「最新のお知らせ」表示

「最新のお知らせ」を表示してはどうでしょうか？
よろしければ私がやってみます。

netlifyのページをリダイレクトする

起こっている問題 / The Problem

政府CIOポータルややじうまの杜のページでnetlifyのページが参照されている。

外部データ（スクレイピングして取得したデータ）がnetifyでは反映されていない。

期待する見せ方・挙動 / Expected Behavior

netlifyのページを独自ドメインのページにリダイレクトする

リンクが無効になっているものを修正

起こっている問題 / The Problem

リンクが切れているものがある

期待する見せ方・挙動 / Expected Behavior

とりあえず新しいリンクに変更する
今後リンクが切れた際は山口県ページのTOPページにリダイレクトをかける

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

【リンク修正】新型コロナウイルスに関する相談窓口の飛び先

起こっている問題 / The Problem

「新型コロナウイルスに関する相談窓口」を押すと、「新型コロナウイルス発生に伴う県主催イベント等の中止・延期について」に遷移する

期待する見せ方・挙動 / Expected Behavior

正しい遷移先は以下
新型コロナウイルスに関する相談窓口 https://www.pref.yamaguchi.lg.jp/cms/a11000/sodan/koronasoudan.html

動作環境・ブラウザ / Environment

macOS
Chrome

CONTRIBUTORSの追加

改善詳細 / Details of Improvement

本リポジトリに貢献していただいた方のリスト（CONTRIBUTORS.md）を作成する

期待する見せ方・挙動 / Expected behavior

以下の形式でこのissueにコメントをお願いします！

名前（ニックネーム）：

GitHub アカウント：

Twitter アカウント：

役割：

その他：

検査陽性者の表示に縦線が描画される

起こっている問題 / The Problem

検査陽性者の表示に縦線が描画される(ことがある)

スクリーンショット / Screenshot

ビューポートの水平解像度が1913pxのとき

期待する見せ方・挙動 / Expected Behavior

縦線がでないようにする

起こっている問題の再現手段 / Steps to Reproduce

おおきなビューポートで開く

埼玉県でも同様の事象があり、他県forkでも古い版で散見されます
codefortoda/covid19-saitama#35

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

【当サイトについて】東京都のままになっている

起こっている問題 / The Problem

免責事項の部分が東京都のままになっている

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

東京都の部分を山口県に変更する

起こっている問題の再現手段 / Steps to Reproduce

ページを閲覧する

動作環境・ブラウザ / Environment

Ubuntu 18.04LTS
Chrome Browse

使っていないファイルの削除

改善詳細 / Details of Improvement

東京都のサイトを山口県版に変更する過程でファイルを消去せず残しているので、使わないものを削除する

期待する見せ方・挙動 / Expected behavior

使用しないファイルを削除し使うファイルのみ残す

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

【リンク先修正】山口県民の皆様への飛び先

改善詳細 / Details of Improvement

「山口県民の皆様へ」の飛び先が「新型コロナウイルスに関連した感染症について」になっている。期待する飛び先かどうか、要確認。
https://www.pref.yamaguchi.lg.jp/cms/a15200/kansensyou/ncorona.html

期待する見せ方・挙動 / Expected behavior

正しいリンク先は「新型コロナウイルスに関連する県からのお知らせ」と思われる
https://www.pref.yamaguchi.lg.jp/cms/a11000/korona_kanren/kanren_link.html

動作環境・ブラウザ / Environment

macOS
Chrome

陽性患者のデータが番号順になっていない

起こっている問題 / The Problem

陽性患者のデータの順番が番号になっていない

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

陽性患者のデータを番号順にする

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

外部データの読み込みが正常にできていない

起こっている問題 / The Problem

#76 をマージ後、外部データの読み込みができていない

期待する見せ方・挙動 / Expected Behavior

外部データの読み込みを行い、最新のデータを表示する

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

【OGP画像】東京都のままになっている

起こっている問題 / The Problem

OGP画像が東京都のままになっている。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

山口県版のOGPを反映させたい

起こっている問題の再現手段 / Steps to Reproduce

SNS等に以下のURLを貼る
https://dev-covid19-yamaguchi.netlify.com/

動作環境・ブラウザ / Environment

Ubuntu18.04LTS
Chrome Browse

開発者ツールのConsoleに表示されるDeprecation Warningの抑制

改善詳細 / Details of Improvement

私たちも同様の問題があったため、解決方法等はissueを参照されたし。
nomunomu0504#100

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

Twitterに関するmetaタグが一部東京のまま

起こっている問題 / The Problem

本サイトのTwitterに関するmetaタグが一部東京のままになっている。Twitterのカード表記に用いられるタグだが、現在の表示方法では問題がないので、緊急ではない

「twitter:site」「twitter:creator」が対象。

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

タグコンテンツが山口県用になる

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

構造化データを埋め直す

改善詳細 / Details of Improvement

東京版への追従作業で失われた構造化データを再度埋め直す

期待する見せ方・挙動 / Expected behavior

pages/index.vueに構造化データを埋める

動作環境・ブラウザ / Environment

macOS / Windows / Linux / iOS / Android
Chrome / Safari / Firefox / Edge / Internet Explorer

緊急事態宣言発令中の表記を出す

改善詳細 / Details of Improvement

緊急事態宣言の対象地域が山口県を含む全国に拡大したため、宣言を示すための表記を追加する

スクリーンショット / Screenshot

東京都のサイトの例

期待する見せ方・挙動 / Expected behavior

「山口県緊急事態宣言について」等の文章に山口県知事のメッセージのリンクを追加する

内容が古い記事を最新のお知らせから削除する

起こっている問題 / The Problem

最新のお知らせに、内容が古い記事へのリンクが残っている

2020/3/16
各省庁が保有する医療機関向けマスクの配布について（山口県）
→3/16に配布するという記事であり、配布日が終了している

スクリーンショット / Screenshot

期待する見せ方・挙動 / Expected Behavior

このニュースを削除する

【当サイトについて】のテキスト修正原稿

改善詳細 / Details of Improvement

「当サイトについて」メインカラムのテキスト修正原稿です。

冒頭部分

（元原稿）
当サイトは新型コロナウイルス感染症 (COVID-19) に関する最新情報を提供するために、東京都が開設したものです。

東京都による公式情報と客観的な数値をわかりやすく伝えることで、東京都にお住まいの方や、東京都内に拠点を持つ企業の方、東京都を訪れる方が、現状を把握して適切な対策を取れるようにすることを目的としています。
↓
（修正後）
当サイトは新型コロナウイルス感染症（COVID-19）に関する最新情報を提供するために、山口県内外の有志が開設したものです。

複製・改変が許されたオープンソースライセンスで公開されている、東京都公式新型コロナウイルス対策サイトの仕組みを利用しています。

山口県による公式情報と客観的な数値をわかりやすく伝えることで、山口県にお住まいの方や、山口県内に拠点を持つ企業の方、山口県を訪れる方が、現状を把握して適切な対策を取れるようにすることを目的としています。