Merge pull request #378 from hiroto0701/develop

Develop

frontend-user/src/router/index.ts

@@ -45,6 +45,20 @@ const routes = [
       }
     ]
   },
+  {
+    path: '/terms',
+    component: () => import('@/views/templates/pages/ConditionalLayout.vue'),
+    children: [
+      {
+        path: '',
+        name: 'Terms',
+        meta: {
+          title: '利用規約'
+        },
+        component: () => import('@/views/pages/Terms/Index.vue')
+      }
+    ]
+  },
   {
     path: '/',
     component: () => import('@/views/templates/pages/MainLayout.vue'),
@@ -187,7 +201,7 @@ const routes = [
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes,
-  scrollBehavior(_, from) {
+  scrollBehavior() {
     // ページ遷移のタイミングで一律最上部にスクロール
     return { top: 0 };
   }

frontend-user/src/views/pages/PrivacyPolicy/components/molecules/BaseSection.vue → frontend-user/src/views/molecules/document/BaseSection.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import BaseHeading from '@/views/pages/PrivacyPolicy/components/atoms/BaseHeading.vue';
+import BaseHeading from '@/views/atoms/document/BaseHeading.vue';
 
 interface Props {
   title: string;

frontend-user/src/views/organisms/AuthenticatedFooter.vue

@@ -44,6 +44,10 @@ function doLogout(): void {
         </div>
       </div>
       <div class="flex flex-col gap-4">
+        <router-link :to="{ name: 'Terms' }" class="font-body text-sumi-600">
+          利用規約
+        </router-link>
+
         <router-link :to="{ name: 'PrivacyPolicy' }" class="font-body text-sumi-600">
           プライバシーポリシー
         </router-link>

frontend-user/src/views/pages/PrivacyPolicy/components/organisms/PrivacyPolicySection.vue → frontend-user/src/views/organisms/DocumentSection.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import BaseParagraph from '@/views/pages/PrivacyPolicy/components/atoms/BaseParagraph.vue';
-import BaseSection from '@/views/pages/PrivacyPolicy/components/molecules/BaseSection.vue';
-import BaseOrderedList from '@/views/pages/PrivacyPolicy/components/molecules/BaseOrderedList.vue';
+import BaseParagraph from '@/views/atoms/document/BaseParagraph.vue';
+import BaseSection from '@/views/molecules/document/BaseSection.vue';
+import BaseOrderedList from '@/views/molecules/document/BaseOrderedList.vue';
 
 interface Props {
   title: string;

frontend-user/src/views/organisms/UnAuthenticatedFooter.vue

@@ -25,20 +25,24 @@ const emits = defineEmits<{
         />
       </div>
       <div class="flex flex-col gap-4">
-        <RouterLink to="privacy-policy" class="block w-fit font-body text-sumi-600"
-          >プライバシーポリシー</RouterLink
-        >
+        <router-link :to="{ name: 'Terms' }" class="font-body text-sumi-600">
+          利用規約
+        </router-link>
+
+        <router-link :to="{ name: 'PrivacyPolicy' }" class="font-body text-sumi-600">
+          プライバシーポリシー
+        </router-link>
         <a
           class="block w-fit font-body text-sumi-600"
           href="https://forms.gle/JZk6xHmwX98snLbw6"
           target="_blank"
           rel="noopener noreferrer"
-          >お問い合わせ</a
-        >
+          >お問い合わせ
+        </a>
       </div>
     </div>
-    <small class="mx-auto mt-5 block w-fit select-none text-center font-body text-sumi-600"
-      >&copy; 2024 Curry Addiction</small
-    >
+    <small class="mx-auto mt-5 block w-fit select-none text-center font-body text-sumi-600">
+      &copy; 2024 Curry Addiction
+    </small>
   </footer>
 </template>

frontend-user/src/views/pages/PrivacyPolicy/Index.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import BaseHeading from '@/views/pages/PrivacyPolicy/components/atoms/BaseHeading.vue';
-import BaseParagraph from '@/views/pages/PrivacyPolicy/components/atoms/BaseParagraph.vue';
-import BaseLink from '@/views/pages/PrivacyPolicy/components/atoms/BaseLink.vue';
-import BaseSection from '@/views/pages/PrivacyPolicy/components/molecules/BaseSection.vue';
-import BaseUnorderedList from '@/views/pages/PrivacyPolicy/components/molecules/BaseUnOrderedList.vue';
-import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organisms/PrivacyPolicySection.vue';
+import BaseHeading from '@/views/atoms/document/BaseHeading.vue';
+import BaseParagraph from '@/views/atoms/document/BaseParagraph.vue';
+import BaseLink from '@/views/atoms/document/BaseLink.vue';
+import BaseSection from '@/views/molecules/document/BaseSection.vue';
+import BaseUnorderedList from '@/views/molecules/document/BaseUnOrderedList.vue';
+import DocumentSection from '@/views/organisms/DocumentSection.vue';
 </script>
 
 <template>
@@ -14,7 +14,7 @@ import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organis
       本サービスは、以下のプライバシーポリシーを定め、個人の情報に関する保護法（平成十五年法律第五十七号、以下「個人情報保護法」）を遵守すると共に、適切なプライバシー情報の保護に努めます。
     </BaseParagraph>
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第1条（プライバシー情報の定義）"
       :paragraphs="[
         'プライバシー情報とは、個人情報、履歴情報および特性情報を言います。',
@@ -23,7 +23,7 @@ import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organis
       ]"
     />
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第2条（プライバシー情報の収集方法）"
       :paragraphs="[
         '本サービスは、アカウントの有効性の確認やアカウントの保護のため、登録ユーザーが利用登録をする際にメールアドレスなどのプライバシー情報をお尋ねすることがあります。',
@@ -32,7 +32,7 @@ import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organis
       ]"
     />
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第3条（プライバシー情報を収集・利用する目的）"
       :paragraphs="['本サービスにおいてプライバシー情報を収集・利用する目的は、以下のとおりです。']"
       :list="[
@@ -44,14 +44,14 @@ import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organis
       ]"
     />
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第4条（プライバシー情報の安全管理措置）"
       :paragraphs="[
         '運営者は、個人情報の正確性及び安全性を確保するために、セキュリティ対策をはじめとする安全対策を実施し、個人情報の漏えい、滅失またはき損の防止及び是正に努めます。'
       ]"
     />
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第5条（プライバシー情報の第三者提供）"
       :paragraphs="[
         '運営者は、次に掲げる場合を除いて、予め登録ユーザーの同意を得ることなく、第三者に個人情報を提供することはありません。ただし、個人情報保護法その他の法令で認められる場合を除きます。'
@@ -93,16 +93,16 @@ import PrivacyPolicySection from '@/views/pages/PrivacyPolicy/components/organis
         </BaseLink>
         をご確認ください。
       </BaseParagraph>
-    </PrivacyPolicySection>
+    </DocumentSection>
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第6条（本サービス）"
       :paragraphs="[
         '本サービスは個人により運営されています。そのため、運営者の判断により、予告なくサービスの提供を終了することがあります。'
       ]"
     />
 
-    <PrivacyPolicySection
+    <DocumentSection
       title="第7条（プライバシーポリシーの変更）"
       :paragraphs="[
         '本ポリシーの内容は、登録ユーザーに通知することなく、変更できるものとします。運営者が別途定める場合を除いて、変更後のプライバシーポリシーは、本ページに掲載したときから効力を生じるものとします。'

frontend-user/src/views/pages/Terms/Index.vue

@@ -0,0 +1,87 @@
+<script setup lang="ts">
+import BaseHeading from '@/views/atoms/document/BaseHeading.vue';
+import BaseParagraph from '@/views/atoms/document/BaseParagraph.vue';
+import BaseSection from '@/views/molecules/document/BaseSection.vue';
+import BaseUnorderedList from '@/views/molecules/document/BaseUnOrderedList.vue';
+import DocumentSection from '@/views/organisms/DocumentSection.vue';
+</script>
+
+<template>
+  <div class="flex flex-col gap-12">
+    <BaseHeading :level="1">利用規約</BaseHeading>
+    <BaseParagraph>
+      本規約は、Curry
+      Addiction（以下「本サービス」）の利用に関する条件を定めたものです。ユーザーは、本規約に同意の上、本サービスをご利用ください。
+    </BaseParagraph>
+
+    <DocumentSection
+      title="第1条（適用）"
+      :paragraphs="['本規約は、本サービスの利用に関する一切の関係に適用されます。']"
+    />
+
+    <DocumentSection
+      title="第2条（登録）"
+      :paragraphs="[
+        '登録希望者は、本規約に同意の上、運営者の定める方法により利用登録を行うものとします。',
+        '登録希望者が以下のいずれかに該当する場合、運営者は登録を拒否することがあります。'
+      ]"
+      :list="[
+        '虚偽の情報を登録した場合',
+        '本規約に違反したことがある場合',
+        'その他、運営者が不適切と判断した場合'
+      ]"
+    />
+
+    <DocumentSection
+      title="第3条（位置情報の利用）"
+      :paragraphs="[
+        '本サービスは、投稿機能の一部においてユーザーの現在位置情報を取得する場合があります。',
+        '位置情報は、ブラウザの許可を得た場合にのみ取得され、保存されることはありません。',
+        'ユーザーは位置情報の取得を拒否することができますが、一部の機能が制限される場合があります。',
+        '位置情報は以下の目的で使用されます。'
+      ]"
+      :list="[
+        '投稿内容に関連する情報を提供するため',
+        'サービス内において店舗検索時のより良い体験を提供するため'
+      ]"
+    />
+
+    <DocumentSection
+      title="第4条（禁止事項）"
+      :paragraphs="['ユーザーは、本サービスの利用にあたり、以下の行為を行ってはなりません。']"
+      :list="[
+        '法令または公序良俗に違反する行為',
+        'サーバーに過度な負荷をかける行為',
+        '他の登録ユーザーの情報を不正に取得する行為',
+        'その他、運営者が不適切と判断する行為'
+      ]"
+    />
+
+    <DocumentSection
+      title="第5条（サービス内容の変更・終了）"
+      :paragraphs="[
+        '本サービスは個人による運営のため、予告なくサービスの内容を変更または提供を終了する場合があります。',
+        'サービス提供を終了する場合、運営者はすべてのデータを削除することを約束します。'
+      ]"
+    />
+
+    <DocumentSection
+      title="第6条（免責事項）"
+      :paragraphs="[
+        '本サービスは、サービス提供の中断、終了、変更によりユーザーが被った損害について一切の責任を負いません。',
+        '本サービスは、ユーザー間または第三者とのトラブルに関して責任を負いません。'
+      ]"
+    />
+
+    <DocumentSection
+      title="第7条（規約の変更）"
+      :paragraphs="[
+        '運営者は、本規約を必要に応じて変更することができます。変更後の規約は、本サービス上に掲載したときから効力を生じます。'
+      ]"
+    />
+
+    <BaseSection title="附則">
+      <BaseUnorderedList :items="['2024年10月01日 制定']" />
+    </BaseSection>
+  </div>
+</template>