Merge pull request #2 from tokyo-metropolitan-gov/development

リポジトリの更新

FORKED_SITES.md

@@ -8,6 +8,7 @@
 [](01)北海道|https://stopcovid19.hokkaido.dev/|JUST道IT（有志団体）|[codeforsapporo/covid19](https://github.com/codeforsapporo/covid19)|
 [](02)青森県|https://covid19.codeforaomori.org|Code for Aomori|[CodeForAomori/covid19](https://github.com/CodeForAomori/covid19)|
 [](02)青森県|https://covid19-aomori.info/|Aomori Hackers（有志団体）|[covid19-aomori/website](https://github.com/covid19-aomori/website)|
+[](02)青森県|https://covid19-daily-tohoku.news/|デーリー東北新聞社|[momujin/covid19](https://github.com/momujin/covid19)|
 [](03)岩手県|https://iwate.stopcovid19.jp/|有志|[MeditationDuck/covid19](https://github.com/MeditationDuck/covid19)|
 [](04)宮城県|https://miyagi.stopcovid19.jp/|Code for Shiogama|[code4shiogama/covid19-miyagi](https://github.com/code4shiogama/covid19-miyagi)|
 [](07)福島県|https://fukushima-covid19.firebaseapp.com|GDG Fukushima|[donuzium/covid19](https://github.com/donuzium/covid19)|

assets/locales/ja-Hira.json

@@ -322,12 +322,14 @@
   "facebookで{title}のグラフをシェア": "{title} の グラフ を、facebook に 投稿（とうこう）する",
   "日付": "日付（ひづけ）",
   "不明": "はっきりとは分（わ）からないもの",
-  "調査中": "調査中",
+  "調査中": "しらべています",
   "{title}のグラフ": "{title} の ぐらふ",
   "東京駅周辺の人口推移（参考値）": "東京駅（とうきょうえき）の ちかく に 来（き）た 人（ひと）",
   "新宿駅周辺の人口推移（参考値）": "新宿駅（しんじゅくえき）の ちかく に 来（き）た 人（ひと）",
   "※ ヤフーに蓄積された位置情報データなどを元に算出した参考値": "※ヤフーが 管理（かんり）している「場所（ばしょ）が 分（わ）かるデータ」を 計算（けいさん）して 出（だ）したおおよその 値（あたい）",
   "※ 土・日・祝日を除く7:30~8:30の平均値": "※土曜日（どようび）・日曜日（にちようび）・休（やす）みの日（ひ）は数（かぞ）えないで、7:30 から 8:30 の 間（あいだ）の 基準（きじゅん）となる値（あたい）",
   "東京23区の人口推移（参考値）": "東京（とうきょう）区内（くない）に 来（き）た 人（ひと）",
-  "※7:30〜8:30の平均値": "※7:30 から 8:30 の 間（あいだ）の 基準（きじゅん）となる値（あたい）"
+  "※7:30〜8:30の平均値": "※7:30 から 8:30 の 間（あいだ）の 基準（きじゅん）となる値（あたい）",
+  "緊急販路開拓助成事業（新型コロナウイルス感染症緊急対策）": "多（おお）くの 人（ひと）に 買（か）ってもらうためのイベントに、お金（かね）を 出（だ）します",
+  "感染症の影響を受け、売上が減少した都内中小企業の展示会出展費用の一部を助成します（限度額：150万円 / 助成率：5分の4 / 助成対象期間：交付決定日から1年1カ月 / 受付期間：5月11日～20日〈予定〉）。": "コロナウイルスで こまっている ちいさな会社（かいしゃ）が イベント を 開（ひら）くときは、お金（かね）を 出（だ）します（多（おお）くても 1,500,000 円（えん）まで / 国（くに）が 出（だ）せる お金（かね）は、4/5 の割合（わりあい） / 支援（しえん）が 決（き）まった 日（ひ）から 数（かぞ）えて、1年（ねん）と 1か月（かげつ）までの 間（あいだ） / 受取日（うけとりび）は、5月11日～20日の間（あいだ）（※この 日付（ひづけ）は 仮（かり）の 日付（ひづけ）で、後（あと）で 変（か）わるかもしれません））"
 }

components/MapCard.vue

@@ -15,9 +15,10 @@
         <li>{{ $t('※ 土・日・祝日を除く7:30~8:30の平均値') }}</li>
       </ol>
     </template>
-    <div class="MapCard-BodyContainer">
+    <div ref="mapCardBodyContainerRef" class="MapCard-BodyContainer">
       <heatmap-legend :legend-data="legendData" />
       <heatmap
+        v-if="active"
         ref="heatmapComponentRef"
         class="MapCard-Heatmap"
         :style="{ height: mapHeight + 'px' }"
@@ -38,13 +39,6 @@
           {{ item.text }}
         </option>
       </select>
-      <!--<v-select
-        v-model="dataDate"
-        :items="dateTicks"
-        :item-text="'text'"
-        :item-value="'value'"
-        @input="handleFocusChanged"
-      />-->
       <div v-show="detailPageUrl !== ''" class="DetailPageLink">
         <nuxt-link :to="detailPageUrl">
           {{ detailPageString }}
@@ -134,12 +128,14 @@ export default {
       default: 'map'
     }
   },
-  data: () => {
-    const dateTicks = [{ text: '02/01', value: '20200201' }]
-    const legendData = []
-    const loading = true
-    const updateDate = ''
-    return { dateTicks, legendData, loading, updateDate }
+  data() {
+    return {
+      active: false,
+      dateTicks: [{ text: '02/01', value: '20200201' }],
+      legendData: [],
+      loading: true,
+      updateDate: ''
+    }
   },
   created() {
     const self = this
@@ -148,6 +144,36 @@ export default {
       .then(res => (self.updateDate = res.yahootile.lastUpdate))
       .catch(_ => (self.updateDate = ''))
   },
+  mounted() {
+    // client且つogp表示ではない且つIntersection Observer APIが存在するとき
+    if (
+      process.client &&
+      this.$route.query.ogp !== 'true' &&
+      'IntersectionObserver' in window
+    ) {
+      const mapObserver = new IntersectionObserver(
+        (entries, observer) => {
+          const inView = entries.every(entry => {
+            return entry.boundingClientRect.top <= window.innerHeight
+          })
+
+          if (inView) {
+            this.active = true
+            observer.unobserve(this.$refs.mapCardBodyContainerRef)
+          }
+        },
+        {
+          root: null,
+          rootMargin: '0px',
+          threshold: 0.1
+        }
+      )
+
+      mapObserver.observe(this.$refs.mapCardBodyContainerRef)
+    } else {
+      this.active = true
+    }
+  },
   methods: {
     updateLegend(legendData) {
       this.legendData = legendData

components/TimeBarChart.vue

@@ -181,9 +181,11 @@ const options: ThisTypedComponentOptionsWithRecordProps<
       if (this.dataKind === 'transition') {
         return {
           lText: `${this.chartData.slice(-1)[0].transition.toLocaleString()}`,
-          sText: `${this.$t('実績値')}（${this.$t('前日比')}: ${
-            this.displayTransitionRatio
-          } ${this.unit}）`,
+          sText: `${this.chartData.slice(-1)[0].label} ${this.$t(
+            '実績値'
+          )}（${this.$t('前日比')}: ${this.displayTransitionRatio} ${
+            this.unit
+          }）`,
           unit: this.unit
         }
       }