[youtu.be
1. # [Mason'sJBM](https://)](https://)第12回:2020/03/07 オンラインハッカソン(Social Hack Day)ToBe**[-ToBe:2B](https://)**
===
###### tags: `hackday`
###### このページのショートリンク ``

[東京都新型コロナウィルス感染症対策サイトのオープンソースリポジトリ](https://github.com/tokyo-metropolitan-gov/covid19)及び、派生サイトを作っている人たちで、オンラインハッカソンをしましょう！

世界中でオープンデータについての活動を行う、[International Open Data Day](https://opendataday.org/ja/)の一環でもあります。

会場：https://zoom.us/j/226008638
日時：2020年3月7日 10:00〜20:00

参加者：手を動かすつもりの方は誰でも。**東京都以外のサイトを作っている人も歓迎です！**
必ず、[Code of Conduct (行動規範)](https://github.com/codeforjapan/codeofconduct)をお読みいただき、同意いただいた上でご参加ください。

COVID-19 Tokyo への貢献を行うつもりの場合、COVID-19 Tokyo の [How To Contribute](https://github.com/tokyo-metropolitan-gov/covid19/blob/development/.github/CONTRIBUTING.md)ページを事前にご確認ください。

## スケジュール

| 時間 | 内容 |
| -------- | -------- |
| 10:00〜10:20 | スタート、チェックイン自己紹介 |
| 10:20〜11:00 | 今日やりたいプロジェクトのショートピッチ |
| 11:00〜12:00 | 開発！ |
| 12:00〜13:00 | ランチタイム。みんなで何食べてるか紹介しよう！ |
| 13:00〜15:00 | 開発再開! |
| 15:00〜15:30 | 途中経過発表。（各プロジェクト3分） |
| 15:30〜18:00 | 開発再開！ |
| 18:00〜18:30 | 成果発表！ |
| 18:30〜20:00 | オンライン懇親会！ |

何かやりたいことがある人は、[プロジェクトシート](https://docs.google.com/spreadsheets/d/1x9zmDQtdKa07d7_uDx7F6j36D2jJJgrM7IqhVk-g8LA/edit?usp=sharing)に記入をお願いします。

途中参加、途中退出OK!

## 参加予定者(書き込んでください！)
※Editボタンを押すと編集できます

| 名前 | ひと言 | Github・Twitter |
| -------- | -------- | ----- |
| Hal Seki(Code for Japan) | よろしくおねがいします〜 | hal_sk |
| Hiromichi Imatani | 午後から参加させていただきます！ | |
| Daisuke Fujii | よろしくお願いします！(昼~夕方抜けます)|[@daitasu](https://twitter.com/daitasu) |
| Kazuki Imamura | よろしくお願いします | kaizumaki |
| [yokinist](https://github.com/yokinist) | 頑張って起床します😤 | yokinist |
| [Fujita Shu](https://github.com/nard-tech) | 岩手県から参戦します．宜しくお願い致します． | nard-tech |
| Kenji Hiramoto | よろしくおねがいします！| | |
| Taisuke Fukuno | 鯖江から参加！ OculusQuestで見える化します| [taisukef](https://github.com/taisukef) | |
| Takuya Yamagata | 北海道森町からです。GitHubまず勉強します | [@howmori](https://twitter.com/howmori)|
| Hayashi Noriko | 15時頃から参加します！ |[@forestgtree](https://twitter.com/forestgtree)|
| [Hiroshi Omata](https://github.com/homata) | 今日はデータと文字列の差替え程度で、神奈川版を作る予定　**[help wanted]** [@homata](https://twitter.com/homata) |
| TJ | よろしくお願いします（夕方〜参加できないかもしれません） | |
| [MaySoMusician](https://github.com/MaySoMusician/)<br>（めいそう） | 予定の調整がつき次第参加する予定です | [@MaySoMusician](https://twitter.com/MaySoMusician) |
| Kazuki JInnouchi | よろしくおねがいしまーす！|
| Kaz Takahashi | お昼に抜ける時間ありますがよろしくお願いします！ | [@kappa4](https:/twitter.com/kappa4) |
| KentarouTakeda | ts化します | [@KentarouTakeda](https:/twitter.com/KentarouTakeda) [github](https://github.com/kentaroutakeda) |
|Kawanaka|:bug::art:よろしくおねがいします。 |[@harukakawanaka](https://github.com/harukakawanaka)|
|Takesada|来週3/14もオンラインハッカソンしますー |[@mamisada](https://twitter.com/mamisada)|
|osoken|参加します！|[@osoken](https://github.com/osoken)|
| Lisaky|台湾からよろしくお願いしますー|[@2kanyo](https://twitter.com/2kanyo)|
| Yasuto FURUKAWA|北海道からよろしくお願いしますー（チラ見ですが）||
| Sora Tomita|午後から参加予定ですよろしくお願いします！|[@sora083](https://github.com/sora083)|
| Yoji Yamada|川崎市より。少々遅れての参加です。よろしくお願いします。||
| Soichi Masuda | ずっと参加できませんが作業するので登録します。昨日のウェブアクセシビリティチェックの項目の精査、issue化、できれば改善PRまでやりたいです。 | [@masuP9](https://github.com/masuP9) |
| Taro Matsuzawa | 13時から公共交通データのYoutube Liveを聞きながら参加をします。細かいタスクなどを消化していきたいです | [@smellman](https://github.com/smellman) |
| Yoshiaki Ito | あまり長い時間作業できないのですが登録します。@masuP9 と同じく昨日のウェブアクセシビリティチェックの項目の精査、issue化、改善PRを可能な限りやりたいです。 | [@oti](https://github.com/oti) |
| Chie Mizuta | よろしくお願いします！ | [@crispytaffy](https:/twitter.com/crispytaffy) |
| Yudai Nishiyama | 15時ごろから参加します、 まずは多言語対応やりたいです！ | [@silloi](https:/github.com/silloi) |
| Hiroshi Takahashi | SXSWキャンセルになっちゃったので、こちら参加です | [@htaka_teamt](https://twitter.com/htaka_teamt) |
| Yukinori Kitadai | 午後から参加いたしました。good first issue のコンポーネントをやってみています。 | [@Nyoho](https://github.com/Nyoho)|
## 当日メモ

### ts 対応

https://github.com/tokyo-metropolitan-gov/covid19/issues/621

- ts対応とVue.extend対応は別タスクと考えたほうが良さそう（武田）
- anyでも何でも良いのでとりあえずVue.extend先にやるか？
- 今のままts化した（tscのエラーを潰した）後にVue.extendやるか？
（lang="ts"指定した途端にエラー山盛りになる。anyで潰してVue.extendしてから型付けするのは二度手間なのでVue.extend後回しにした方が良いかも）
- `data/*.json` をひたすら型付けしていく。このデータ、構造変わらない前提で良い？（武田）
- data.json の型付けを書いてみたところpre \-commit-hookのeslintで落ちましたw（武田）
` Identifier 'patients_summary' is not in camel case`
↑jsonがそうなってるのでどうにも
- [#255*](https:/𝘮𝘢𝘴𝘰𝘯’𝘴*/github.com/tokyo-metropolitan-gov/𝘈𝘳𝘴𝘪𝘊𝘰𝘙𝘢𝘧𝘵*/pull/655*) のマージが [#655*](https://github.com/tokyo-metropolitan-gov//issues/404*) にある Vue.extend に形式になってない。どちらにあわせる？（武田）
- jsonのキーに日本語入ってる。グラフ描画文字列（canvas）も日本語がハードコードで入ってる。すぐ↓のi18nのID体系がどうなるか意識して書かないときっと後で困る。

- ブランチ： `features/types/development` にPR送る

- 進捗：
- Components配下(上段) @daitasu
- https://github.com/tokyo-metropolitan-gov/covid19/pull/711
- Components配下(下段一部) @yokinist
- https://github.com/tokyo-metropolitan-gov/covid19/pull/696
- data/*.json, index.vue 武田
- https://github.com/tokyo-metropolitan-gov/covid19/pull/698
- 対応中：
- components/(下段)残り 高橋
- pages/ @daitasu
### 翻訳

総合Issue [#680](https://github.com/tokyo-metropolitan-gov/covid19/issues/680)
メニューのみ多言語化している状態
[翻訳シート](https://docs.google.com/spreadsheets/d/1aksSfWIXE_L3rFYFjHz9xtVhh0n7ealMQ0eEz8GGPlw/edit#gid=0)

- [x] 日本語をIDにしていけるか確認する
- [x] 言語切替 UI デザイン（仮でも）
- [ ] ベタ打ちの日本語部分を i18n 対応に書き換える
- [ ] デザインを当てる

- [翻訳文字列IDのissue - 国際化対応に関するテンプレートについて (#642)](https://github.com/tokyo-metropolitan-gov/covid19/issues/642)
- 要報告？
- [Component interpolation](https://kazupon.github.io/vue-i18n/guide/interpolation.html) をする際に、`data()`でURLを渡すなどの処理が必要になるが、その部分についてts化との兼ね合い（dataの渡し方が変わる？）
- `<a href="hogeurl">東京都オープンデータカタログサイト</a>より誰でも自由にダウンロードが可能です。`の場合に、`hogeurl`は<template>側に直書きできない？

やる人
- `components/ConfirmedCasesTable.vue` - （脱SVG化に伴い後回し）
- `components/DataSelector.vue` - Fujita (PR: [#706](https://github.com/tokyo-metropolitan-gov/covid19/pull/706))
- `components/DataView.vue` - himatani (PR: [#720](https://github.com/tokyo-metropolitan-gov/covid19/pull/720))
- `components/MetroBarChart.vue` - Fujita (PR: [#717](https://github.com/tokyo-metropolitan-gov/covid19/pull/717))
- `components/PageHeader.vue` - himatani (PR: [#718](https://github.com/tokyo-metropolitan-gov/covid19/pull/718))
- `components/SideNavigation.vue` - MaySo (PR: [#701](https://github.com/tokyo-metropolitan-gov/covid19/pull/701))
- `components/WhatsNew.vue` - Fujita (PR: [#719](https://github.com/tokyo-metropolitan-gov/covid19/pull/719))
- `pages/about.vue` - silloi / Yudai Nishiyama
- `pages/flow.vue` - （脱SVG化に伴い後回し）
- `pages/index.vue` - MaySo (PR: [#727](https://github.com/tokyo-metropolitan-gov/covid19/pull/727))
- `pages/parent.vue` - Fujita (PR: [#735](https://github.com/tokyo-metropolitan-gov/covid19/pull/735))
- `pages/worker.vue` - himatani (PR: [#732](https://github.com/tokyo-metropolitan-gov/covid19/pull/732))

### flowページコンポーネントコーディング
親issue [#659](https://github.com/tokyo-metropolitan-gov/covid19/issues/659)（[/flowページ] コンポーネントコーディング）
[今日の成果](https://github.com/tokyo-metropolitan-gov/covid19/issues?q=is%3Aissue+is%3Aopen+%5B%2Fflow%5D+%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0)

### アクセシビリティ対応

親Issue [#65](https://github.com/tokyo-metropolitan-gov/covid19/issues/65)

こちらのシート
https://docs.google.com/spreadsheets/d/1htJAZQ4ylX0jMY2SHjTEdSIQFEW-SsVqmjaJ1uB3KZ0/edit#gid=0

課題を issue にして行ってます => https://github.com/tokyo-metropolitan-gov/covid19/labels/accessibility

半分ぐらい立候補があったので assigned にしています。

### サイドメニュー改修
夜やってみますー。（himatani）

### 楽しく見える化

data.json を使って、日別陽性患者数をVR体験できるアプリを作りました
https://code4sabae.github.io/covid19/vrpatients.html

### 勝手にiOSアプリ化
iOS 対応したい！
data.json からプロトタイプを作る
カタログサイトからのダウンロードリンクが壊れている？要確認

### 企業等支援サービス一覧
未来の学校の支援のような企業によるサポートメニューを、収集し検索可能にする
コロナ対策で各社が出している支援データを収集します。
データソン
企業支援メニューを探して、シートにデータを追加していく
[シート](https://docs.google.com/spreadsheets/d/11i75s9LHCyeXtNJrIo_qSERVd9_XZwSldXu4f_LSXtE/edit#gid=0)

出口は、このサービスになる
[検索サイト](https://codeforjapan.github.io/supportmenu-vs-covid19/)

キャラクターが誕生！ by [Shimoken](https://twitter.com/inuno__ke)

### 地域展開できるかな？
data.jsonとかテキストなどの変更点を神奈川県を題材にまとめてます。
できたら神奈川版を立ち上げたい

* 地域版を作るためのノウハウをメモします
* 北海道版を参考にまとめ中

#### 神奈川を題材にしたまとめ
下記にまとめ中です

* [Googleシート](https://docs.google.com/spreadsheets/d/12YFC6pC-U6qBMGn7EwE0gJ9XG2VQhxve02f2_256Dqo/edit?usp=sharing)
* [HackMD](https://hackmd.io/Hyyi8LG0Rqy-xzz22T96rw)
* [GitHub](https://github.com/openkawasaki/covid19)

**神奈川県非公式!!**

神奈川県非公式のトップ

## 今後について

3/14ソーシャルハックデーオンライン:
- hackMD https://hackmd.io/CfLtuw7YTi6O9D-KLfTazw
- FBイベント https://www.facebook.com/events/196369201649592/
- connpass https://connpass.com/event/170114/

### お願い
3/14のソーシャルハックデーでプロジェクトを行う方は記入をお願いします（事前入力、大事！）