From 12ba4df19d175b16fa08afb42beb0c1b5c80d76f Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Tue, 17 Mar 2020 20:33:21 +0900
Subject: [PATCH 01/15] =?UTF-8?q?7=E5=88=97=E3=82=B5=E3=83=96=E3=83=94?=
 =?UTF-8?q?=E3=82=AF=E3=82=BB=E3=83=AB=E5=AF=BE=E5=BF=9C=E9=AB=98=E3=81=95?=
 =?UTF-8?q?=E8=87=AA=E5=8B=95=E8=AA=BF=E6=95=B4=E7=89=88=E3=81=A7=E4=B8=80?=
 =?UTF-8?q?=E6=97=A6=E5=86=8D=E3=82=B3=E3=83=BC=E3=83=87=E3=82=A3=E3=83=B3?=
 =?UTF-8?q?=E3=82=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/ConfirmedCasesTable.vue | 425 ++++++++++++++++-------------
 1 file changed, 241 insertions(+), 184 deletions(-)

diff --git a/components/ConfirmedCasesTable.vue b/components/ConfirmedCasesTable.vue
index 41aec911..1ce3ce15 100644
--- a/components/ConfirmedCasesTable.vue
+++ b/components/ConfirmedCasesTable.vue
@@ -1,87 +1,87 @@
 <template>
-  <ul class="wrapper group">
-    <li class="item checked">
-      <div class="gutter">
-        <div class="box tall">
+  <ul :class="$style.container">
+    <li :class="[$style.box, $style.tall, $style.tested]">
+      <div :class="[$style.pillar]">
+        <div :class="$style.content">
           <!-- eslint-disable vue/no-v-html-->
           <span v-html="$t('検査実施<br />人数')" />
           <!-- eslint-enable vue/no-v-html-->
           <span>
             <b>{{ 検査実施人数 }}</b>
-            <span class="unit">{{ $t('人') }}</span>
+            <span :class="$style.unit">{{ $t('人') }}</span>
           </span>
         </div>
       </div>
     </li>
-    <li class="item positive">
-      <div class="gutter">
-        <div class="box tall">
+    <li :class="[$style.box, $style.tall, $style.parent, $style.confirmed]">
+      <div :class="$style.pillar">
+        <div :class="$style.content">
           <span>
             {{ $t('陽性者数') }}
             <br />{{ $t('(累積)') }}
           </span>
           <span>
             <b>{{ 陽性物数 }}</b>
-            <span class="unit">{{ $t('人') }}</span>
+            <span :class="$style.unit">{{ $t('人') }}</span>
           </span>
         </div>
       </div>
-      <ul class="group">
-        <li class="item in-hospital">
-          <div class="gutter oneThird">
-            <div class="box">
+      <ul :class="$style.group">
+        <li :class="[$style.box, $style.parent, $style.hospitalized]">
+          <div :class="$style.pillar">
+            <div :class="$style.content">
               <span>{{ $t('入院中') }}</span>
               <span>
                 <b>{{ 入院中 }}</b>
-                <span class="unit">{{ $t('人') }}</span>
+                <span :class="$style.unit">{{ $t('人') }}</span>
               </span>
             </div>
           </div>
-          <ul class="group">
-            <li class="item mild">
-              <div class="gutter">
-                <div class="box short">
+          <ul :class="$style.group">
+            <li :class="[$style.box, $style.short, $style.minor]">
+              <div :class="$style.pillar">
+                <div :class="$style.content">
                   <!-- eslint-disable vue/no-v-html-->
                   <span v-html="$t('軽症・<br />中等症')" />
                   <!-- eslint-enable vue/no-v-html-->
                   <span>
                     <b>{{ 軽症中等症 }}</b>
-                    <span class="unit">{{ $t('人') }}</span>
+                    <span :class="$style.unit">{{ $t('人') }}</span>
                   </span>
                 </div>
               </div>
             </li>
-            <li class="item serious">
-              <div class="gutter">
-                <div class="box short">
+            <li :class="[$style.box, $style.short, $style.severe]">
+              <div :class="$style.pillar">
+                <div :class="$style.content">
                   <span>{{ $t('重症') }}</span>
                   <span>
                     <b>{{ 重症 }}</b>
-                    <span class="unit">{{ $t('人') }}</span>
+                    <span :class="$style.unit">{{ $t('人') }}</span>
                   </span>
                 </div>
               </div>
             </li>
           </ul>
         </li>
-        <li class="item deceased">
-          <div class="gutter">
-            <div class="box">
+        <li :class="[$style.box, $style.deceased]">
+          <div :class="$style.pillar">
+            <div :class="$style.content">
               <span>{{ $t('死亡') }}</span>
               <span>
                 <b>{{ 死亡 }}</b>
-                <span class="unit">{{ $t('人') }}</span>
+                <span :class="$style.unit">{{ $t('人') }}</span>
               </span>
             </div>
           </div>
         </li>
-        <li class="item recovered">
-          <div class="gutter">
-            <div class="box">
+        <li :class="[$style.box, $style.recovered]">
+          <div :class="$style.pillar">
+            <div :class="$style.content">
               <span>{{ $t('退院') }}</span>
               <span>
                 <b>{{ 退院 }}</b>
-                <span class="unit">{{ $t('人') }}</span>
+                <span :class="$style.unit">{{ $t('人') }}</span>
               </span>
             </div>
           </div>
@@ -165,202 +165,259 @@ export default Vue.extend({
 })
 </script>
 
-<style lang="scss" scoped>
-.wrapper {
-  width: calc(100% + 3px);
+<style lang="scss" module>
+$default-bdw: 3px;
+$default-boxdiff: 35px;
+
+.container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
   box-sizing: border-box;
+  color: $green-1;
+  line-height: 1.35;
   * {
-    box-sizing: inherit;
+    box-sizing: border-box;
+  }
+  // override default styles
+  padding-left: 0 !important;
+  ul {
+    padding-left: 0;
   }
 }
-.group {
+.box {
   display: flex;
   align-items: flex-end;
-  padding-left: 0;
-  flex: 0 0 auto;
-}
-.item {
-  display: block;
-  list-style-type: none;
   flex: 0 0 auto;
-}
-.gutter {
-  width: 100%;
-  padding-right: 3px;
-  &.oneThird {
-    width: calc(100% / 3);
+  &.parent {
+    border-top: $default-bdw solid $green-1;
+    border-left: $default-bdw solid $green-1;
+    position: relative;
+    padding-top: $default-boxdiff - $default-bdw * 2;
+    &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      top: -1px;
+      right: 0;
+      height: $default-boxdiff - $default-bdw - 2;
+      border-left: $default-bdw solid $green-1;
+    }
+    > .pillar {
+      margin-top: -$default-boxdiff;
+      border-top: none;
+      border-right: none;
+      border-left: none;
+    }
+  }
+  &.tested {
+    // [7列] 1/7セル
+    width: calc((100% - #{$default-bdw} * 6) / 7);
+    color: $gray-1;
+    > .pillar {
+      border-color: $gray-1;
+    }
+  }
+  &.confirmed {
+    margin-left: $default-bdw;
+    // [7列] 6/7
+    width: calc((100% - #{$default-bdw} * 6) / 7 * 6 + #{$default-bdw} * 5);
+    > .pillar {
+      // [6列] 1/6
+      width: calc((100% + #{$default-bdw} * 2) / 6 - #{$default-bdw} * 3);
+    }
+    > .group {
+      // [6列] 5/6
+      width: calc((100% + #{$default-bdw} * 2) / 6 * 5 + #{$default-bdw});
+    }
+  }
+  &.hospitalized {
+    margin-left: $default-bdw;
+    // [5列] 3/5
+    width: calc(100% / 5 * 3 - #{$default-bdw});
+    > .pillar {
+      // [3列] 1/3
+      width: calc((100% + #{$default-bdw} * 2) / 3 - #{$default-bdw} * 3);
+    }
+    > .group {
+      // [3列] 2/3
+      width: calc((100% + #{$default-bdw} * 2) / 3 * 2 + #{$default-bdw});
+    }
+  }
+  &.minor,
+  &.severe {
+    margin-left: $default-bdw;
+    // [2列] 1/2
+    width: calc(100% / 2 - #{$default-bdw});
+  }
+  &.deceased,
+  &.recovered {
+    margin-left: $default-bdw;
+    // [5列] 1/5
+    width: calc(100% / 5 - #{$default-bdw});
   }
 }
-.box {
-  $box-height: 170px;
+.pillar {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  position: relative;
-  padding-bottom: 26px;
-  width: 100%;
-  height: $box-height;
-  border: 3px solid $green-1;
-  color: $green-1;
-  @include font-size(14);
+  flex: 0 0 auto;
   text-align: center;
-  line-height: 1.2;
-  &.tall {
-    height: $box-height + 35px;
-  }
-  &.short {
-    height: $box-height - 35px;
-  }
-  span:last-child {
-    margin-top: 0.2em;
+  width: 100%;
+  height: 100%;
+  border: $default-bdw solid $green-1;
+  > span {
+    display: block;
+    @include font-size(14);
+    &:last-child {
+      margin-top: 0.1em;
+    }
   }
-  b {
-    font-weight: normal;
-    @include font-size(18);
+  span b {
+    @include font-size(16);
   }
-}
-.unit {
-  @include font-size(14);
-}
-
-// 検査
-.item.checked {
-  width: calc(100% / 7);
-  > .gutter > .box {
-    border-color: $gray-1;
-    color: $gray-1;
+  span.unit {
+    @include font-size(14);
   }
 }
-// 陽性
-.item.positive {
+.group {
+  height: 100%;
+  padding-left: 0;
+  padding-top: $default-bdw;
+  border-top: $default-bdw solid $green-1;
+  border-left: $default-bdw solid $green-1;
   display: flex;
-  justify-content: space-between;
-  width: calc(100% / 7 * 6);
-  > .group {
-    width: calc(100% / 6 * 5);
+  align-items: flex-end;
+  .box {
+    height: 100%;
   }
 }
-// 入院
-.item.in-hospital {
+.content {
+  height: 100%;
+  min-height: 150px;
+  padding: 10px 0;
   display: flex;
-  justify-content: space-between;
-  width: calc(100% / 5 * 3);
-  > .group {
-    width: calc(100% / 3 * 2);
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  > span:first-child {
+    word-break: break-all;
   }
 }
-// 軽症・中等症
-.item.mild {
-  width: calc(100% / 2);
-}
-// 重症
-.item.serious {
-  width: calc(100% / 2);
-}
-// 死亡
-.item.deceased {
-  width: calc(100% / 5);
-}
-// 退院
-.item.recovered {
-  width: calc(100% / 5);
-}
 
-.item.positive > .gutter > .box::before,
-.item.in-hospital > .gutter > .box::before,
-.item.serious > .gutter > .box::before,
-.item.recovered > .gutter > .box::before {
-  content: '';
-  display: block;
-  border: 3px solid $green-1;
-  background-color: $white;
-  position: absolute;
-  height: 32px;
-}
-.item.positive > .gutter > .box::before,
-.item.in-hospital > .gutter > .box::before {
-  border-right: none;
-  top: -3px;
-  right: calc(-100% - 3px - 3px);
-  width: calc(100% + 3px + 3px);
-  border-left: none;
-  border-right: none;
-}
-.item.serious > .gutter > .box::before,
-.item.recovered > .gutter > .box::before {
-  top: calc(-35px - 3px);
-  right: -3px;
-  border-left: none;
-}
-.item.serious > .gutter > .box::before {
-  width: 200%;
-}
-.item.recovered > .gutter > .box::before {
-  width: 520%;
+@function px2vw($px, $vw: 0) {
+  @if $vw > 0 {
+    @return ceil($px / $vw * 100000vw) / 1000;
+  } @else {
+    @return $px * 1px;
+  }
 }
 
-@function px2vw($px, $vw) {
-  @return ceil($px / $vw * 100000vw) / 1000;
-}
-@mixin variation($vw, $bdw, $fz, $boxh, $boxdiff) {
-  .gutter {
-    padding-right: px2vw($bdw, $vw);
-  }
+@mixin override($vw, $bdw, $fz, $boxh, $boxdiff) {
   .box {
-    padding-bottom: px2vw($boxh * 0.17, $vw);
-    border-width: px2vw($bdw, $vw);
-    height: px2vw($boxh, $vw);
-    font-size: px2vw($fz, $vw);
-    &.tall {
-      height: px2vw($boxh + $boxdiff, $vw);
+    &.parent {
+      border-top-width: px2vw($bdw, $vw);
+      border-left-width: px2vw($bdw, $vw);
+      padding-top: px2vw($boxdiff, $vw) - px2vw($bdw, $vw) * 2;
+      &::after {
+        height: px2vw($boxdiff - $bdw, $vw);
+        border-left-width: px2vw($bdw, $vw);
+      }
+      > .pillar {
+        margin-top: px2vw((-$boxdiff), $vw);
+      }
     }
-    &.short {
-      height: px2vw($boxh - $boxdiff, $vw);
+    &.tested {
+      width: calc((100% - #{px2vw($bdw, $vw)} * 6) / 7);
     }
-    b {
-      font-size: px2vw($fz + 2, $vw);
+    &.confirmed {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(
+        (100% - #{px2vw($bdw, $vw)} * 6) / 7 * 6 + #{px2vw($bdw, $vw)} * 5
+      );
+      > .pillar {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 6 - #{px2vw($bdw, $vw)} * 3
+        );
+      }
+      > .group {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 6 * 5 + #{px2vw($bdw, $vw)}
+        );
+      }
+    }
+    &.hospitalized {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(100% / 5 * 3 - #{px2vw($bdw, $vw)});
+      > .pillar {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 3 - #{px2vw($bdw, $vw)} * 3
+        );
+      }
+      > .group {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 3 * 2 + #{px2vw($bdw, $vw)}
+        );
+      }
+    }
+    &.minor,
+    &.severe {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(100% / 2 - #{px2vw($bdw, $vw)});
+    }
+    &.deceased,
+    &.recovered {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(100% / 5 - #{px2vw($bdw, $vw)});
     }
   }
-  .unit {
-    font-size: px2vw($fz, $vw);
-  }
-  .item.positive > .gutter > .box::before,
-  .item.in-hospital > .gutter > .box::before,
-  .item.serious > .gutter > .box::before,
-  .item.recovered > .gutter > .box::before {
-    border-width: px2vw($bdw, $vw);
-    height: px2vw($boxdiff - $bdw, $vw);
-  }
-  .item.positive > .gutter > .box::before,
-  .item.in-hospital > .gutter > .box::before {
-    top: px2vw(-$bdw, $vw);
-    right: calc(-100% - #{px2vw($bdw * 2, $vw)} + 0.3px);
-    width: calc(100% + #{px2vw($bdw * 2, $vw)});
+  .pillar {
+    border: px2vw($bdw, $vw) solid $green-1;
+    > span {
+      @include font-size($fz);
+    }
+    span b {
+      @include font-size($fz + 2);
+    }
+    span.unit {
+      @include font-size($fz);
+    }
   }
-  .item.serious > .gutter > .box::before,
-  .item.recovered > .gutter > .box::before {
-    top: px2vw(-$boxdiff - $bdw, $vw);
-    right: px2vw(-$bdw, $vw);
+  .group {
+    padding-top: px2vw($bdw, $vw);
+    border-top-width: px2vw($bdw, $vw);
+    border-left-width: px2vw($bdw, $vw);
   }
 }
 
-// variables.scss Breakpoints: huge
+// variables.scss Breakpoints: huge (1440)
 @include lessThan(1440) {
-  @include variation(1440, 3, 14, 180, 35);
+  @include override(1440, 3, 14, 150, 35);
 }
 
-// Vuetify Breakpoints: Large
+// Vuetify Breakpoints: Large (1264)
 @include lessThan(1263) {
-  @include variation(1263, 2, 12, 150, 24);
+  @include override(1263, 2, 12, 107, 24);
 }
 
-// Vuetify Breakpoints: Small
+// variables.scss Breakpoints: large (1170)
+@include lessThan(1170) {
+  @include override(1170, 2, 11, 107, 24);
+}
+
+// Vuetify Breakpoints: Small (960)
 @include lessThan(959) {
-  @include variation(960, 4, 16, 250, 40);
+  @include override(960, 4, 16, 180, 40);
+}
+@include lessThan(767) {
+  @include override(960, 3, 12, 180, 40);
 }
 
-// Vuetify Breakpoints: Extra Small
-@include lessThan(599) {
-  @include variation(600, 3, 14, 200, 35);
+// Vuetify Breakpoints: Extra Small (600)
+@include lessThan(600) {
+  @include override(600, 3, 14, 150, 35);
+}
+@include lessThan(420) {
+  @include override(600, 2, 10, 150, 35);
 }
 </style>

From 421d6b85153ccfceb2286b37e8d206597e03cdd6 Mon Sep 17 00:00:00 2001
From: mmfiber <masa.03191996@gmail.com>
Date: Wed, 18 Mar 2020 21:09:24 +0900
Subject: [PATCH 02/15] enable to change data label for TimeStackedBarChart

---
 components/TimeStackedBarChart.vue    | 15 ++++++++++++---
 components/cards/TestedNumberCard.vue |  4 ++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index ac7fa970..6cce76db 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -31,6 +31,7 @@
 <script lang="ts">
 import Vue from 'vue'
 import { ThisTypedComponentOptionsWithRecordProps } from 'vue/types/options'
+import { TranslateResult } from 'vue-i18n'
 import DataView from '@/components/DataView.vue'
 import DataSelector from '@/components/DataSelector.vue'
 import DataViewBasicInfoPanel from '@/components/DataViewBasicInfoPanel.vue'
@@ -91,6 +92,7 @@ type Props = {
   date: string
   items: string[]
   labels: string[]
+  dataLabels: string[] | TranslateResult[]
   unit: string
 }
 
@@ -134,6 +136,10 @@ const options: ThisTypedComponentOptionsWithRecordProps<
       type: Array,
       default: () => []
     },
+    dataLabels: {
+      type: Array,
+      default: () => []
+    },
     unit: {
       type: String,
       default: ''
@@ -196,14 +202,17 @@ const options: ThisTypedComponentOptionsWithRecordProps<
         return this.cumulative(item)
       })
       const cumulativeSumArray = this.eachArraySum(cumulativeData)
+      const dLabelLen = this.dataLabels.length
       return {
         tooltips: {
           displayColors: false,
           callbacks: {
             label: (tooltipItem: any) => {
-              const labelTokyo = this.$t('都内')
-              const labelOthers = this.$t('その他')
-              const labelArray = [labelTokyo, labelOthers]
+              const labelMain =
+                dLabelLen >= 1 ? this.dataLabels[0] : this.$t('都内')
+              const labelOthers =
+                dLabelLen >= 2 ? this.dataLabels[1] : this.$t('その他')
+              const labelArray = [labelMain, labelOthers]
               let casesTotal, cases
               if (this.dataKind === 'transition') {
                 casesTotal = sumArray[tooltipItem.index].toLocaleString()
diff --git a/components/cards/TestedNumberCard.vue b/components/cards/TestedNumberCard.vue
index a0ffceea..b5ea70ba 100644
--- a/components/cards/TestedNumberCard.vue
+++ b/components/cards/TestedNumberCard.vue
@@ -1,5 +1,9 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
+    <!-- 
+      You can add dataLabels attribute to time-stacked-bar-chart.
+      this.$t('都内') and this.$t('その他') are set as default value in TimeStackedBarChart.vue
+      -->
     <time-stacked-bar-chart
       :title="$t('検査実施数')"
       :title-id="'number-of-tested'"

From 344a38ed8c3bddc67843ad21fcbeeb86e5ddacb7 Mon Sep 17 00:00:00 2001
From: mmfiber <masa.03191996@gmail.com>
Date: Wed, 18 Mar 2020 22:03:41 +0900
Subject: [PATCH 03/15] make TimeStackedBarChart possible to handle more than 2
 data

---
 components/TimeStackedBarChart.vue    | 8 +-------
 components/cards/TestedNumberCard.vue | 9 ++++-----
 2 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index 6cce76db..adfc2603 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -202,17 +202,11 @@ const options: ThisTypedComponentOptionsWithRecordProps<
         return this.cumulative(item)
       })
       const cumulativeSumArray = this.eachArraySum(cumulativeData)
-      const dLabelLen = this.dataLabels.length
       return {
         tooltips: {
           displayColors: false,
           callbacks: {
             label: (tooltipItem: any) => {
-              const labelMain =
-                dLabelLen >= 1 ? this.dataLabels[0] : this.$t('都内')
-              const labelOthers =
-                dLabelLen >= 2 ? this.dataLabels[1] : this.$t('その他')
-              const labelArray = [labelMain, labelOthers]
               let casesTotal, cases
               if (this.dataKind === 'transition') {
                 casesTotal = sumArray[tooltipItem.index].toLocaleString()
@@ -229,7 +223,7 @@ const options: ThisTypedComponentOptionsWithRecordProps<
               }
 
               return `${
-                labelArray[tooltipItem.datasetIndex]
+                this.dataLabels[tooltipItem.datasetIndex]
               }: ${cases} ${unit} (${this.$t('合計')}: ${casesTotal} ${unit})`
             },
             title(tooltipItem, data) {
diff --git a/components/cards/TestedNumberCard.vue b/components/cards/TestedNumberCard.vue
index b5ea70ba..9e182091 100644
--- a/components/cards/TestedNumberCard.vue
+++ b/components/cards/TestedNumberCard.vue
@@ -1,9 +1,5 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
-    <!-- 
-      You can add dataLabels attribute to time-stacked-bar-chart.
-      this.$t('都内') and this.$t('その他') are set as default value in TimeStackedBarChart.vue
-      -->
     <time-stacked-bar-chart
       :title="$t('検査実施数')"
       :title-id="'number-of-tested'"
@@ -13,6 +9,7 @@
       :items="inspectionsItems"
       :labels="inspectionsLabels"
       :unit="$t('件.tested')"
+      :data-labels="inspectionsDataLabels"
     />
     <!-- 件.tested = 検査数 -->
   </v-col>
@@ -37,12 +34,14 @@ export default {
       this.$t('その他（チャーター便・クルーズ船）')
     ]
     const inspectionsLabels = Data.inspections_summary.labels
+    const inspectionsDataLabels = [this.$t('都内'), this.$t('その他')]
 
     const data = {
       Data,
       inspectionsGraph,
       inspectionsItems,
-      inspectionsLabels
+      inspectionsLabels,
+      inspectionsDataLabels
     }
     return data
   }

From f6234423216937ab652df798e44bfe4956b2988b Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Wed, 18 Mar 2020 22:14:12 +0900
Subject: [PATCH 04/15] update ConfirmedCasesTable 7col to 6col, refactoring

---
 components/ConfirmedCasesTable.vue | 109 ++++++++++-------------------
 1 file changed, 37 insertions(+), 72 deletions(-)

diff --git a/components/ConfirmedCasesTable.vue b/components/ConfirmedCasesTable.vue
index 1ce3ce15..fe9f85ba 100644
--- a/components/ConfirmedCasesTable.vue
+++ b/components/ConfirmedCasesTable.vue
@@ -1,24 +1,11 @@
 <template>
   <ul :class="$style.container">
-    <li :class="[$style.box, $style.tall, $style.tested]">
-      <div :class="[$style.pillar]">
-        <div :class="$style.content">
-          <!-- eslint-disable vue/no-v-html-->
-          <span v-html="$t('検査実施<br />人数')" />
-          <!-- eslint-enable vue/no-v-html-->
-          <span>
-            <b>{{ 検査実施人数 }}</b>
-            <span :class="$style.unit">{{ $t('人') }}</span>
-          </span>
-        </div>
-      </div>
-    </li>
     <li :class="[$style.box, $style.tall, $style.parent, $style.confirmed]">
       <div :class="$style.pillar">
         <div :class="$style.content">
           <span>
             {{ $t('陽性者数') }}
-            <br />{{ $t('(累積)') }}
+            <br />({{ $t('累計') }})
           </span>
           <span>
             <b>{{ 陽性物数 }}</b>
@@ -167,6 +154,7 @@ export default Vue.extend({
 
 <style lang="scss" module>
 $default-bdw: 3px;
+$default-boxh: 150px;
 $default-boxdiff: 35px;
 
 .container {
@@ -187,8 +175,6 @@ $default-boxdiff: 35px;
 }
 .box {
   display: flex;
-  align-items: flex-end;
-  flex: 0 0 auto;
   &.parent {
     border-top: $default-bdw solid $green-1;
     border-left: $default-bdw solid $green-1;
@@ -204,24 +190,14 @@ $default-boxdiff: 35px;
       border-left: $default-bdw solid $green-1;
     }
     > .pillar {
-      margin-top: -$default-boxdiff;
+      margin-top: -($default-boxdiff - $default-bdw * 2);
       border-top: none;
       border-right: none;
       border-left: none;
     }
   }
-  &.tested {
-    // [7列] 1/7セル
-    width: calc((100% - #{$default-bdw} * 6) / 7);
-    color: $gray-1;
-    > .pillar {
-      border-color: $gray-1;
-    }
-  }
   &.confirmed {
-    margin-left: $default-bdw;
-    // [7列] 6/7
-    width: calc((100% - #{$default-bdw} * 6) / 7 * 6 + #{$default-bdw} * 5);
+    width: 100%;
     > .pillar {
       // [6列] 1/6
       width: calc((100% + #{$default-bdw} * 2) / 6 - #{$default-bdw} * 3);
@@ -264,45 +240,39 @@ $default-boxdiff: 35px;
   flex: 0 0 auto;
   text-align: center;
   width: 100%;
-  height: 100%;
   border: $default-bdw solid $green-1;
-  > span {
-    display: block;
-    @include font-size(14);
-    &:last-child {
-      margin-top: 0.1em;
-    }
-  }
-  span b {
-    @include font-size(16);
-  }
-  span.unit {
-    @include font-size(14);
-  }
 }
 .group {
-  height: 100%;
+  display: flex;
+  flex: 0 0 auto;
   padding-left: 0;
   padding-top: $default-bdw;
   border-top: $default-bdw solid $green-1;
   border-left: $default-bdw solid $green-1;
-  display: flex;
-  align-items: flex-end;
-  .box {
-    height: 100%;
-  }
 }
 .content {
-  height: 100%;
-  min-height: 150px;
-  padding: 10px 0;
+  min-height: $default-boxh;
+  padding: 10px 2px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
-  > span:first-child {
+  > span:not(:last-child) {
     word-break: break-all;
   }
+  > span {
+    display: block;
+    @include font-size(16);
+    &:last-child {
+      margin-top: 0.1em;
+    }
+  }
+  span b {
+    @include font-size(18);
+  }
+  span.unit {
+    @include font-size(16);
+  }
 }
 
 @function px2vw($px, $vw: 0) {
@@ -324,17 +294,10 @@ $default-boxdiff: 35px;
         border-left-width: px2vw($bdw, $vw);
       }
       > .pillar {
-        margin-top: px2vw((-$boxdiff), $vw);
+        margin-top: px2vw((-($boxdiff - $bdw * 2)), $vw);
       }
     }
-    &.tested {
-      width: calc((100% - #{px2vw($bdw, $vw)} * 6) / 7);
-    }
     &.confirmed {
-      margin-left: px2vw($bdw, $vw);
-      width: calc(
-        (100% - #{px2vw($bdw, $vw)} * 6) / 7 * 6 + #{px2vw($bdw, $vw)} * 5
-      );
       > .pillar {
         width: calc(
           (100% + #{px2vw($bdw, $vw)} * 2) / 6 - #{px2vw($bdw, $vw)} * 3
@@ -372,7 +335,14 @@ $default-boxdiff: 35px;
     }
   }
   .pillar {
-    border: px2vw($bdw, $vw) solid $green-1;
+    border-width: px2vw($bdw, $vw);
+  }
+  .group {
+    padding-top: px2vw($bdw, $vw);
+    border-top-width: px2vw($bdw, $vw);
+    border-left-width: px2vw($bdw, $vw);
+  }
+  .content {
     > span {
       @include font-size($fz);
     }
@@ -383,34 +353,29 @@ $default-boxdiff: 35px;
       @include font-size($fz);
     }
   }
-  .group {
-    padding-top: px2vw($bdw, $vw);
-    border-top-width: px2vw($bdw, $vw);
-    border-left-width: px2vw($bdw, $vw);
-  }
 }
 
 // variables.scss Breakpoints: huge (1440)
 @include lessThan(1440) {
-  @include override(1440, 3, 14, 150, 35);
+  @include override(1440, 3, 15, 150, 35);
 }
 
 // Vuetify Breakpoints: Large (1264)
 @include lessThan(1263) {
-  @include override(1263, 2, 12, 107, 24);
+  @include override(1263, 2, 13, 107, 24);
 }
 
 // variables.scss Breakpoints: large (1170)
 @include lessThan(1170) {
-  @include override(1170, 2, 11, 107, 24);
+  @include override(1170, 2, 13, 107, 24);
 }
 
 // Vuetify Breakpoints: Small (960)
 @include lessThan(959) {
-  @include override(960, 4, 16, 180, 40);
+  @include override(960, 4, 14, 180, 40);
 }
 @include lessThan(767) {
-  @include override(960, 3, 12, 180, 40);
+  @include override(960, 3, 14, 180, 40);
 }
 
 // Vuetify Breakpoints: Extra Small (600)
@@ -418,6 +383,6 @@ $default-boxdiff: 35px;
   @include override(600, 3, 14, 150, 35);
 }
 @include lessThan(420) {
-  @include override(600, 2, 10, 150, 35);
+  @include override(600, 2, 12, 150, 35);
 }
 </style>

From 7544ae27b2e98cc67447c0a2932b816c8f1fa57a Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Wed, 18 Mar 2020 22:35:43 +0900
Subject: [PATCH 05/15] add TestedCasesTable component

---
 components/TestedCasesTable.vue | 293 ++++++++++++++++++++++++++++++++
 1 file changed, 293 insertions(+)
 create mode 100644 components/TestedCasesTable.vue

diff --git a/components/TestedCasesTable.vue b/components/TestedCasesTable.vue
new file mode 100644
index 00000000..1c992164
--- /dev/null
+++ b/components/TestedCasesTable.vue
@@ -0,0 +1,293 @@
+<template>
+  <ul :class="$style.container">
+    <li :class="[$style.box, $style.tall, $style.tested]">
+      <div :class="[$style.pillar]">
+        <div :class="$style.content">
+          <!-- eslint-disable vue/no-v-html-->
+          <span>
+            {{ $t('検査実施人数') }}
+            <br />({{ $t('累計') }})
+          </span>
+          <!-- eslint-enable vue/no-v-html-->
+          <span>
+            <b>00000</b>
+            <span :class="$style.unit">{{ $t('人') }}</span>
+          </span>
+        </div>
+      </div>
+    </li>
+    <li :class="[$style.box, $style.tall, $style.parent, $style.cases]">
+      <div :class="$style.title">
+        {{ $t('検査実施件数') }}
+        ({{ $t('累計') }})
+      </div>
+      <div :class="$style.pillar">
+        <div :class="$style.content">
+          <span>{{ $t('合計') }}</span>
+          <span>
+            <b>00000</b>
+            <span :class="$style.unit">{{ $t('件.tested') }}</span>
+          </span>
+        </div>
+      </div>
+      <ul :class="$style.group">
+        <li :class="[$style.box, $style.inside]">
+          <div :class="$style.pillar">
+            <div :class="$style.content">
+              <span>{{ $t('都内発生') }}</span>
+              <span>
+                <b>00000</b>
+                <span :class="$style.unit">{{ $t('件.tested') }}</span>
+              </span>
+            </div>
+          </div>
+        </li>
+        <li :class="[$style.box, $style.others]">
+          <div :class="$style.pillar">
+            <div :class="$style.content">
+              <span>{{ $t('その他') }}</span>
+              <span :class="$style.small">{{
+                $t('（チャーター機・クルーズ船等）')
+              }}</span>
+              <span>
+                <b>00000</b>
+                <span :class="$style.unit">{{ $t('件.tested') }}</span>
+              </span>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </li>
+  </ul>
+</template>
+
+<script lang="ts">
+import Vue from 'vue'
+
+export default Vue.extend()
+</script>
+
+<style lang="scss" module>
+$default-bdw: 3px;
+$default-boxh: 150px;
+
+.container {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  box-sizing: border-box;
+  color: $green-1;
+  line-height: 1.35;
+  * {
+    box-sizing: border-box;
+  }
+  // override default styles
+  padding-left: 0 !important;
+  ul {
+    padding-left: 0;
+  }
+}
+.box {
+  display: flex;
+  &.parent {
+    border-top: $default-bdw solid $green-1;
+    border-left: $default-bdw solid $green-1;
+    position: relative;
+    > .pillar {
+      margin-top: -$default-bdw * 3;
+      border-top: none;
+      border-right: none;
+      border-left: none;
+    }
+  }
+  &.tested {
+    display: flex;
+    flex: 0 0 auto;
+    // [4列] 1/4セル
+    width: calc((100% - #{$default-bdw} * 3) / 4);
+  }
+  &.cases {
+    flex-wrap: wrap;
+    align-items: stretch;
+    margin-left: $default-bdw;
+    // [4列] 3/4
+    width: calc((100% - #{$default-bdw} * 3) / 4 * 3 + #{$default-bdw} * 2);
+    > .title {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      text-align: center;
+      width: 100%;
+      padding: 10px 10px 10px calc(10px + #{$default-bdw});
+      border-right: $default-bdw solid $green-1;
+    }
+    > .pillar {
+      // [3列] 1/3
+      width: calc((100% + #{$default-bdw} * 2) / 3 - #{$default-bdw} * 3);
+      align-self: flex-end;
+      > .content {
+        padding-top: 10px + $default-bdw * 3;
+      }
+    }
+    > .group {
+      // [3列] 2/3
+      width: calc((100% + #{$default-bdw} * 2) / 3 * 2 + #{$default-bdw});
+    }
+  }
+  &.inside,
+  &.others {
+    margin-left: $default-bdw;
+    // [2列] 1/2
+    width: calc(100% / 2 - #{$default-bdw});
+  }
+}
+.pillar {
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  flex: 0 0 auto;
+  text-align: center;
+  width: 100%;
+  border: $default-bdw solid $green-1;
+}
+.group {
+  display: flex;
+  flex: 0 0 auto;
+  padding-left: 0;
+  padding-top: $default-bdw;
+  border-top: $default-bdw solid $green-1;
+  border-left: $default-bdw solid $green-1;
+}
+.content {
+  min-height: $default-boxh;
+  padding: 10px 2px;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  > span:not(:last-child) {
+    word-break: break-all;
+  }
+  > span {
+    display: block;
+    @include font-size(16);
+    &:last-child {
+      margin-top: 0.1em;
+    }
+  }
+  span b {
+    @include font-size(18);
+  }
+  span.unit {
+    @include font-size(16);
+  }
+  .small {
+    @include font-size(14);
+  }
+}
+
+@function px2vw($px, $vw: 0) {
+  @if $vw > 0 {
+    @return ceil($px / $vw * 100000vw) / 1000;
+  } @else {
+    @return $px * 1px;
+  }
+}
+
+@mixin override($vw, $bdw, $fz, $boxh) {
+  .box {
+    &.parent {
+      border-top-width: px2vw($bdw, $vw);
+      border-left-width: px2vw($bdw, $vw);
+      > .pillar {
+        margin-top: px2vw((-$bdw * 3), $vw);
+      }
+    }
+    &.tested {
+      width: calc((100% - #{px2vw($bdw, $vw)} * 3) / 4);
+    }
+    &.cases {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(
+        (100% - #{px2vw($bdw, $vw)} * 3) / 4 * 3 + #{px2vw($bdw, $vw)} * 2
+      );
+      > .title {
+        margin-top: -1px;
+        padding-left: calc(10px + #{px2vw($bdw, $vw)});
+        border-right-width: px2vw($bdw, $vw);
+      }
+      > .pillar {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 3 - #{px2vw($bdw, $vw)} * 3
+        );
+      }
+      > .group {
+        width: calc(
+          (100% + #{px2vw($bdw, $vw)} * 2) / 3 * 2 + #{px2vw($bdw, $vw)}
+        );
+      }
+    }
+    &.inside,
+    &.others {
+      margin-left: px2vw($bdw, $vw);
+      width: calc(100% / 2 - #{px2vw($bdw, $vw)});
+    }
+  }
+  .pillar {
+    border-width: px2vw($bdw, $vw);
+  }
+  .group {
+    padding-top: px2vw($bdw, $vw);
+    border-top-width: px2vw($bdw, $vw);
+    border-left-width: px2vw($bdw, $vw);
+  }
+  .content {
+    > span {
+      @include font-size($fz);
+    }
+    span b {
+      @include font-size($fz + 2);
+    }
+    span.unit {
+      @include font-size($fz);
+    }
+    .unit {
+      @include font-size($fz - 2);
+    }
+    .small {
+      @include font-size($fz - 1);
+    }
+  }
+}
+
+// variables.scss Breakpoints: huge (1440)
+@include lessThan(1440) {
+  @include override(1440, 3, 15, 150);
+}
+
+// Vuetify Breakpoints: Large (1264)
+@include lessThan(1263) {
+  @include override(1263, 2, 13, 107);
+}
+
+// variables.scss Breakpoints: large (1170)
+@include lessThan(1170) {
+  @include override(1170, 2, 13, 107);
+}
+
+// Vuetify Breakpoints: Small (960)
+@include lessThan(959) {
+  @include override(960, 4, 14, 180);
+}
+@include lessThan(767) {
+  @include override(960, 3, 14, 180);
+}
+
+// Vuetify Breakpoints: Extra Small (600)
+@include lessThan(600) {
+  @include override(600, 3, 14, 150);
+}
+@include lessThan(420) {
+  @include override(600, 2, 12, 150);
+}
+</style>

From e9404e2205c738c9554d2dc8b3653266bab64167 Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Wed, 18 Mar 2020 22:36:11 +0900
Subject: [PATCH 06/15] add TestedCasesDetailsCard (draft)

---
 components/cards/TestedCasesDetailsCard.vue | 38 +++++++++++++++++++++
 1 file changed, 38 insertions(+)
 create mode 100644 components/cards/TestedCasesDetailsCard.vue

diff --git a/components/cards/TestedCasesDetailsCard.vue b/components/cards/TestedCasesDetailsCard.vue
new file mode 100644
index 00000000..b8e4c3a6
--- /dev/null
+++ b/components/cards/TestedCasesDetailsCard.vue
@@ -0,0 +1,38 @@
+<template>
+  <v-col cols="12" md="6" class="DataCard">
+    <svg-card
+      :title="$t('検査実施状況')"
+      :title-id="'details-of-tested-cases'"
+      :date="Data.inspections_summary.date"
+    >
+      <tested-cases-table
+        :aria-label="$t('検査実施状況')"
+        v-bind="confirmedCases"
+      />
+    </svg-card>
+  </v-col>
+</template>
+
+<script>
+import Data from '@/data/data.json'
+import formatConfirmedCases from '@/utils/formatConfirmedCases'
+import SvgCard from '@/components/SvgCard.vue'
+import TestedCasesTable from '@/components/TestedCasesTable.vue'
+
+export default {
+  components: {
+    SvgCard,
+    TestedCasesTable
+  },
+  data() {
+    // 検査陽性者の状況
+    const confirmedCases = formatConfirmedCases(Data.main_summary)
+
+    const data = {
+      Data,
+      confirmedCases
+    }
+    return data
+  }
+}
+</script>

From 615f094059bae73dec5f4327bb4196fd2c1f04d3 Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Wed, 18 Mar 2020 22:36:37 +0900
Subject: [PATCH 07/15] update index.vue add tested cases card

---
 pages/index.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/pages/index.vue b/pages/index.vue
index 62727309..fd756945 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -14,6 +14,7 @@
     />
     <v-row class="DataBlock">
       <confirmed-cases-details-card />
+      <tested-cases-details-card />
       <confirmed-cases-number-card />
       <confirmed-cases-attributes-card />
       <tested-number-card />
@@ -34,6 +35,7 @@ import StaticInfo from '@/components/StaticInfo.vue'
 import Data from '@/data/data.json'
 import News from '@/data/news.json'
 import ConfirmedCasesDetailsCard from '@/components/cards/ConfirmedCasesDetailsCard.vue'
+import TestedCasesDetailsCard from '@/components/cards/TestedCasesDetailsCard.vue'
 import ConfirmedCasesNumberCard from '@/components/cards/ConfirmedCasesNumberCard.vue'
 import ConfirmedCasesAttributesCard from '@/components/cards/ConfirmedCasesAttributesCard.vue'
 import TestedNumberCard from '@/components/cards/TestedNumberCard.vue'
@@ -48,6 +50,7 @@ export default Vue.extend({
     WhatsNew,
     StaticInfo,
     ConfirmedCasesDetailsCard,
+    TestedCasesDetailsCard,
     ConfirmedCasesNumberCard,
     ConfirmedCasesAttributesCard,
     TestedNumberCard,

From 4c96fe9a3452bc4c2674b6b1fb7ced7ccd0052ce Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Wed, 18 Mar 2020 23:09:28 +0900
Subject: [PATCH 08/15] update single card view settings (draft)

---
 nuxt.config.ts        | 1 +
 pages/cards/_card.vue | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index d469a177..d3ebcde8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -159,6 +159,7 @@ const config: Configuration = {
       const locales = ['ja', 'en', 'zh-cn', 'zh-tw', 'ko', 'ja-basic']
       const pages = [
         '/cards/details-of-confirmed-cases',
+        '/cards/details-of-tested-cases',
         '/cards/number-of-confirmed-cases',
         '/cards/attributes-of-confirmed-cases',
         '/cards/number-of-tested',
diff --git a/pages/cards/_card.vue b/pages/cards/_card.vue
index 8db35ced..f8181aa6 100644
--- a/pages/cards/_card.vue
+++ b/pages/cards/_card.vue
@@ -3,6 +3,9 @@
     <confirmed-cases-details-card
       v-if="this.$route.params.card == 'details-of-confirmed-cases'"
     />
+    <tested-cases-details-card
+      v-else-if="this.$route.params.card == 'details-of-tested-cases'"
+    />
     <confirmed-cases-number-card
       v-else-if="this.$route.params.card == 'number-of-confirmed-cases'"
     />
@@ -38,6 +41,7 @@ import Data from '@/data/data.json'
 import MetroData from '@/data/metro.json'
 import agencyData from '@/data/agency.json'
 import ConfirmedCasesDetailsCard from '@/components/cards/ConfirmedCasesDetailsCard.vue'
+import TestedCasesDetailsCard from '@/components/cards/TestedCasesDetailsCard.vue'
 import ConfirmedCasesNumberCard from '@/components/cards/ConfirmedCasesNumberCard.vue'
 import ConfirmedCasesAttributesCard from '@/components/cards/ConfirmedCasesAttributesCard.vue'
 import TestedNumberCard from '@/components/cards/TestedNumberCard.vue'
@@ -49,6 +53,7 @@ import AgencyCard from '@/components/cards/AgencyCard.vue'
 export default {
   components: {
     ConfirmedCasesDetailsCard,
+    TestedCasesDetailsCard,
     ConfirmedCasesNumberCard,
     ConfirmedCasesAttributesCard,
     TestedNumberCard,
@@ -64,6 +69,10 @@ export default {
         title = this.$t('検査陽性者の状況')
         updatedAt = Data.inspections_summary.date
         break
+      case 'details-of-tested-cases':
+        title = this.$t('検査実施状況')
+        updatedAt = Data.inspections_summary.date
+        break
       case 'number-of-confirmed-cases':
         title = this.$t('陽性患者数')
         updatedAt = Data.patients.date

From 6ac07b5deeb0086379435b658f2802e266d90241 Mon Sep 17 00:00:00 2001
From: Tomo W <nbtomo.dev@gmail.com>
Date: Thu, 19 Mar 2020 09:36:55 +0900
Subject: [PATCH 09/15] =?UTF-8?q?=E6=A4=9C=E6=9F=BB=E5=AE=9F=E6=96=BD?=
 =?UTF-8?q?=E4=BB=B6=E6=95=B0=E3=81=AE=E3=82=B0=E3=83=A9=E3=83=95=E3=81=AE?=
 =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=88=E3=83=AB=E3=80=81=E6=B3=A8=E9=87=88?=
 =?UTF-8?q?=E3=81=AE=E6=96=87=E8=A8=80=E3=82=92=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/locales/en.json                | 7 ++++---
 assets/locales/ja-Hira.json           | 7 ++++---
 assets/locales/ja.json                | 7 ++++---
 assets/locales/ko.json                | 7 ++++---
 assets/locales/pt_BR.json             | 4 ++++
 assets/locales/th.json                | 7 ++++---
 assets/locales/vi.json                | 7 ++++---
 assets/locales/zh_CN.json             | 7 ++++---
 assets/locales/zh_TW.json             | 7 ++++---
 components/TimeStackedBarChart.vue    | 6 ++++--
 components/cards/TestedNumberCard.vue | 2 +-
 pages/cards/_card.vue                 | 2 +-
 12 files changed, 42 insertions(+), 28 deletions(-)

diff --git a/assets/locales/en.json b/assets/locales/en.json
index e36ed97f..eb734523 100644
--- a/assets/locales/en.json
+++ b/assets/locales/en.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "Details of people testing positive",
   "陽性患者数": "Number of confirmed cases",
   "陽性患者の属性": "Details of patients testing positive",
-  "検査実施数": " Number of tests conducted",
+  "検査実施件数": " Number of tests conducted",
   "新型コロナコールセンター相談件数": "Number of calls to the Tokyo Novel Coronavirus Call Center",
   "新型コロナ受診相談窓口相談件数": "Number of calls to the Novel Coronavirus Hotline",
   "都営地下鉄の利用者数の推移": "Estimated number of Toei subway passengers",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": " (Note) This shows the examinations for the patients with possible infection or for those who had close contact with them.",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": " (excluding the returnees on charter flights or the cruise ship passengers)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": " The number of tested is published as preliminary figures and may be revised as confirmed data at a later date",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "(Note) More than one sample from the same subject may be tested.",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": " The number of tests conducted is published as preliminary figures and may be revised as confirmed data at a later date",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "(Note) More than one sample from the same subject may be tested.",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": " Total",
   "{date}の全体累計": " Cumulative total as of %{date}",
   "{date}の合計": " Total of %{date}",
diff --git a/assets/locales/ja-Hira.json b/assets/locales/ja-Hira.json
index 6a47796b..1af576bf 100644
--- a/assets/locales/ja-Hira.json
+++ b/assets/locales/ja-Hira.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "あたらしいコロナウイルスの 病気（びょうき）になった 人（ひと）",
   "陽性患者数": "あたらしいコロナウイルスの 病気（びょうき）の 人（ひと）",
   "陽性患者の属性": "コロナウイルスの 病気（びょうき）になった 人（ひと）について",
-  "検査実施数": "あたらしいコロナウイルスかどうか しらべた かず",
+  "検査実施件数": "あたらしいコロナウイルスかどうか しらべた かず",
   "新型コロナコールセンター相談件数": "相談（そうだん）の かず （新型コロナコールセンター）",
   "新型コロナ受診相談窓口相談件数": "新型コロナ受診相談窓口に 相談（そうだん）した かず",
   "都営地下鉄の利用者数の推移": "都営地下鉄（とえいちかてつ）を つかった 人（ひと）",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（ちゅうい）東京都（とうきょうと）が しらべた あたらしいコロナウイルスの 病気（びょうき）に かかっている かも しれない 人（ひと）、あたらしいコロナウイルスの 病気（びょうき）に かかった 人（ひと）と ちかくで たくさん はなした 人（ひと） について かいています。",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（国（くに）の とくべつな ひこうき で かえってきた 人（ひと）、横浜（よこはま）の クルーズ の ふねに のっていた 人（ひと） は 入りません）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査（けんさ）した人（ひと）の数（かず）は、急（いそ）ぎの お知（し）らせ として 伝（つた）え ています。あとで、人（ひと）の 数（かず） が 一部（いちぶ） 変（か）わるかもしれません。",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "(ちゅうい) おなじ 人（ひと）を なんども しらべる ときが あります",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査（けんさ）した人（ひと）の数（かず）は、急（いそ）ぎの お知（し）らせ として 伝（つた）え ています。あとで、人（ひと）の 数（かず） が 一部（いちぶ） 変（か）わるかもしれません。",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "(ちゅうい) おなじ 人（ひと）を なんども しらべる ときが あります",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "ごうけい",
   "{date}の全体累計": "%{date} まで 全部（ぜんぶ）で",
   "{date}の合計": "%{date}の 全部（ぜんぶ）の 数（かず）",
diff --git a/assets/locales/ja.json b/assets/locales/ja.json
index 69520c12..e3699a94 100644
--- a/assets/locales/ja.json
+++ b/assets/locales/ja.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "検査陽性者の状況",
   "陽性患者数": "陽性患者数",
   "陽性患者の属性": "陽性患者の属性",
-  "検査実施数": "検査実施数",
+  "検査実施件数": "検査実施件数",
   "新型コロナコールセンター相談件数": "新型コロナコールセンター相談件数",
   "新型コロナ受診相談窓口相談件数": "新型コロナ受診相談窓口相談件数",
   "都営地下鉄の利用者数の推移": "都営地下鉄の利用者数の推移",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（チャーター機帰国者、クルーズ船乗客等は含まれていない）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "（注）同一の対象者について複数の検体を調査する場合あり",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一の対象者について複数の検体を検査する場合あり",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "合計",
   "{date}の全体累計": "%{date}の全体累計",
   "{date}の合計": "%{date}の合計",
diff --git a/assets/locales/ko.json b/assets/locales/ko.json
index d0898259..b1a21a96 100644
--- a/assets/locales/ko.json
+++ b/assets/locales/ko.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "확진자의 현황",
   "陽性患者数": "확진자 수",
   "陽性患者の属性": "확진 사례의 세부 사항",
-  "検査実施数": "검사 실시 수",
+  "検査実施件数": "검사 실시 수",
   "新型コロナコールセンター相談件数": "코로나 19 콜센터 문의 건수",
   "新型コロナ受診相談窓口相談件数": "코로나19 진찰 상담 창구 상담 건수",
   "都営地下鉄の利用者数の推移": "도에이 지하철 의 예상 승객 수",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（주）도내에서 의심 사례 또는 환자와 접속했을 가능성이 있는 사람으로서 검사를 실시한 것에 대해 게재.",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（전세기 귀국자, 크루즈선 승객 등은 포함하지 않았습니다）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "검사실시인수는 속보치이며 차후 확정데이터로 수정될수있습니다",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "(주의) 동일 대상자에 대하여 여러번의 검체를 조사하는 경우가 있음",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "검사실시수는 속보치이며 차후 확정데이터로 수정될수있습니다",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "(주의) 동일 대상자에 대하여 여러번의 검체를 조사하는 경우가 있음",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "합계",
   "{date}の全体累計": "%{date}의 누적 수",
   "{date}の合計": "%{date} 합계",
diff --git a/assets/locales/pt_BR.json b/assets/locales/pt_BR.json
index 6c53221a..320062d7 100644
--- a/assets/locales/pt_BR.json
+++ b/assets/locales/pt_BR.json
@@ -1,10 +1,14 @@
 {
+  "検査実施件数": "検査実施件数",
   "日別": "diário",
   "累計": "total",
   "都営地下鉄4路線の自動改札出場数": "Total de usuarios das 4 linhas de metro Toei",
   "実績値": "Valor real",
   "累計値": "Valor acumulado",
   "前日比": "anterior",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一の対象者について複数の検体を検査する場合あり",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "https://marketingplatform.google.com/about/analytics/terms/jp/": "https://marketingplatform.google.com/about/analytics/terms/pt/",
   "https://policies.google.com/privacy?hl=ja": "https://policies.google.com/privacy?hl=pt-BR",
   "https://support.google.com/analytics/answer/6004245?hl=ja": "https://support.google.com/analytics/answer/6004245?hl=pt-BR"
diff --git a/assets/locales/th.json b/assets/locales/th.json
index a67e95e0..e332c2c5 100644
--- a/assets/locales/th.json
+++ b/assets/locales/th.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "รายละเอียดของกรณีที่ยืนยันแล้ว",
   "陽性患者数": "จำนวนกรณีที่ยืนยันแล้ว",
   "陽性患者の属性": "ลักษณะของผู้ป่วยที่ยืนยันแล้ว",
-  "検査実施数": "จำนวนการทดสอบที่ได้ดำเนิการ",
+  "検査実施件数": "จำนวนการทดสอบที่ได้ดำเนิการ",
   "新型コロナコールセンター相談件数": "จำนวนการสอบถามทางศูนย์ให้คำปรึกษาโควิด-19",
   "新型コロナ受診相談窓口相談件数": "จำนวนการสอบถามทางศูนย์ให้คำปรึกษาทางโทรศัพท์ (ทุกประเภท)",
   "都営地下鉄の利用者数の推移": "คาดการณ์จำนวนผู้โดยสารรถไฟใต้ดินโทเอ",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "(หมายเหตุ) นี่แสดงถึงการตรวจผู้ที่อาจติดเชื้อหรือคนที่เคยสัมผัสใกล้ชิดกับพวกเขา",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "(ไม่รวมผู้เดินทางกลับด้วยเครื่องบินเช่าเหมาลำหรือผู้โดยสารเรือสำราญ)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "จำนวนตัวเลขของผู้เข้ารับการตรวจสอบนั้น เป็นการรายงานในเบื้องต้นเท่านั้น อาจจะมีการถูกแก้ไขด้วยข้อมูลที่ได้รับการยืนยันแล้วในภายหลัง",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "(หมายเหตุ) อาจมีการทดสอบมากกว่าหนึ่งตัวอย่างจากบุคคลเดียวกัน",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "จำนวนตัวเลขของการดำเนินงานตรวจสอบนั้น เป็นการรายงานในเบื้องต้นเท่านั้น อาจจะมีการถูกแก้ไขด้วยข้อมูลที่ได้รับการยืนยันแล้วในภายหลัง",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "(หมายเหตุ) อาจมีการทดสอบมากกว่าหนึ่งตัวอย่างจากบุคคลเดียวกัน",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "รวม",
   "{date}の全体累計": "รวมสะสมถึง %{date}",
   "{date}の合計": "รวมจนถึง %{date}",
diff --git a/assets/locales/vi.json b/assets/locales/vi.json
index 16dd539f..bafef3f3 100644
--- a/assets/locales/vi.json
+++ b/assets/locales/vi.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "Thông tin chi tiết về các ca nhiễm",
   "陽性患者数": "Số bệnh nhân dương tính",
   "陽性患者の属性": "Đặc điểm các ca dương tính",
-  "検査実施数": "Số người xét nghiệm",
+  "検査実施件数": "Số người xét nghiệm",
   "新型コロナコールセンター相談件数": "Số cuộc gọi vào Trung tâm tư vấn về COVID-19 ",
   "新型コロナ受診相談窓口相談件数": "Số lượng báo cáo cho Trung tâm tư vấn điện thoại kết hợp",
   "都営地下鉄の利用者数の推移": "Dự đoán số lượng hành khách đi bằng tàu điện Toei",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "(Ghi chú) Đăng tải thông tin đối với các trường hợp đã tiến hành xét nghiệm với tư cách là người tiếp xúc gần với người bệnh hoặc các ca nghi nhiễm trong khu vực Tokyo",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "(Không bao gồm người được chính phủ đón về từ Vũ Hán bằng chuyên cơ hoặc hành khách trên tàu Diamond Princess v.v.)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "Số người đã xét nghiệm chỉ là số liệu sơ bộ, sẽ được chỉnh sửa thành dữ liệu xác thực vào hôm sau.",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "(Ghi chú) Có trường hợp cùng với 1 bệnh nhân, có thể có nhiều điều tra về kết quả khám ",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "Số ca xét nghiệm đã thực hiện chỉ là số liệu sơ bộ, sẽ được chỉnh sửa thành dữ liệu xác thực vào hôm sau.",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "(Ghi chú) Có trường hợp cùng với 1 bệnh nhân, có thể có nhiều điều tra về kết quả khám ",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "Tổng cộng",
   "{date}の全体累計": "Tổng cộng tính đến {date}",
   "{date}の合計": "Tổng cộng tính đến {date}",
diff --git a/assets/locales/zh_CN.json b/assets/locales/zh_CN.json
index 08d861e3..9997b1c3 100644
--- a/assets/locales/zh_CN.json
+++ b/assets/locales/zh_CN.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "确诊案例状况",
   "陽性患者数": "确诊人数",
   "陽性患者の属性": "确诊患者的信息",
-  "検査実施数": "送检件数",
+  "検査実施件数": "送检件数",
   "新型コロナコールセンター相談件数": "新型冠状病毒咨询中心咨询件数",
   "新型コロナ受診相談窓口相談件数": "新冠肺炎就诊咨询窗口的咨询数",
   "都営地下鉄の利用者数の推移": "都营地下铁搭乘人数趋势",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（注）仅列出在东京都接受检查的疑似病例及确诊病例的密切接触者",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（不包括乘包机返日者、邮轮乘客等）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "检查人数是快讯方式公开的数值，日后有可能变更",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "（注）同一受检者可能接受过多次检查",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "检查数是快讯方式公开的数值，日后有可能变更",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一受检者可能接受过多次检查",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "总计",
   "{date}の全体累計": "截至 %{date}",
   "{date}の合計": "%{date}当日合计",
diff --git a/assets/locales/zh_TW.json b/assets/locales/zh_TW.json
index e352d9b6..9d0b4827 100644
--- a/assets/locales/zh_TW.json
+++ b/assets/locales/zh_TW.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "確診案例狀況",
   "陽性患者数": "確診人數",
   "陽性患者の属性": "確診案例概況",
-  "検査実施数": "送檢件數",
+  "検査実施件数": "送檢件數",
   "新型コロナコールセンター相談件数": "新型冠狀病毒諮詢中心諮詢件數",
   "新型コロナ受診相談窓口相談件数": "新型冠狀病毒就診窗口諮詢數",
   "都営地下鉄の利用者数の推移": "都營地鐵搭乘人數走勢",
@@ -168,8 +168,9 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（註）列出與東京都疑似病例或是曾與患者密切接觸 ",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（包機返國者、郵輪乘客等除外）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "送檢人數為速報值，有可能在未來被確認過後的資料修正。",
-  "（注）同一の対象者について複数の検体を調査する場合あり": "（註）同一個案可能被多次檢查",
-  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "送檢件數為速報值，有可能在未來被確認過後的資料修正。",
+  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
+  "（注）同一の対象者について複数の検体を検査する場合あり": "（註）同一個案可能被多次檢查",
+  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "合計": "合計",
   "{date}の全体累計": "累計至 %{date}",
   "{date}の合計": "%{date} 的合計",
diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index 7d185483..b1ad8d1f 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -2,11 +2,13 @@
   <data-view :title="title" :title-id="titleId" :date="date">
     <template v-slot:button>
       <p class="Graph-Desc">
-        {{ $t('（注）同一の対象者について複数の検体を調査する場合あり') }}
+        {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}
+        <br />
+        {{ $t('（注）同一の対象者について複数の検体を検査する場合あり') }}
         <br />
         {{
           $t(
-            '検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります'
+            '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
           )
         }}
       </p>
diff --git a/components/cards/TestedNumberCard.vue b/components/cards/TestedNumberCard.vue
index a0ffceea..c994f4b9 100644
--- a/components/cards/TestedNumberCard.vue
+++ b/components/cards/TestedNumberCard.vue
@@ -1,7 +1,7 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
     <time-stacked-bar-chart
-      :title="$t('検査実施数')"
+      :title="$t('検査実施件数')"
       :title-id="'number-of-tested'"
       :chart-id="'time-stacked-bar-chart-inspections'"
       :chart-data="inspectionsGraph"
diff --git a/pages/cards/_card.vue b/pages/cards/_card.vue
index 8db35ced..b06eb6b8 100644
--- a/pages/cards/_card.vue
+++ b/pages/cards/_card.vue
@@ -73,7 +73,7 @@ export default {
         updatedAt = Data.patients.date
         break
       case 'number-of-tested':
-        title = this.$t('検査実施数')
+        title = this.$t('検査実施件数')
         updatedAt = Data.inspections_summary.date
         break
       case 'number-of-reports-to-covid19-telephone-advisory-center':

From 6381245d02dcde9344c1687409acba4d67b700a1 Mon Sep 17 00:00:00 2001
From: Tomo W <nbtomo.dev@gmail.com>
Date: Thu, 19 Mar 2020 11:24:14 +0900
Subject: [PATCH 10/15] =?UTF-8?q?p=E3=81=A7=E3=81=AF=E3=81=AA=E3=81=8Ful?=
 =?UTF-8?q?=20li=E3=82=92=E4=BD=BF=E3=81=86=E3=82=88=E3=81=86=E3=81=AB?=
 =?UTF-8?q?=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/TimeStackedBarChart.vue | 28 +++++++++++++++++-----------
 1 file changed, 17 insertions(+), 11 deletions(-)

diff --git a/components/TimeStackedBarChart.vue b/components/TimeStackedBarChart.vue
index b1ad8d1f..7f54453d 100644
--- a/components/TimeStackedBarChart.vue
+++ b/components/TimeStackedBarChart.vue
@@ -1,17 +1,21 @@
 <template>
   <data-view :title="title" :title-id="titleId" :date="date">
     <template v-slot:button>
-      <p class="Graph-Desc">
-        {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}
-        <br />
-        {{ $t('（注）同一の対象者について複数の検体を検査する場合あり') }}
-        <br />
-        {{
-          $t(
-            '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
-          )
-        }}
-      </p>
+      <ul class="Graph-Desc">
+        <li>
+          {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}
+        </li>
+        <li>
+          {{ $t('（注）同一の対象者について複数の検体を検査する場合あり') }}
+        </li>
+        <li>
+          {{
+            $t(
+              '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
+            )
+          }}
+        </li>
+      </ul>
       <data-selector v-model="dataKind" :target-id="chartId" />
     </template>
     <bar
@@ -370,6 +374,8 @@ export default Vue.extend(options)
 .Graph-Desc {
   width: 100%;
   margin: 0;
+  padding-left: 0px;
+  list-style: none;
   font-size: 12px;
   color: $gray-3;
 }

From f2ff6b317b6783a69c66c0bbd326b825266f9442 Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Thu, 19 Mar 2020 18:00:26 +0900
Subject: [PATCH 11/15] rename SvgCard.vue to ConfirmCasesCard.vue update
 confirmcases notes update confirmcases remove aria label

---
 components/{SvgCard.vue => ConfirmCasesCard.vue} | 13 +------------
 components/ConfirmedCasesTable.vue               | 13 -------------
 components/cards/ConfirmedCasesDetailsCard.vue   |  8 ++++----
 3 files changed, 5 insertions(+), 29 deletions(-)
 rename components/{SvgCard.vue => ConfirmCasesCard.vue} (59%)

diff --git a/components/SvgCard.vue b/components/ConfirmCasesCard.vue
similarity index 59%
rename from components/SvgCard.vue
rename to components/ConfirmCasesCard.vue
index c0bb92e5..0267c600 100644
--- a/components/SvgCard.vue
+++ b/components/ConfirmCasesCard.vue
@@ -2,18 +2,7 @@
   <data-view class="SvgCard" :title="title" :title-id="titleId" :date="date">
     <template v-slot:button>
       <p class="Graph-Desc">
-        {{
-          $t(
-            '（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載'
-          )
-        }}<br />
-        {{ $t('（チャーター機帰国者、クルーズ船乗客等は含まれていない）') }}
-        <br />
-        {{
-          $t(
-            '検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります'
-          )
-        }}
+        {{ $t('（注）チャーター機帰国者、クルーズ船乗客等は含まれていない') }}
       </p>
     </template>
     <slot />
diff --git a/components/ConfirmedCasesTable.vue b/components/ConfirmedCasesTable.vue
index fe9f85ba..f91e51a9 100644
--- a/components/ConfirmedCasesTable.vue
+++ b/components/ConfirmedCasesTable.vue
@@ -134,19 +134,6 @@ export default Vue.extend({
           return 0
         }
       }
-    },
-    /** グラフ内容がわかる支援技術用テキストの中身を取得する **/
-    ariaLabel(
-      inspected: number,
-      positive: number,
-      hospitalized: number,
-      mild: number,
-      critically: number,
-      deceased: number,
-      discharged: number
-    ) {
-      const ariaLabel = `検査陽性者の状況: 検査実施人数は${inspected}人、うち累積の陽性者数は${positive}人です。入院中は${hospitalized}人で、うち軽症・中等症は${mild}人、また重症は${critically}人です。さらに死亡は${deceased}人、退院は${discharged}人です。`
-      return ariaLabel
     }
   }
 })
diff --git a/components/cards/ConfirmedCasesDetailsCard.vue b/components/cards/ConfirmedCasesDetailsCard.vue
index eccd89c0..03d6de03 100644
--- a/components/cards/ConfirmedCasesDetailsCard.vue
+++ b/components/cards/ConfirmedCasesDetailsCard.vue
@@ -1,6 +1,6 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
-    <svg-card
+    <confirm-cases-card
       :title="$t('検査陽性者の状況')"
       :title-id="'details-of-confirmed-cases'"
       :date="Data.inspections_summary.date"
@@ -9,19 +9,19 @@
         :aria-label="$t('検査陽性者の状況')"
         v-bind="confirmedCases"
       />
-    </svg-card>
+    </confirm-cases-card>
   </v-col>
 </template>
 
 <script>
 import Data from '@/data/data.json'
 import formatConfirmedCases from '@/utils/formatConfirmedCases'
-import SvgCard from '@/components/SvgCard.vue'
+import ConfirmCasesCard from '@/components/ConfirmCasesCard.vue'
 import ConfirmedCasesTable from '@/components/ConfirmedCasesTable.vue'
 
 export default {
   components: {
-    SvgCard,
+    ConfirmCasesCard,
     ConfirmedCasesTable
   },
   data() {

From d3fa3466469612f15623e1517c9affb077712e24 Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Thu, 19 Mar 2020 18:04:16 +0900
Subject: [PATCH 12/15] add TestedCasesCard.vue copied from
 ConfirmedCasesCard.vue add formatTestedCases.ts copied from
 formatConfirmedCases.ts update TestedCasesTable init script update
 TestedCasesDetailsCard change data source

---
 components/TestedCasesCard.vue              | 58 +++++++++++++++++++++
 components/TestedCasesTable.vue             | 53 +++++++++++++++++--
 components/cards/TestedCasesDetailsCard.vue | 16 +++---
 utils/formatTestedCases.ts                  | 42 +++++++++++++++
 4 files changed, 156 insertions(+), 13 deletions(-)
 create mode 100644 components/TestedCasesCard.vue
 create mode 100644 utils/formatTestedCases.ts

diff --git a/components/TestedCasesCard.vue b/components/TestedCasesCard.vue
new file mode 100644
index 00000000..777ff2d5
--- /dev/null
+++ b/components/TestedCasesCard.vue
@@ -0,0 +1,58 @@
+<template>
+  <data-view class="SvgCard" :title="title" :title-id="titleId" :date="date">
+    <template v-slot:button>
+      <p class="Graph-Desc">
+        {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}<br />
+        {{
+          $t(
+            '（注）検査実施人数には、チャーター機帰国者、クルーズ船乗客等は含まれていない'
+          )
+        }}
+        <br />
+        {{
+          $t(
+            '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
+          )
+        }}
+      </p>
+    </template>
+    <slot />
+  </data-view>
+</template>
+
+<style lang="scss" scoped>
+.SvgCard {
+  ::v-deep svg {
+    width: 100%;
+  }
+  .Graph-Desc {
+    margin-top: 10px;
+    margin-bottom: 0;
+    font-size: 12px;
+    color: $gray-3;
+  }
+}
+</style>
+
+<script lang="ts">
+import Vue from 'vue'
+import DataView from '@/components/DataView.vue'
+
+export default Vue.extend({
+  components: { DataView },
+  props: {
+    title: {
+      type: String,
+      default: ''
+    },
+    titleId: {
+      type: String,
+      default: ''
+    },
+    date: {
+      type: String,
+      default: ''
+    }
+  }
+})
+</script>
diff --git a/components/TestedCasesTable.vue b/components/TestedCasesTable.vue
index 1c992164..73a59b66 100644
--- a/components/TestedCasesTable.vue
+++ b/components/TestedCasesTable.vue
@@ -10,7 +10,7 @@
           </span>
           <!-- eslint-enable vue/no-v-html-->
           <span>
-            <b>00000</b>
+            <b>{{ 累計人数 }}</b>
             <span :class="$style.unit">{{ $t('人') }}</span>
           </span>
         </div>
@@ -25,7 +25,7 @@
         <div :class="$style.content">
           <span>{{ $t('合計') }}</span>
           <span>
-            <b>00000</b>
+            <b>{{ 合計件数 }}</b>
             <span :class="$style.unit">{{ $t('件.tested') }}</span>
           </span>
         </div>
@@ -36,7 +36,7 @@
             <div :class="$style.content">
               <span>{{ $t('都内発生') }}</span>
               <span>
-                <b>00000</b>
+                <b>{{ 都内発生件数 }}</b>
                 <span :class="$style.unit">{{ $t('件.tested') }}</span>
               </span>
             </div>
@@ -50,7 +50,7 @@
                 $t('（チャーター機・クルーズ船等）')
               }}</span>
               <span>
-                <b>00000</b>
+                <b>{{ その他件数 }}</b>
                 <span :class="$style.unit">{{ $t('件.tested') }}</span>
               </span>
             </div>
@@ -64,7 +64,50 @@
 <script lang="ts">
 import Vue from 'vue'
 
-export default Vue.extend()
+/* eslint-disable vue/prop-name-casing */
+export default Vue.extend({
+  props: {
+    累計人数: {
+      type: Number,
+      required: true
+    },
+    合計件数: {
+      type: Number,
+      required: true
+    },
+    都内発生件数: {
+      type: Number,
+      required: true
+    },
+    その他件数: {
+      type: Number,
+      required: true
+    }
+  },
+  methods: {
+    /** 桁数に応じて位置の調整をする */
+    getAdjustX(input: number) {
+      const length = input.toString(10).length
+      switch (length) {
+        case 1: {
+          return 3
+        }
+        case 2: {
+          return 0
+        }
+        case 3: {
+          return -3
+        }
+        case 4: {
+          return -8
+        }
+        default: {
+          return 0
+        }
+      }
+    }
+  }
+})
 </script>
 
 <style lang="scss" module>
diff --git a/components/cards/TestedCasesDetailsCard.vue b/components/cards/TestedCasesDetailsCard.vue
index b8e4c3a6..20125f57 100644
--- a/components/cards/TestedCasesDetailsCard.vue
+++ b/components/cards/TestedCasesDetailsCard.vue
@@ -1,36 +1,36 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
-    <svg-card
+    <tested-cases-card
       :title="$t('検査実施状況')"
       :title-id="'details-of-tested-cases'"
       :date="Data.inspections_summary.date"
     >
       <tested-cases-table
         :aria-label="$t('検査実施状況')"
-        v-bind="confirmedCases"
+        v-bind="testedCases"
       />
-    </svg-card>
+    </tested-cases-card>
   </v-col>
 </template>
 
 <script>
 import Data from '@/data/data.json'
-import formatConfirmedCases from '@/utils/formatConfirmedCases'
-import SvgCard from '@/components/SvgCard.vue'
+import formatTestedCases from '@/utils/formatTestedCases'
+import TestedCasesCard from '@/components/TestedCasesCard.vue'
 import TestedCasesTable from '@/components/TestedCasesTable.vue'
 
 export default {
   components: {
-    SvgCard,
+    TestedCasesCard,
     TestedCasesTable
   },
   data() {
     // 検査陽性者の状況
-    const confirmedCases = formatConfirmedCases(Data.main_summary)
+    const testedCases = formatTestedCases(Data.inspection_status_summary)
 
     const data = {
       Data,
-      confirmedCases
+      testedCases
     }
     return data
   }
diff --git a/utils/formatTestedCases.ts b/utils/formatTestedCases.ts
new file mode 100644
index 00000000..bd136746
--- /dev/null
+++ b/utils/formatTestedCases.ts
@@ -0,0 +1,42 @@
+type DataType = {
+  attr: '累計人数'
+  value: number
+  children: [
+    {
+      attr: '合計件数'
+      value: number
+      children: [
+        {
+          attr: '都内発生件数'
+          value: number
+        },
+        {
+          attr: 'その他件数'
+          value: number
+        }
+      ]
+    }
+  ]
+}
+
+type TestedCasesType = {
+  累計人数: number
+  合計件数: number
+  都内発生件数: number
+  その他件数: number
+}
+
+/**
+ * Format for *Chart component
+ *
+ * @param data - Raw data
+ */
+export default (data: DataType) => {
+  const formattedData: TestedCasesType = {
+    累計人数: data.value,
+    合計件数: data.children[0].value,
+    都内発生件数: data.children[0].children[0].value,
+    その他件数: data.children[0].children[1].value
+  }
+  return formattedData
+}

From 64723b595161b0f36ec49b39e6ec0da7ba80f0ac Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Thu, 19 Mar 2020 18:25:24 +0900
Subject: [PATCH 13/15] update TestedCases change update data source

---
 components/cards/TestedCasesDetailsCard.vue | 2 +-
 pages/cards/_card.vue                       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/cards/TestedCasesDetailsCard.vue b/components/cards/TestedCasesDetailsCard.vue
index 20125f57..3ab1b271 100644
--- a/components/cards/TestedCasesDetailsCard.vue
+++ b/components/cards/TestedCasesDetailsCard.vue
@@ -3,7 +3,7 @@
     <tested-cases-card
       :title="$t('検査実施状況')"
       :title-id="'details-of-tested-cases'"
-      :date="Data.inspections_summary.date"
+      :date="Data.inspection_status_summary.date"
     >
       <tested-cases-table
         :aria-label="$t('検査実施状況')"
diff --git a/pages/cards/_card.vue b/pages/cards/_card.vue
index f8181aa6..4684fb8e 100644
--- a/pages/cards/_card.vue
+++ b/pages/cards/_card.vue
@@ -71,7 +71,7 @@ export default {
         break
       case 'details-of-tested-cases':
         title = this.$t('検査実施状況')
-        updatedAt = Data.inspections_summary.date
+        updatedAt = Data.inspection_status_summary.date
         break
       case 'number-of-confirmed-cases':
         title = this.$t('陽性患者数')

From a9a92e41ae098adf403c73aa0ec69ca262397212 Mon Sep 17 00:00:00 2001
From: macropygia <3162324+macropygia@users.noreply.github.com>
Date: Thu, 19 Mar 2020 19:24:08 +0900
Subject: [PATCH 14/15] rename ConfirmCasesCard.vue to ConfirmedCasesCard.vue
 update ConfirmedCasesCard, TestedCasesCard scoped css to module update
 TestedCasesCard change notes markup

---
 ...rmCasesCard.vue => ConfirmedCasesCard.vue} | 21 +++-----
 components/TestedCasesCard.vue                | 54 ++++++++++---------
 .../cards/ConfirmedCasesDetailsCard.vue       |  8 +--
 3 files changed, 41 insertions(+), 42 deletions(-)
 rename components/{ConfirmCasesCard.vue => ConfirmedCasesCard.vue} (66%)

diff --git a/components/ConfirmCasesCard.vue b/components/ConfirmedCasesCard.vue
similarity index 66%
rename from components/ConfirmCasesCard.vue
rename to components/ConfirmedCasesCard.vue
index 0267c600..90af2b37 100644
--- a/components/ConfirmCasesCard.vue
+++ b/components/ConfirmedCasesCard.vue
@@ -1,7 +1,7 @@
 <template>
-  <data-view class="SvgCard" :title="title" :title-id="titleId" :date="date">
+  <data-view :title="title" :title-id="titleId" :date="date">
     <template v-slot:button>
-      <p class="Graph-Desc">
+      <p :class="$style.note">
         {{ $t('（注）チャーター機帰国者、クルーズ船乗客等は含まれていない') }}
       </p>
     </template>
@@ -9,17 +9,12 @@
   </data-view>
 </template>
 
-<style lang="scss" scoped>
-.SvgCard {
-  ::v-deep svg {
-    width: 100%;
-  }
-  .Graph-Desc {
-    margin-top: 10px;
-    margin-bottom: 0;
-    font-size: 12px;
-    color: $gray-3;
-  }
+<style lang="scss" module>
+.note {
+  margin-top: 10px;
+  margin-bottom: 0;
+  font-size: 12px;
+  color: $gray-3;
 }
 </style>
 
diff --git a/components/TestedCasesCard.vue b/components/TestedCasesCard.vue
index 777ff2d5..9fd61411 100644
--- a/components/TestedCasesCard.vue
+++ b/components/TestedCasesCard.vue
@@ -1,35 +1,39 @@
 <template>
-  <data-view class="SvgCard" :title="title" :title-id="titleId" :date="date">
+  <data-view :title="title" :title-id="titleId" :date="date">
     <template v-slot:button>
-      <p class="Graph-Desc">
-        {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}<br />
-        {{
-          $t(
-            '（注）検査実施人数には、チャーター機帰国者、クルーズ船乗客等は含まれていない'
-          )
-        }}
-        <br />
-        {{
-          $t(
-            '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
-          )
-        }}
-      </p>
+      <ul :class="$style.notes">
+        <li>
+          {{ $t('（注）医療機関が保険適用で行った検査は含まれていない') }}
+        </li>
+        <li>
+          {{
+            $t(
+              '（注）検査実施人数には、チャーター機帰国者、クルーズ船乗客等は含まれていない'
+            )
+          }}
+        </li>
+        <li>
+          {{
+            $t(
+              '（注）速報値として公開するものであり、後日確定データとして修正される場合あり'
+            )
+          }}
+        </li>
+      </ul>
     </template>
     <slot />
   </data-view>
 </template>
 
-<style lang="scss" scoped>
-.SvgCard {
-  ::v-deep svg {
-    width: 100%;
-  }
-  .Graph-Desc {
-    margin-top: 10px;
-    margin-bottom: 0;
-    font-size: 12px;
-    color: $gray-3;
+<style lang="scss" module>
+ul.notes {
+  margin-top: 10px;
+  margin-bottom: 0;
+  padding-left: 0 !important;
+  font-size: 12px;
+  color: $gray-3;
+  > li {
+    list-style-type: none;
   }
 }
 </style>
diff --git a/components/cards/ConfirmedCasesDetailsCard.vue b/components/cards/ConfirmedCasesDetailsCard.vue
index 03d6de03..1c5357a8 100644
--- a/components/cards/ConfirmedCasesDetailsCard.vue
+++ b/components/cards/ConfirmedCasesDetailsCard.vue
@@ -1,6 +1,6 @@
 <template>
   <v-col cols="12" md="6" class="DataCard">
-    <confirm-cases-card
+    <confirmed-cases-card
       :title="$t('検査陽性者の状況')"
       :title-id="'details-of-confirmed-cases'"
       :date="Data.inspections_summary.date"
@@ -9,19 +9,19 @@
         :aria-label="$t('検査陽性者の状況')"
         v-bind="confirmedCases"
       />
-    </confirm-cases-card>
+    </confirmed-cases-card>
   </v-col>
 </template>
 
 <script>
 import Data from '@/data/data.json'
 import formatConfirmedCases from '@/utils/formatConfirmedCases'
-import ConfirmCasesCard from '@/components/ConfirmCasesCard.vue'
+import ConfirmedCasesCard from '@/components/ConfirmedCasesCard.vue'
 import ConfirmedCasesTable from '@/components/ConfirmedCasesTable.vue'
 
 export default {
   components: {
-    ConfirmCasesCard,
+    ConfirmedCasesCard,
     ConfirmedCasesTable
   },
   data() {

From 0f4aba7f00cdd022776ebdaf357ed138b272d247 Mon Sep 17 00:00:00 2001
From: Tomo W <nbtomo.dev@gmail.com>
Date: Thu, 19 Mar 2020 19:26:08 +0900
Subject: [PATCH 15/15] =?UTF-8?q?=E5=88=A5PR=E5=AF=BE=E5=BF=9C=E3=81=AE?=
 =?UTF-8?q?=E3=81=9F=E3=82=81=E3=80=81=E7=BF=BB=E8=A8=B3=E3=83=95=E3=82=A1?=
 =?UTF-8?q?=E3=82=A4=E3=83=AB=E3=81=AE=E5=A4=89=E6=9B=B4=E3=82=92=E7=A0=B4?=
 =?UTF-8?q?=E6=A3=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/locales/en.json      | 7 +++----
 assets/locales/ja-Hira.json | 7 +++----
 assets/locales/ja.json      | 7 +++----
 assets/locales/ko.json      | 7 +++----
 assets/locales/pt_BR.json   | 4 ----
 assets/locales/th.json      | 7 +++----
 assets/locales/vi.json      | 7 +++----
 assets/locales/zh_CN.json   | 7 +++----
 assets/locales/zh_TW.json   | 7 +++----
 9 files changed, 24 insertions(+), 36 deletions(-)

diff --git a/assets/locales/en.json b/assets/locales/en.json
index eb734523..e36ed97f 100644
--- a/assets/locales/en.json
+++ b/assets/locales/en.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "Details of people testing positive",
   "陽性患者数": "Number of confirmed cases",
   "陽性患者の属性": "Details of patients testing positive",
-  "検査実施件数": " Number of tests conducted",
+  "検査実施数": " Number of tests conducted",
   "新型コロナコールセンター相談件数": "Number of calls to the Tokyo Novel Coronavirus Call Center",
   "新型コロナ受診相談窓口相談件数": "Number of calls to the Novel Coronavirus Hotline",
   "都営地下鉄の利用者数の推移": "Estimated number of Toei subway passengers",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": " (Note) This shows the examinations for the patients with possible infection or for those who had close contact with them.",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": " (excluding the returnees on charter flights or the cruise ship passengers)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": " The number of tested is published as preliminary figures and may be revised as confirmed data at a later date",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "(Note) More than one sample from the same subject may be tested.",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "(Note) More than one sample from the same subject may be tested.",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": " The number of tests conducted is published as preliminary figures and may be revised as confirmed data at a later date",
   "合計": " Total",
   "{date}の全体累計": " Cumulative total as of %{date}",
   "{date}の合計": " Total of %{date}",
diff --git a/assets/locales/ja-Hira.json b/assets/locales/ja-Hira.json
index 1af576bf..6a47796b 100644
--- a/assets/locales/ja-Hira.json
+++ b/assets/locales/ja-Hira.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "あたらしいコロナウイルスの 病気（びょうき）になった 人（ひと）",
   "陽性患者数": "あたらしいコロナウイルスの 病気（びょうき）の 人（ひと）",
   "陽性患者の属性": "コロナウイルスの 病気（びょうき）になった 人（ひと）について",
-  "検査実施件数": "あたらしいコロナウイルスかどうか しらべた かず",
+  "検査実施数": "あたらしいコロナウイルスかどうか しらべた かず",
   "新型コロナコールセンター相談件数": "相談（そうだん）の かず （新型コロナコールセンター）",
   "新型コロナ受診相談窓口相談件数": "新型コロナ受診相談窓口に 相談（そうだん）した かず",
   "都営地下鉄の利用者数の推移": "都営地下鉄（とえいちかてつ）を つかった 人（ひと）",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（ちゅうい）東京都（とうきょうと）が しらべた あたらしいコロナウイルスの 病気（びょうき）に かかっている かも しれない 人（ひと）、あたらしいコロナウイルスの 病気（びょうき）に かかった 人（ひと）と ちかくで たくさん はなした 人（ひと） について かいています。",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（国（くに）の とくべつな ひこうき で かえってきた 人（ひと）、横浜（よこはま）の クルーズ の ふねに のっていた 人（ひと） は 入りません）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査（けんさ）した人（ひと）の数（かず）は、急（いそ）ぎの お知（し）らせ として 伝（つた）え ています。あとで、人（ひと）の 数（かず） が 一部（いちぶ） 変（か）わるかもしれません。",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "(ちゅうい) おなじ 人（ひと）を なんども しらべる ときが あります",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "(ちゅうい) おなじ 人（ひと）を なんども しらべる ときが あります",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査（けんさ）した人（ひと）の数（かず）は、急（いそ）ぎの お知（し）らせ として 伝（つた）え ています。あとで、人（ひと）の 数（かず） が 一部（いちぶ） 変（か）わるかもしれません。",
   "合計": "ごうけい",
   "{date}の全体累計": "%{date} まで 全部（ぜんぶ）で",
   "{date}の合計": "%{date}の 全部（ぜんぶ）の 数（かず）",
diff --git a/assets/locales/ja.json b/assets/locales/ja.json
index e3699a94..69520c12 100644
--- a/assets/locales/ja.json
+++ b/assets/locales/ja.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "検査陽性者の状況",
   "陽性患者数": "陽性患者数",
   "陽性患者の属性": "陽性患者の属性",
-  "検査実施件数": "検査実施件数",
+  "検査実施数": "検査実施数",
   "新型コロナコールセンター相談件数": "新型コロナコールセンター相談件数",
   "新型コロナ受診相談窓口相談件数": "新型コロナ受診相談窓口相談件数",
   "都営地下鉄の利用者数の推移": "都営地下鉄の利用者数の推移",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（チャーター機帰国者、クルーズ船乗客等は含まれていない）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一の対象者について複数の検体を検査する場合あり",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "（注）同一の対象者について複数の検体を調査する場合あり",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります",
   "合計": "合計",
   "{date}の全体累計": "%{date}の全体累計",
   "{date}の合計": "%{date}の合計",
diff --git a/assets/locales/ko.json b/assets/locales/ko.json
index b1a21a96..d0898259 100644
--- a/assets/locales/ko.json
+++ b/assets/locales/ko.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "확진자의 현황",
   "陽性患者数": "확진자 수",
   "陽性患者の属性": "확진 사례의 세부 사항",
-  "検査実施件数": "검사 실시 수",
+  "検査実施数": "검사 실시 수",
   "新型コロナコールセンター相談件数": "코로나 19 콜센터 문의 건수",
   "新型コロナ受診相談窓口相談件数": "코로나19 진찰 상담 창구 상담 건수",
   "都営地下鉄の利用者数の推移": "도에이 지하철 의 예상 승객 수",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（주）도내에서 의심 사례 또는 환자와 접속했을 가능성이 있는 사람으로서 검사를 실시한 것에 대해 게재.",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（전세기 귀국자, 크루즈선 승객 등은 포함하지 않았습니다）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "검사실시인수는 속보치이며 차후 확정데이터로 수정될수있습니다",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "(주의) 동일 대상자에 대하여 여러번의 검체를 조사하는 경우가 있음",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "(주의) 동일 대상자에 대하여 여러번의 검체를 조사하는 경우가 있음",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "검사실시수는 속보치이며 차후 확정데이터로 수정될수있습니다",
   "合計": "합계",
   "{date}の全体累計": "%{date}의 누적 수",
   "{date}の合計": "%{date} 합계",
diff --git a/assets/locales/pt_BR.json b/assets/locales/pt_BR.json
index 320062d7..6c53221a 100644
--- a/assets/locales/pt_BR.json
+++ b/assets/locales/pt_BR.json
@@ -1,14 +1,10 @@
 {
-  "検査実施件数": "検査実施件数",
   "日別": "diário",
   "累計": "total",
   "都営地下鉄4路線の自動改札出場数": "Total de usuarios das 4 linhas de metro Toei",
   "実績値": "Valor real",
   "累計値": "Valor acumulado",
   "前日比": "anterior",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一の対象者について複数の検体を検査する場合あり",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
   "https://marketingplatform.google.com/about/analytics/terms/jp/": "https://marketingplatform.google.com/about/analytics/terms/pt/",
   "https://policies.google.com/privacy?hl=ja": "https://policies.google.com/privacy?hl=pt-BR",
   "https://support.google.com/analytics/answer/6004245?hl=ja": "https://support.google.com/analytics/answer/6004245?hl=pt-BR"
diff --git a/assets/locales/th.json b/assets/locales/th.json
index e332c2c5..a67e95e0 100644
--- a/assets/locales/th.json
+++ b/assets/locales/th.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "รายละเอียดของกรณีที่ยืนยันแล้ว",
   "陽性患者数": "จำนวนกรณีที่ยืนยันแล้ว",
   "陽性患者の属性": "ลักษณะของผู้ป่วยที่ยืนยันแล้ว",
-  "検査実施件数": "จำนวนการทดสอบที่ได้ดำเนิการ",
+  "検査実施数": "จำนวนการทดสอบที่ได้ดำเนิการ",
   "新型コロナコールセンター相談件数": "จำนวนการสอบถามทางศูนย์ให้คำปรึกษาโควิด-19",
   "新型コロナ受診相談窓口相談件数": "จำนวนการสอบถามทางศูนย์ให้คำปรึกษาทางโทรศัพท์ (ทุกประเภท)",
   "都営地下鉄の利用者数の推移": "คาดการณ์จำนวนผู้โดยสารรถไฟใต้ดินโทเอ",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "(หมายเหตุ) นี่แสดงถึงการตรวจผู้ที่อาจติดเชื้อหรือคนที่เคยสัมผัสใกล้ชิดกับพวกเขา",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "(ไม่รวมผู้เดินทางกลับด้วยเครื่องบินเช่าเหมาลำหรือผู้โดยสารเรือสำราญ)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "จำนวนตัวเลขของผู้เข้ารับการตรวจสอบนั้น เป็นการรายงานในเบื้องต้นเท่านั้น อาจจะมีการถูกแก้ไขด้วยข้อมูลที่ได้รับการยืนยันแล้วในภายหลัง",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "(หมายเหตุ) อาจมีการทดสอบมากกว่าหนึ่งตัวอย่างจากบุคคลเดียวกัน",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "(หมายเหตุ) อาจมีการทดสอบมากกว่าหนึ่งตัวอย่างจากบุคคลเดียวกัน",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "จำนวนตัวเลขของการดำเนินงานตรวจสอบนั้น เป็นการรายงานในเบื้องต้นเท่านั้น อาจจะมีการถูกแก้ไขด้วยข้อมูลที่ได้รับการยืนยันแล้วในภายหลัง",
   "合計": "รวม",
   "{date}の全体累計": "รวมสะสมถึง %{date}",
   "{date}の合計": "รวมจนถึง %{date}",
diff --git a/assets/locales/vi.json b/assets/locales/vi.json
index bafef3f3..16dd539f 100644
--- a/assets/locales/vi.json
+++ b/assets/locales/vi.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "Thông tin chi tiết về các ca nhiễm",
   "陽性患者数": "Số bệnh nhân dương tính",
   "陽性患者の属性": "Đặc điểm các ca dương tính",
-  "検査実施件数": "Số người xét nghiệm",
+  "検査実施数": "Số người xét nghiệm",
   "新型コロナコールセンター相談件数": "Số cuộc gọi vào Trung tâm tư vấn về COVID-19 ",
   "新型コロナ受診相談窓口相談件数": "Số lượng báo cáo cho Trung tâm tư vấn điện thoại kết hợp",
   "都営地下鉄の利用者数の推移": "Dự đoán số lượng hành khách đi bằng tàu điện Toei",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "(Ghi chú) Đăng tải thông tin đối với các trường hợp đã tiến hành xét nghiệm với tư cách là người tiếp xúc gần với người bệnh hoặc các ca nghi nhiễm trong khu vực Tokyo",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "(Không bao gồm người được chính phủ đón về từ Vũ Hán bằng chuyên cơ hoặc hành khách trên tàu Diamond Princess v.v.)",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "Số người đã xét nghiệm chỉ là số liệu sơ bộ, sẽ được chỉnh sửa thành dữ liệu xác thực vào hôm sau.",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "(Ghi chú) Có trường hợp cùng với 1 bệnh nhân, có thể có nhiều điều tra về kết quả khám ",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "(Ghi chú) Có trường hợp cùng với 1 bệnh nhân, có thể có nhiều điều tra về kết quả khám ",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "Số ca xét nghiệm đã thực hiện chỉ là số liệu sơ bộ, sẽ được chỉnh sửa thành dữ liệu xác thực vào hôm sau.",
   "合計": "Tổng cộng",
   "{date}の全体累計": "Tổng cộng tính đến {date}",
   "{date}の合計": "Tổng cộng tính đến {date}",
diff --git a/assets/locales/zh_CN.json b/assets/locales/zh_CN.json
index 9997b1c3..08d861e3 100644
--- a/assets/locales/zh_CN.json
+++ b/assets/locales/zh_CN.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "确诊案例状况",
   "陽性患者数": "确诊人数",
   "陽性患者の属性": "确诊患者的信息",
-  "検査実施件数": "送检件数",
+  "検査実施数": "送检件数",
   "新型コロナコールセンター相談件数": "新型冠状病毒咨询中心咨询件数",
   "新型コロナ受診相談窓口相談件数": "新冠肺炎就诊咨询窗口的咨询数",
   "都営地下鉄の利用者数の推移": "都营地下铁搭乘人数趋势",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（注）仅列出在东京都接受检查的疑似病例及确诊病例的密切接触者",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（不包括乘包机返日者、邮轮乘客等）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "检查人数是快讯方式公开的数值，日后有可能变更",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "（注）同一受检者可能接受过多次检查",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "（注）同一受检者可能接受过多次检查",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "检查数是快讯方式公开的数值，日后有可能变更",
   "合計": "总计",
   "{date}の全体累計": "截至 %{date}",
   "{date}の合計": "%{date}当日合计",
diff --git a/assets/locales/zh_TW.json b/assets/locales/zh_TW.json
index 9d0b4827..e352d9b6 100644
--- a/assets/locales/zh_TW.json
+++ b/assets/locales/zh_TW.json
@@ -7,7 +7,7 @@
   "検査陽性者の状況": "確診案例狀況",
   "陽性患者数": "確診人數",
   "陽性患者の属性": "確診案例概況",
-  "検査実施件数": "送檢件數",
+  "検査実施数": "送檢件數",
   "新型コロナコールセンター相談件数": "新型冠狀病毒諮詢中心諮詢件數",
   "新型コロナ受診相談窓口相談件数": "新型冠狀病毒就診窗口諮詢數",
   "都営地下鉄の利用者数の推移": "都營地鐵搭乘人數走勢",
@@ -168,9 +168,8 @@
   "（注）都内において疑い例または患者の濃厚接触者として検査を行ったものについて掲載": "（註）列出與東京都疑似病例或是曾與患者密切接觸 ",
   "（チャーター機帰国者、クルーズ船乗客等は含まれていない）": "（包機返國者、郵輪乘客等除外）",
   "検査実施人数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "送檢人數為速報值，有可能在未來被確認過後的資料修正。",
-  "（注）医療機関が保険適用で行った検査は含まれていない": "（注）医療機関が保険適用で行った検査は含まれていない",
-  "（注）同一の対象者について複数の検体を検査する場合あり": "（註）同一個案可能被多次檢查",
-  "（注）速報値として公開するものであり、後日確定データとして修正される場合あり": "（注）速報値として公開するものであり、後日確定データとして修正される場合あり",
+  "（注）同一の対象者について複数の検体を調査する場合あり": "（註）同一個案可能被多次檢查",
+  "検査実施数は、速報値として公開するものであり、後日確定データとして修正される場合があります": "送檢件數為速報值，有可能在未來被確認過後的資料修正。",
   "合計": "合計",
   "{date}の全体累計": "累計至 %{date}",
   "{date}の合計": "%{date} 的合計",