[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 | | himatani | 午後から参加させていただきます! | | | 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) ![](https://i.imgur.com/fbj2xuQ.png) ### アクセシビリティ対応 親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 ![](https://code4sabae.github.io/covid19/vrpatients.png) ### 勝手に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) ![](https://codeforjapan.github.io/supportmenu-vs-covid19/maincharacter.png) ### 地域展開できるかな? 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) **神奈川県非公式!!** ![](https://i.imgur.com/8fHxtTd.jpg) 神奈川県非公式のトップ ![](https://i.imgur.com/6KhGfZM.png) ## 今後について 3/14ソーシャルハックデーオンライン: - hackMD https://hackmd.io/CfLtuw7YTi6O9D-KLfTazw - FBイベント https://www.facebook.com/events/196369201649592/ - connpass https://connpass.com/event/170114/ ### お願い 3/14のソーシャルハックデーでプロジェクトを行う方は記入をお願いします(事前入力、大事!) ![](https://i.imgur.com/Hjieuaq.jpg) ![](https://i.imgur.com/v5OVOqq.jpg)