Merge pull request #82 from Suke-H/81-straybotのプライバシーポリシー作成

STRAYBOT, Kakutoryのプライバシーポリシー作成

formatter/sources/kakutory.md

@@ -0,0 +1,13 @@
+# プライバシーポリシー
+
+本プライバシーポリシーは、「kakutory」（以下「当サイト」）における個人情報の取り扱いについて、その方針を示したものになります。
+
+## 個人情報の取り扱いについて
+当サイトでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。
+
+## プライバシーポリシーの改訂
+当サイトは、機能拡張に伴って本プライバシーポリシーの内容を見直す場合があることをご了承ください。 本ポリシーは、事前の予告なく変更することがあり、当サイトに掲載された時点で有効になるものとします。
+
+-----
+
+最終更新日：2024/12/27

formatter/sources/straybot.md

@@ -0,0 +1,23 @@
+# STRAY BOT プライバシーポリシー
+
+本プライバシーポリシーは、モバイル版無料アプリ「STRAY BOT」（以下「本アプリ」）における個人情報の取り扱いについて、その方針を示したものになります。このアプリは「現状有姿のまま」提供されるものとします。
+
+## 個人情報の取り扱いについて
+本アプリでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。
+
+## プライバシーポリシーの改訂
+本プライバシーポリシーは、必要に応じて変更されることがあります。変更がある場合は、本アプリの更新にて通知いたします。
+
+最終更新日：2024/12/27
+
+# STRAY BOT Privacy Policy
+
+This privacy policy applies to the STRAY BOT app (hereby referred to as "Application") for mobile devices  as a Free service. This service is intended for use "AS IS".
+
+## Handling of Personal Information
+This app does not use any advertising services or tracking tools, so it does not collect, use, store, or share any personal information of users (e.g., name, email address, location, etc.).
+
+## Revisions to the Privacy Policy
+This privacy policy is subject to change as necessary. Any changes will be notified through updates to the app.
+
+Last updated: 2024/12/27

public/diaryContents/kakutory.html

@@ -0,0 +1,8 @@
+<h1 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" aria-hidden="true"></a> プライバシーポリシー</h1>
+<p>本プライバシーポリシーは、「kakutory」（以下「当サイト」）における個人情報の取り扱いについて、その方針を示したものになります。</p>
+<h2 id="%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"><a class="header-anchor-link" href="#%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 個人情報の取り扱いについて</h2>
+<p>当サイトでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。</p>
+<h2 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82" aria-hidden="true"></a> プライバシーポリシーの改訂</h2>
+<p>当サイトは、機能拡張に伴って本プライバシーポリシーの内容を見直す場合があることをご了承ください。 本ポリシーは、事前の予告なく変更することがあり、当サイトに掲載された時点で有効になるものとします。</p>
+<hr />
+<p>最終更新日：2024/12/27</p>

public/diaryContents/straybot.html

@@ -0,0 +1,14 @@
+<h1 id="stray-bot-%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC"><a class="header-anchor-link" href="#stray-bot-%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" aria-hidden="true"></a> STRAY BOT プライバシーポリシー</h1>
+<p>本プライバシーポリシーは、モバイル版無料アプリ「STRAY BOT」（以下「本アプリ」）における個人情報の取り扱いについて、その方針を示したものになります。このアプリは「現状有姿のまま」提供されるものとします。</p>
+<h2 id="%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"><a class="header-anchor-link" href="#%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 個人情報の取り扱いについて</h2>
+<p>本アプリでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。</p>
+<h2 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82" aria-hidden="true"></a> プライバシーポリシーの改訂</h2>
+<p>本プライバシーポリシーは、必要に応じて変更されることがあります。変更がある場合は、本アプリの更新にて通知いたします。</p>
+<p>最終更新日：2024/12/27</p>
+<h1 id="stray-bot-privacy-policy"><a class="header-anchor-link" href="#stray-bot-privacy-policy" aria-hidden="true"></a> STRAY BOT Privacy Policy</h1>
+<p>This privacy policy applies to the STRAY BOT app (hereby referred to as "Application") for mobile devices  as a Free service. This service is intended for use "AS IS".</p>
+<h2 id="handling-of-personal-information"><a class="header-anchor-link" href="#handling-of-personal-information" aria-hidden="true"></a> Handling of Personal Information</h2>
+<p>This app does not use any advertising services or tracking tools, so it does not collect, use, store, or share any personal information of users (e.g., name, email address, location, etc.).</p>
+<h2 id="revisions-to-the-privacy-policy"><a class="header-anchor-link" href="#revisions-to-the-privacy-policy" aria-hidden="true"></a> Revisions to the Privacy Policy</h2>
+<p>This privacy policy is subject to change as necessary. Any changes will be notified through updates to the app.</p>
+<p>Last updated: 2024/12/27</p>

public/privacyContents/kakutory.html

@@ -0,0 +1,8 @@
+<h1 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" aria-hidden="true"></a> プライバシーポリシー</h1>
+<p>本プライバシーポリシーは、「kakutory」（以下「当サイト」と呼びます）における個人情報の取り扱いについて、その方針を示したものになります。</p>
+<h2 id="%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"><a class="header-anchor-link" href="#%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 個人情報の取り扱いについて</h2>
+<p>当サイトでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。</p>
+<h2 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82" aria-hidden="true"></a> プライバシーポリシーの改訂</h2>
+<p>当サイトは、機能拡張に伴って本プライバシーポリシーの内容を見直す場合があることをご了承ください。 本ポリシーは、事前の予告なく変更することがあり、当サイトに掲載された時点で有効になるものとします。</p>
+<hr />
+<p>最終更新日：2024/12/27</p>

public/privacyContents/straybot.html

@@ -0,0 +1,14 @@
+<h1 id="stray-bot-%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC"><a class="header-anchor-link" href="#stray-bot-%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC" aria-hidden="true"></a> STRAY BOT プライバシーポリシー</h1>
+<p>本プライバシーポリシーは、モバイル版無料アプリ「STRAY BOT」（以下「本アプリ」と呼びます）における個人情報の取り扱いについて、その方針を示したものになります。このアプリは「現状有姿のまま」提供されるものとします。</p>
+<h2 id="%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6"><a class="header-anchor-link" href="#%E5%80%8B%E4%BA%BA%E6%83%85%E5%A0%B1%E3%81%AE%E5%8F%96%E3%82%8A%E6%89%B1%E3%81%84%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6" aria-hidden="true"></a> 個人情報の取り扱いについて</h2>
+<p>本アプリでは広告サービスやトラッキングツールを使用していないため、ユーザーの個人情報（例: 氏名、メールアドレス、位置情報など）を一切収集、使用、保存、または共有することはありません。</p>
+<h2 id="%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82"><a class="header-anchor-link" href="#%E3%83%97%E3%83%A9%E3%82%A4%E3%83%90%E3%82%B7%E3%83%BC%E3%83%9D%E3%83%AA%E3%82%B7%E3%83%BC%E3%81%AE%E6%94%B9%E8%A8%82" aria-hidden="true"></a> プライバシーポリシーの改訂</h2>
+<p>本プライバシーポリシーは、必要に応じて変更されることがあります。変更がある場合は、本アプリの更新にて通知いたします。</p>
+<p>最終更新日：2024/12/27</p>
+<h1 id="stray-bot-privacy-policy"><a class="header-anchor-link" href="#stray-bot-privacy-policy" aria-hidden="true"></a> STRAY BOT Privacy Policy</h1>
+<p>This privacy policy applies to the STRAY BOT app (hereby referred to as "Application") for mobile devices  as a Free service. This service is intended for use "AS IS".</p>
+<h2 id="handling-of-personal-information"><a class="header-anchor-link" href="#handling-of-personal-information" aria-hidden="true"></a> Handling of Personal Information</h2>
+<p>This app does not use any advertising services or tracking tools, so it does not collect, use, store, or share any personal information of users (e.g., name, email address, location, etc.).</p>
+<h2 id="revisions-to-the-privacy-policy"><a class="header-anchor-link" href="#revisions-to-the-privacy-policy" aria-hidden="true"></a> Revisions to the Privacy Policy</h2>
+<p>This privacy policy is subject to change as necessary. Any changes will be notified through updates to the app.</p>
+<p>Last updated: 2024/12/27</p>

src/components/Content.tsx

@@ -5,6 +5,7 @@ import { Game } from './contents/Game';
 import { About } from './contents/About';
 import { Diary } from './contents/Diary';
 import { Work } from './contents/Work';
+import { Privacy } from './contents/Privacy';
 import { NotFound } from './contents/NotFound';
 import { Routes, Route } from 'react-router-dom';
 
@@ -17,6 +18,7 @@ export const Content = (): JSX.Element => {
         <Route path="/game" element={<Game isHome={false}/>} />
         <Route path="/diary/*" element={<Diary isHome={false}/>} />
         <Route path="/work" element={<Work isHome={false}/>} />
+        <Route path="/privacy/*" element={<Privacy/>} />
         <Route path="/*" element={<NotFound />} />
       </Routes>
     </>

src/components/contents/Privacy.css

@@ -0,0 +1,26 @@
+.privacy {
+  color: #585858;
+  font-weight: bold;
+
+  min-height: 50vh;
+  margin: 0 auto;
+  /* width: 70%; */
+  /* max-width: 800px; */
+}
+
+.column {
+  font-size: 40px;
+  font-family: 'Noto Sans JP', Meiryo, 'ヒラギノ角ゴ', sans-serif;
+}
+
+  @media (max-width:1024px) {
+  }
+
+  @media (max-width:600px) {
+    .column {
+        font-size: 30px;
+    }
+  }
+
+
+

src/components/contents/Privacy.tsx

@@ -0,0 +1,21 @@
+/* eslint-disable react/react-in-jsx-scope */
+// import { Link } from "react-router-dom";
+// import React from 'react';
+import { Routes, Route } from 'react-router-dom';
+
+// import { Heading } from '../Heading';
+import { PrivacyContent } from './PrivacyContent';
+
+import './Privacy.css';
+// import Button from '@mui/material/Button';
+
+export const Privacy = (): JSX.Element => {
+    return (
+        <div className='privacy'>
+            <Routes>
+                <Route path="/" element={<PrivacyContent />} />
+                <Route path="/:id" element={<PrivacyContent />} />
+            </Routes>
+        </div>
+    );
+}

src/components/contents/PrivacyContent.css

@@ -0,0 +1,17 @@
+#znc-about {
+    width: 40%;
+    margin: 0 auto;
+
+    text-align: left;
+}
+
+p {
+    margin: 5px 0;
+  }
+
+@media (max-width: 600px) {
+    #znc-about {
+        width: 90%;
+    }
+}
+

src/components/contents/PrivacyContent.tsx

@@ -0,0 +1,45 @@
+/* eslint-disable react/react-in-jsx-scope */
+// import React from 'react';
+import 'zenn-content-css';
+import { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import './PrivacyContent.css'
+
+import { NotFound } from './NotFound';
+
+export const PrivacyContent = (): JSX.Element => {
+    const [htmlContent, setHtmlContent] = useState<string>('');
+    const { id } = useParams();
+
+    const [error, setError] = useState<boolean>(false);
+
+    useEffect(() => {
+        const filePath = id !== undefined ? `/privacyContents/${id}.html` : '/privacyContents/kakutory.html';
+      fetch(filePath)
+      .then(async response => {
+        if (!response.ok) { // レスポンスのステータスが OK (200) でない場合
+            throw new Error('Network response was not ok'); // 例外を投げる
+        }
+        return await response.text();
+    })
+      .then(html => {
+          setHtmlContent(html);
+          setError(false);
+      })
+      .catch(error => {
+          console.error('Error fetching HTML:', error);
+          console.log('path:', filePath);
+          setError(true);
+      });
+    }, [id]);
+
+    if (error) {
+        return ( <NotFound /> );
+    }
+
+    return (
+        <div className="znc">
+            <div dangerouslySetInnerHTML={{ __html: htmlContent }} />
+        </div>
+    );
+}