From dbff0adc35e7be7cd534dec447adefc71cf18de3 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Sat, 26 Apr 2025 03:38:17 +0900
Subject: [PATCH 01/10] =?UTF-8?q?=E3=81=94=E6=84=8F=E8=A6=8B=E3=83=95?=
 =?UTF-8?q?=E3=82=A9=E3=83=BC=E3=83=A0=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 info.html       | 26 +++++++++++++++-----------
 playpoints.html |  5 ++++-
 2 files changed, 19 insertions(+), 12 deletions(-)

diff --git a/info.html b/info.html
index fa48935..cf7aa27 100644
--- a/info.html
+++ b/info.html
@@ -39,12 +39,13 @@ <h1>使い方・Q&A</h1> <!-- ページ見出し変更 -->
       <h2>ご利用ありがとうございます！</h2>
       <p>
         この度は「Playポイント計算機」をご利用いただき、誠にありがとうございます！<br>
-        少しでも皆様のポイ活ライフのお役に立てれば幸いです。
+        少しでも皆様のお役に立てれば幸いです。
       </p>
-      <p>
-        「もっとこうだったら使いやすいのに」「こんな機能も欲しい！」などのご意見・ご感想がありましたら、ぜひお聞かせください。<br>
-        今後の改善の参考にさせていただきます！
-        <!-- <a href="[フィードバックフォームのURL]" target="_blank">フィードバックを送る</a> -->
+<p>
+  「もっとこうだったら使いやすいのに」「こんな機能も欲しい！」などのご意見・ご感想がありましたら、ぜひお聞かせください。<br>
+  今後の改善の参考にさせていただきます！<br>
+  → <a href="https://forms.gle/EkP49ah4586uPgAE8" target="_blank" rel="noopener noreferrer">フィードバックはこちらから</a>
+  <!-- ▲ href, target, rel が全て <a と > の間にあることを確認 -->
       </p>
       <p>
         これからも、より良いツールを目指して開発を続けていきますので、どうぞよろしくお願いいたします！
@@ -56,13 +57,13 @@ <h2>ご利用ありがとうございます！</h2>
       <h2>よくある質問 (Q&A)</h2>
       <dl>
         <dt>Q. 月平均の「○ヶ月」って何ですか？</dt>
-        <dd>A. 今年の残り月数です。目標達成に必要な課金額を、年末までに均等に割った場合の月あたりの目安を示しています。</dd>
+        <dd>A. 今年の残り月数です。目標達成に必要な課金額を、年末までに均等に割った場合の月あたりの目安を示しています。ステータスの更新は毎年その年の12/31に行われるのでそこを基準にしてます。</dd>
 
         <dt>Q. 例題の「1728」って何ですか？</dt>
-        <dd>A. 特に深い意味はありません！入力例として適当な数字を入れています。</dd>
+        <dd>A. あとがきに書いてあるので暇に殺されそうなら是非お読みになってください。</dd>
 
         <dt>Q. 還元設定の計算はどうなっていますか？</dt>
-        <dd>A. 「100円あたりの基本還元ポイント」に入力された値と、「現在のステータスに応じたポイント × キャンペーン倍率」を内部で比較し、より獲得ポイント数が多くなる方（有利な方）の還元率を自動的に適用して計算しています。両方の特典が同時に適用されることはありません。</dd>
+        <dd>A. 「100円あたりの基本還元ポイント」に入力された値と、「現在のステータスに応じたポイント × キャンペーン倍率」を内部で比較し、より獲得ポイント数が多くなる方（有利な方）の還元率を自動的に適用して計算しています。これは実際のプレイストアでも同じ処理になっています。両方の特典が同時に適用されることはありません。</dd>
 
         <!-- 他のQ&A -->
       </dl>
@@ -72,13 +73,16 @@ <h2>よくある質問 (Q&A)</h2>
     <div class="section info-section" id="about-section">
       <h2>あとがき・開発経緯</h2>
       <p>
-        [ここに、このツールを作ろうと思ったきっかけや、開発中のエピソード、Google Play Pointsへの想いなどを自由に記述してください。]
+        [これを作ろうと思ったきっかけはニコニコ超会議でした。ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらいます。一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）
+         私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...それならば作ってしまえとできたのがこのサイト（アプリ）。
+         例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。キャンペーンなしだとおおよそ85000円です。(WAO!クレイジー!)
+         そんなノリと勢いとAIの叡智でできたこのサイトがあなたの生活をほんの少し豊かにすることを願っています。ここまでお読みいただきありがとうございました！]
       </p>
       <p>
-        開発者: [あなたのお名前やハンドルネームなど (任意)]
+        開発者: [かたかた]
       </p>
       <p>
-        最終更新日: 2024年XX月XX日 (v1.9.0)
+        最終更新日: 2025年4月26日 (v1.9.0)
       </p>
     </div>
 
diff --git a/playpoints.html b/playpoints.html
index 9a36ef9..ccbf392 100644
--- a/playpoints.html
+++ b/playpoints.html
@@ -67,10 +67,12 @@
 /* スピナーボタンの非表示（任意） */
 input[type="number"] {
   -moz-appearance: textfield; /* Firefox */
+  appearance: textfield; /* ▼ 標準プロパティを追加 */
 }
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
+  appearance: none; /* ▼ 標準プロパティを追加 */
   margin: 0;
 }
 
@@ -833,7 +835,8 @@ <h2>逆算モード</h2>
    <footer class="page-footer">
     <p>
       <a href="info.html">使い方・Q&A</a> |
-      <a href="#">ご意見・ご感想</a> <!-- 将来のフィードバックページ用 (今は # で仮置き) -->
+      <a href="https://forms.gle/EkP49ah4586uPgAE8"target="_blank" 
+      rel="noopener noreferrer">ご意見・ご感想</a> 
     </p>
   </footer>
   <!-- ▲▲▲ ここまで新しいフッター ▲▲▲ -->

From 8976c0691c3a2ec12c66904724ee03438c7a1ef9 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Mon, 28 Apr 2025 23:27:45 +0900
Subject: [PATCH 02/10] info add matter

---
 info.html       | 166 ++++++++++++++++++++++++++++++++++++++++--------
 playpoints.html |  95 +++++++++++++++++----------
 2 files changed, 203 insertions(+), 58 deletions(-)

diff --git a/info.html b/info.html
index cf7aa27..9d0c229 100644
--- a/info.html
+++ b/info.html
@@ -2,11 +2,133 @@
 <html lang="ja">
 <head>
     <meta charset="UTF-8">
-    <title>使い方・Q&A - Playポイント計算機</title> <!-- ページタイトル変更 -->
+    <title>使い方・Q&A - Playポイント計算ツール</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-     
-      .page-footer { /* フッターのスタイルも共通化 */
+      /* --- info.html スタイル --- */
+
+      /* 基本スタイル (playpoints.html と共通部分) */
+      body {
+        margin: 0;
+        padding: 0.8em;
+        background: #eef; /* 明るい背景 */
+        font-family: sans-serif;
+        text-align: center;
+        font-size: 15px;
+      }
+
+      h1 { /* ページタイトル (使い方・Q&A) */
+        color: #333;
+        font-size: 1.6em;
+        margin-bottom: 1em; /* タイトル下のマージン */
+        text-align: center; /* 中央揃え */
+      }
+
+      /* --- ここから info.html 固有のスタイル調整 --- */
+
+      /* 情報セクション共通スタイル */
+      .section.info-section { /* .section かつ .info-section クラスを持つ要素 */
+        background-color: #fff; /* 白背景 */
+        border: 1px solid #eee; /* 薄い境界線 */
+        border-radius: 8px; /* 角丸 */
+        padding: 1.5em; /* 内側余白 */
+        margin: 1.5em auto; /* セクション間のマージン */
+        max-width: 600px; /* 情報ページは少し幅広にしても良いかも */
+        box-shadow: 0 3px 12px rgba(0,0,0,0.08);
+        text-align: left;
+        font-size: 0.95em; /* 文字サイズ */
+        line-height: 1.7; /* 行間 */
+      }
+
+      .info-section h2 { /* セクション見出し */
+        font-size: 1.3em;
+        color: #333;
+        border-bottom: 2px solid #4a90e2; /* アクセントカラーの下線 */
+        padding-bottom: 0.4em;
+        margin-bottom: 1em; /* 見出しと内容の間隔 */
+      }
+
+      /* Q&Aリストのスタイル */
+      #qa-section dl {
+        margin-left: 0;
+        padding-left: 0;
+      }
+
+      #qa-section dt { /* 質問 (Q.) */
+        font-weight: bold;
+        color: #4a90e2; /* アクセントカラー */
+        margin-top: 1.5em;
+        margin-bottom: 0.3em;
+        position: relative;
+        padding-left: 2em; /* Q. 用スペース */
+      }
+      /* 質問の前にQマークを追加 */
+      #qa-section dt::before {
+          content: "Q.";
+          position: absolute;
+          left: 0;
+          top: 0;
+          color: #4a90e2;
+          font-weight: bold;
+      }
+
+      #qa-section dd { /* 回答 (A.) */
+        margin-left: 2em; /* 質問のインデントに合わせる */
+        padding-left: 2em; /* A. 用スペース */
+        margin-bottom: 1em;
+        color: #555;
+        position: relative;
+      }
+      /* 回答の前にAマークを追加 */
+      #qa-section dd::before {
+          content: "A.";
+          position: absolute;
+          left: 0;
+          top: 0;
+          color: #555;
+          font-weight: bold;
+      }
+
+      /* 感謝とお願い、あとがきセクションの段落スタイル */
+      #thanks-section p,
+      #about-section p {
+        margin-bottom: 1em;
+        color: #444;
+      }
+
+      /* セクション内のリンク */
+      .info-section a {
+        color: #007bff;
+        text-decoration: none;
+      }
+      .info-section a:hover {
+        text-decoration: underline;
+      }
+
+      /* 戻るリンクのスタイル (ボタン風) */
+      .back-link {
+        display: block;
+        text-align: center;
+        margin-top: 2em;
+        margin-bottom: 1.5em;
+      }
+      .back-link a {
+        display: inline-block;
+        padding: 0.6em 1.5em;
+        background-color: #6c757d; /* 非アクティブなタブの色 */
+        color: white;
+        border-radius: 6px;
+        text-decoration: none;
+        font-size: 1em; /* 少し調整 */
+        transition: background-color 0.2s ease;
+      }
+      .back-link a:hover {
+        background-color: #5a6268;
+        text-decoration: none;
+      }
+
+      /* フッターのスタイル (playpoints.htmlにも適用すると統一感が出る) */
+      .page-footer {
         text-align: center;
         margin-top: 2em;
         padding-top: 1em;
@@ -17,22 +139,18 @@
       .page-footer a {
         color: #007bff;
         text-decoration: none;
+        margin: 0 0.5em; /* リンク間の左右マージン */
       }
       .page-footer a:hover {
         text-decoration: underline;
       }
-      .back-link { /* 戻るリンク用のスタイル */
-          display: block;
-          text-align: center;
-          margin-top: 1.5em;
-          margin-bottom: 1em;
-      }
 
+      /* --- スタイル調整ここまで --- */
     </style>
 </head>
 <body>
 
-    <h1>使い方・Q&A</h1> <!-- ページ見出し変更 -->
+    <h1>使い方・Q&A</h1>
 
     <!-- 1. 感謝とお願いセクション -->
     <div class="section info-section" id="thanks-section">
@@ -41,11 +159,10 @@ <h2>ご利用ありがとうございます！</h2>
         この度は「Playポイント計算機」をご利用いただき、誠にありがとうございます！<br>
         少しでも皆様のお役に立てれば幸いです。
       </p>
-<p>
-  「もっとこうだったら使いやすいのに」「こんな機能も欲しい！」などのご意見・ご感想がありましたら、ぜひお聞かせください。<br>
-  今後の改善の参考にさせていただきます！<br>
-  → <a href="https://forms.gle/EkP49ah4586uPgAE8" target="_blank" rel="noopener noreferrer">フィードバックはこちらから</a>
-  <!-- ▲ href, target, rel が全て <a と > の間にあることを確認 -->
+      <p>
+        「もっとこうだったら使いやすいのに」「こんな機能も欲しい！」などのご意見・ご感想がありましたら、ぜひお聞かせください。<br>
+        今後の改善の参考にさせていただきます！<br>
+        → <a href="https://forms.gle/EkP49ah4586uPgAE8" target="_blank" rel="noopener noreferrer">フィードバックはこちらから</a>
       </p>
       <p>
         これからも、より良いツールを目指して開発を続けていきますので、どうぞよろしくお願いいたします！
@@ -60,12 +177,12 @@ <h2>よくある質問 (Q&A)</h2>
         <dd>A. 今年の残り月数です。目標達成に必要な課金額を、年末までに均等に割った場合の月あたりの目安を示しています。ステータスの更新は毎年その年の12/31に行われるのでそこを基準にしてます。</dd>
 
         <dt>Q. 例題の「1728」って何ですか？</dt>
-        <dd>A. あとがきに書いてあるので暇に殺されそうなら是非お読みになってください。</dd>
+        <dd>A. あとがきに書いてあるので暇につぶされそうなら是非お読みになってください。</dd>
 
         <dt>Q. 還元設定の計算はどうなっていますか？</dt>
         <dd>A. 「100円あたりの基本還元ポイント」に入力された値と、「現在のステータスに応じたポイント × キャンペーン倍率」を内部で比較し、より獲得ポイント数が多くなる方（有利な方）の還元率を自動的に適用して計算しています。これは実際のプレイストアでも同じ処理になっています。両方の特典が同時に適用されることはありません。</dd>
 
-        <!-- 他のQ&A -->
+        <!-- 他のQ&Aがあればここに追加 -->
       </dl>
     </div>
 
@@ -73,25 +190,24 @@ <h2>よくある質問 (Q&A)</h2>
     <div class="section info-section" id="about-section">
       <h2>あとがき・開発経緯</h2>
       <p>
-        [これを作ろうと思ったきっかけはニコニコ超会議でした。ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらいます。一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）
+        これを作ろうと思ったきっかけはニコニコ超会議でした。ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらいます。一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）
          私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...それならば作ってしまえとできたのがこのサイト（アプリ）。
-         例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。キャンペーンなしだとおおよそ85000円です。(WAO!クレイジー!)
-         そんなノリと勢いとAIの叡智でできたこのサイトがあなたの生活をほんの少し豊かにすることを願っています。ここまでお読みいただきありがとうございました！]
+         例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。キャンペーンなしだとおおよそ85000円です。(WAO!ファンタスティック!)
+         そんなノリと勢いとAIの叡智でできたこのサイトが、あなたの生活をほんの少し豊かにすることを願っています。ここまでお読みいただきありがとうございました！
       </p>
       <p>
-        開発者: [かたかた]
+        開発者: かたかた
       </p>
       <p>
-        最終更新日: 2025年4月26日 (v1.9.0)
+        最終更新日: 2025年4月29日 (v1.9.2) <!-- 日付は適宜更新してください -->
       </p>
     </div>
 
-    <!-- ▼▼▼ 計算ツールへ戻るリンク ▼▼▼ -->
+    <!-- 計算ツールへ戻るリンク -->
     <div class="back-link">
+        <!-- playpoints.html のファイル名を index.html に変更した場合は href="index.html" または href="./" にする -->
         <a href="playpoints.html">← 計算ツールに戻る</a>
     </div>
 
-    <!-- info.html には JavaScript は不要なので <script> タグは無し -->
-
 </body>
 </html>
\ No newline at end of file
diff --git a/playpoints.html b/playpoints.html
index ccbf392..1d6ab6e 100644
--- a/playpoints.html
+++ b/playpoints.html
@@ -5,7 +5,6 @@
     <title>Playポイント計算機 v1.9.0 (最終確定版)</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
-      /* CSSコードは次の応答でここに挿入 */
       /* 基本スタイル */
 body {
   margin: 0;
@@ -16,6 +15,22 @@
   font-size: 15px;
 }
 
+/* ▼▼▼ 追加: ヘッダーリンク用スタイル ▼▼▼ */
+.header-links {
+  text-align: right;
+  margin-bottom: 0.5em;
+  font-size: 0.8em;
+}
+.header-links a {
+  color: #555;
+  text-decoration: none;
+  margin-left: 1em; /* リンク間のスペース */
+}
+.header-links a:hover {
+  text-decoration: underline;
+}
+/* ▲▲▲ 追加: ヘッダーリンク用スタイル ▲▲▲ */
+
 h1 {
   color: #333;
   font-size: 1.6em;
@@ -64,15 +79,15 @@
   box-sizing: border-box; /* paddingとborderを幅計算に含める */
 }
 
-/* スピナーボタンの非表示（任意） */
+/* スピナーボタンの非表示 */
 input[type="number"] {
-  -moz-appearance: textfield; /* Firefox */
-  appearance: textfield; /* ▼ 標準プロパティを追加 */
+  appearance: none; /* ★ 標準プロパティを追加 */
+  -moz-appearance: textfield; /* Firefox 用 (互換性のため残す) */
 }
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
-  -webkit-appearance: none; /* Chrome, Safari, Edge, Opera */
-  appearance: none; /* ▼ 標準プロパティを追加 */
+  appearance: none; /* ★ 標準プロパティを追加 */
+  -webkit-appearance: none; /* Webkit系ブラウザ用 */
   margin: 0;
 }
 
@@ -218,10 +233,43 @@
 #copyButton:hover {
   background-color: #0056b3;
 }
+
+/* ▼▼▼ 追加: フッター用スタイル ▼▼▼ */
+.page-footer {
+  margin-top: 2em;
+  padding-top: 1em;
+  border-top: 1px solid #ddd;
+  text-align: center;
+  font-size: 0.9em;
+  color: #666;
+}
+.page-footer p {
+  margin-bottom: 0.5em;
+}
+.page-footer a {
+  color: #555;
+  text-decoration: none;
+  margin: 0 0.5em;
+}
+.page-footer a:hover {
+  text-decoration: underline;
+}
+.copyright {
+  margin-top: 0.8em;
+  font-size: 0.8em;
+}
+/* ▲▲▲ 追加: フッター用スタイル ▲▲▲ */
     </style>
 </head>
 <body>
 
+    <!-- ▼▼▼ 追加: ヘッダーリンク ▼▼▼ -->
+    <div class="header-links">
+        <a href="privacy.html" target="_blank">プライバシーポリシー</a> |
+        <a href="terms.html" target="_blank">利用規約</a>
+    </div>
+    <!-- ▲▲▲ 追加: ヘッダーリンク ▲▲▲ -->
+
     <h1>Playポイント計算機 v1.9.0</h1>
 
     <div class="tab-switch">
@@ -310,7 +358,6 @@ <h2>還元設定</h2>
                 <input type="number" id="multiplier" value="1" step="0.1" min="1" max="10">
             </label>
 
-            <!-- ▼ 修正: 警告文 -->
             <div class="warning">
                 ※ ポイント増量/倍率について:<br>計算時、入力値と(ステータス×倍率)を比較し、より有利な方が自動適用されます (併用不可)
             </div>
@@ -388,7 +435,6 @@ <h2>逆算モード</h2>
                 <input type="number" id="reverseMultiplier" value="1" step="0.1" min="1" max="10">
             </label>
 
-             <!-- ▼ 修正: 警告文 (通常モードと同じもの) -->
             <div class="warning">
                 ※ ポイント増量/倍率について:<br>計算時、入力値と(ステータス×倍率)を比較し、より有利な方が自動適用されます (併用不可)
             </div>
@@ -400,7 +446,6 @@ <h2>逆算モード</h2>
     </div>
 
     <script>
-      // JavaScriptコードは後の応答でここに挿入
       (function() {
     'use strict'; // Strictモードを有効化
 
@@ -683,9 +728,6 @@ <h2>逆算モード</h2>
         });
     }
 
-    // --- 後半 (ツールチップ関連、イベントリスナー設定、初期化) は次の応答に続きます ---
-        // --- (前半からの続き) ---
-
     /**
      * ツールチップの表示／非表示を切り替え
      * @param {Event} event クリックまたはキーダウンイベント
@@ -742,11 +784,8 @@ <h2>逆算モード</h2>
     // --- 初期化処理 ---
     document.addEventListener('DOMContentLoaded', function() {
         // --- DOM要素参照の取得 ---
-        // querySelectorAllはNodeListを返すため、存在しない場合は空のNodeListになる
         tabButtons = document.querySelectorAll(".tab-switch button");
         infoButtons = document.querySelectorAll(SELECTOR_INFO_BTN);
-
-        // getElementByIdは存在しない場合nullを返す
         mainModeDiv = document.getElementById("mainMode");
         reverseModeDiv = document.getElementById("reverseMode");
         currentStatusSelect = document.getElementById("currentStatus");
@@ -759,29 +798,22 @@ <h2>逆算モード</h2>
         copyButton = document.getElementById("copyButton");
         amountYenInput = document.getElementById("amountYen");
         reverseStatusSelect = document.getElementById("reverseStatus");
-        reverseBaseRateInput = document.getElementById("reverseBaseRate"); // 追加
+        reverseBaseRateInput = document.getElementById("reverseBaseRate");
         reverseMultiplierInput = document.getElementById("reverseMultiplier");
         reverseCalculateButton = document.getElementById("reverseCalculateButton");
         reverseResultDiv = document.getElementById("reverseResult");
 
         // --- イベントリスナー設定 ---
-        // 要素の存在を確認してからリスナーを設定
         if (currentStatusSelect) currentStatusSelect.addEventListener('change', updateBaseRateAndTarget);
         else console.warn("初期化: #currentStatus not found.");
-
         if (calculateButton) calculateButton.addEventListener('click', calculate);
         else console.warn("初期化: #calculateButton not found.");
-
         if (copyButton) copyButton.addEventListener('click', copyResult);
         else console.warn("初期化: #copyButton not found.");
-
-        // ▼ 逆算モードのステータス変更リスナー
         if (reverseStatusSelect) reverseStatusSelect.addEventListener('change', updateReverseBaseRate);
         else console.warn("初期化: #reverseStatus not found.");
-
         if (reverseCalculateButton) reverseCalculateButton.addEventListener('click', reverseCalculate);
         else console.warn("初期化: #reverseCalculateButton not found.");
-
         if (tabButtons.length > 0) {
             tabButtons.forEach(button => {
                 if (button.dataset.mode) {
@@ -792,7 +824,6 @@ <h2>逆算モード</h2>
                 } else console.warn("初期化: Tab button missing data-mode:", button);
             });
         } else console.warn("初期化: Tab buttons not found.");
-
         if (infoButtons.length > 0) {
             infoButtons.forEach(button => {
                  button.addEventListener('click', toggleTooltip);
@@ -803,14 +834,11 @@ <h2>逆算モード</h2>
                  });
             });
         } else console.warn("初期化: Info buttons not found.");
-
         document.addEventListener('click', handleDocumentClick);
         document.addEventListener('keydown', handleKeyDown);
 
         // --- 初期表示設定 ---
-        // try...catchで囲み、万が一エラーがあっても他の処理を止めないように
         try {
-            // nullチェックを追加してより安全に
             if (currentStatusSelect && baseRateInput && targetStatusSelect) updateBaseRateAndTarget();
             if (reverseStatusSelect && reverseBaseRateInput) updateReverseBaseRate();
             if (mainModeDiv && reverseModeDiv && tabButtons) switchMode('main');
@@ -824,22 +852,23 @@ <h2>逆算モード</h2>
                 body.insertBefore(errorP, body.firstChild);
             }
         }
-
-        console.log("ポイント計算機 初期化完了 v1.9.0"); // バージョン番号を更新
+        console.log("ポイント計算機 初期化完了 v1.9.0");
     }); // DOMContentLoaded リスナーここまで
 
 })(); // IIFE 即時実行 ここまで
     </script>
 
-   <!-- ▼▼▼ ここから新しいフッター ▼▼▼ -->
+   <!-- ▼▼▼ 修正: フッター ▼▼▼ -->
    <footer class="page-footer">
     <p>
       <a href="info.html">使い方・Q&A</a> |
-      <a href="https://forms.gle/EkP49ah4586uPgAE8"target="_blank" 
-      rel="noopener noreferrer">ご意見・ご感想</a> 
+      <a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank">ご意見・ご感想</a>
+    </p>
+    <p class="copyright">
+      © 2025 PlayPoint Simulation Tool
     </p>
   </footer>
-  <!-- ▲▲▲ ここまで新しいフッター ▲▲▲ -->
+  <!-- ▲▲▲ 修正: フッター ▲▲▲ -->
 
 </body>
 </html>
\ No newline at end of file

From 8e33f35f88cc735f344b190a51c5691b47e72463 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 00:19:13 +0900
Subject: [PATCH 03/10] =?UTF-8?q?=E8=A6=8F=E7=B4=84=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 privacy.html | 102 +++++++++++++++++++++++++++++++++-----------
 terms.html   | 116 +++++++++++++++++++++++++++++++++++++++------------
 2 files changed, 168 insertions(+), 50 deletions(-)

diff --git a/privacy.html b/privacy.html
index 9b38c8a..1b11b89 100644
--- a/privacy.html
+++ b/privacy.html
@@ -2,39 +2,93 @@
 <html lang="ja">
 <head>
   <meta charset="UTF-8">
-  <title>プライバシーポリシー</title>
+  <title>プライバシーポリシー - Playポイント計算ツール</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    body {
+      margin: 0;
+      padding: 1.5em 0.8em; /* 上下のマージンを追加 */
+      background: #eef; /* メインページと同じ背景色 */
+      font-family: sans-serif;
+      line-height: 1.7; /* 行間を少し広げる */
+      color: #333; /* 基本文字色 */
+      font-size: 15px;
+    }
+    .container {
+      background: #fff;
+      border-radius: 10px;
+      padding: 1.5em 2em; /* 内側余白 */
+      margin: 0 auto 1.5em auto; /* 下マージン追加 */
+      max-width: 700px; /* 少し広めの幅 */
+      box-shadow: 0 3px 12px rgba(0,0,0,0.08);
+      text-align: left;
+    }
+    h1 {
+      color: #333;
+      font-size: 1.6em;
+      margin-bottom: 1em;
+      border-bottom: 2px solid #eee;
+      padding-bottom: 0.4em;
+      text-align: center; /* 中央揃え */
+    }
+    h2 {
+      color: #333;
+      font-size: 1.3em;
+      margin-top: 2em; /* 見出し上のマージン */
+      margin-bottom: 0.8em;
+      border-left: 5px solid #4a90e2; /* 左にアクセント線 */
+      padding-left: 0.6em;
+    }
+    p {
+      margin-bottom: 1em;
+    }
+    a {
+      color: #007bff;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    footer {
+      margin-top: 3em;
+      padding-top: 1em;
+      border-top: 1px solid #ddd;
+      font-size: 0.9em;
+      color: #666;
+      text-align: center;
+    }
+  </style>
 </head>
-<body style="font-family: sans-serif; margin: 2em;">
-  <h1>プライバシーポリシー</h1>
+<body>
+  <div class="container">
+    <h1>プライバシーポリシー</h1>
 
-  <p>当サイト（Playポイント計算機）は、個人情報の保護に最大限の注意を払っています。</p>
+    <p>当サイト（Playポイント計算機）は、個人情報の保護に最大限の注意を払っています。</p>
 
-  <h2>個人情報の取得について</h2>
-  <p>当サイトでは、個人情報を自ら取得・保存することはありません。ただし、広告配信のために一部情報が自動的に収集される場合があります。</p>
+    <h2>個人情報の取得について</h2>
+    <p>当サイトでは、個人情報を自ら取得・保存することはありません。ただし、広告配信のために一部情報が自動的に収集される場合があります。</p>
 
-  <h2>クッキー（Cookie）の利用について</h2>
-  <p>当サイトでは、広告配信にCookieを使用する場合があります。Cookieによって個人を特定できる情報は取得されません。</p>
+    <h2>クッキー（Cookie）の利用について</h2>
+    <p>当サイトでは、広告配信にCookieを使用する場合があります。Cookieによって個人を特定できる情報は取得されません。</p>
 
-  <h2>広告配信について</h2>
-  <p>当サイトは、Googleの広告配信サービス「Google AdSense」を利用しています。ユーザーの興味に応じた広告を表示するために、第三者がCookieを使用する場合があります。Cookieの設定はブラウザで無効にすることが可能です。</p>
+    <h2>広告配信について</h2>
+    <p>当サイトは、Googleの広告配信サービス「Google AdSense」を利用しています。ユーザーの興味に応じた広告を表示するために、第三者がCookieを使用する場合があります。Cookieの設定はブラウザで無効にすることが可能です。</p>
 
-  <h2>アクセス解析について</h2>
-  <p>当サイトではアクセス解析ツールを使用していません。</p>
+    <h2>アクセス解析について</h2>
+    <p>当サイトではアクセス解析ツールを使用していません。</p>
 
-  <h2>免責事項</h2>
-  <p>当サイトに掲載されている情報の正確性・完全性について保証するものではありません。利用により生じたいかなる損害についても、当サイトは責任を負いかねます。</p>
+    <h2>免責事項</h2>
+    <p>当サイトに掲載されている情報の正確性・完全性について保証するものではありません。利用により生じたいかなる損害についても、当サイトは責任を負いかねます。</p>
 
-  <h2>著作権について</h2>
-  <p>当サイトに掲載されているコンテンツの著作権は、運営者に帰属します。無断転載を禁止します。</p>
+    <h2>著作権について</h2>
+    <p>当サイトに掲載されているコンテンツの著作権は、運営者に帰属します。無断転載を禁止します。</p>
 
-  <h2>お問い合わせ</h2>
-  <p>ご意見・ご質問は、<a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog
+    <h2>お問い合わせ</h2>
+    <p>ご意見・ご質問は、<a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank" rel="noopener noreferrer">こちら</a>からお願いします。</p>
 
-
-" target="_blank">こちら</a>からお願いします。</p>
-
-  <footer style="margin-top: 3em; font-size: 0.8em; color: gray; text-align: center;">
-    © 2025 PlayPoint Simulation Tool
-  </footer>
+    <footer>
+      © 2025 PlayPoint Simulation Tool
+    </footer>
+  </div> <!-- /.container -->
 </body>
 </html>
diff --git a/terms.html b/terms.html
index e028232..eedf601 100644
--- a/terms.html
+++ b/terms.html
@@ -2,42 +2,106 @@
 <html lang="ja">
 <head>
   <meta charset="UTF-8">
-  <title>利用規約</title>
+  <title>利用規約 - Playポイント計算ツール</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <style>
+    body {
+      margin: 0;
+      padding: 1.5em 0.8em; /* 上下のマージンを追加 */
+      background: #eef; /* メインページと同じ背景色 */
+      font-family: sans-serif;
+      line-height: 1.7; /* 行間を少し広げる */
+      color: #333; /* 基本文字色 */
+      font-size: 15px;
+    }
+    .container {
+      background: #fff;
+      border-radius: 10px;
+      padding: 1.5em 2em; /* 内側余白 */
+      margin: 0 auto 1.5em auto; /* 下マージン追加 */
+      max-width: 700px; /* 少し広めの幅 */
+      box-shadow: 0 3px 12px rgba(0,0,0,0.08);
+      text-align: left;
+    }
+    h1 {
+      color: #333;
+      font-size: 1.6em;
+      margin-bottom: 1em;
+      border-bottom: 2px solid #eee;
+      padding-bottom: 0.4em;
+      text-align: center; /* 中央揃え */
+    }
+    h2 {
+      color: #333;
+      font-size: 1.3em;
+      margin-top: 2em; /* 見出し上のマージン */
+      margin-bottom: 0.8em;
+      border-left: 5px solid #4a90e2; /* 左にアクセント線 */
+      padding-left: 0.6em;
+    }
+    p {
+      margin-bottom: 1em;
+    }
+    ul {
+      padding-left: 1.8em; /* リストのインデント調整 */
+      margin-bottom: 1em;
+    }
+    li {
+      margin-bottom: 0.5em; /* リスト項目の間隔 */
+    }
+    a {
+      color: #007bff;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    footer {
+      margin-top: 3em;
+      padding-top: 1em;
+      border-top: 1px solid #ddd;
+      font-size: 0.9em;
+      color: #666;
+      text-align: center;
+    }
+  </style>
 </head>
 <body>
-  <h1>利用規約</h1>
+  <div class="container">
+    <h1>利用規約</h1>
 
-  <p>当サイト（Playポイント計算機）をご利用いただく前に、以下の利用規約をお読みください。</p>
+    <p>当サイト（Playポイント計算機）をご利用いただく前に、以下の利用規約をお読みください。</p>
 
-  <h2>第1条（適用）</h2>
-  <p>本規約は、ユーザーが当サイトを利用するすべての場合に適用されます。</p>
+    <h2>第1条（適用）</h2>
+    <p>本規約は、ユーザーが当サイトを利用するすべての場合に適用されます。</p>
 
-  <h2>第2条（禁止事項）</h2>
-  <p>ユーザーは、以下の行為をしてはなりません。</p>
-  <ul>
-    <li>当サイトのコンテンツを無断転載・複製する行為</li>
-    <li>不正アクセスやサイト運営を妨害する行為</li>
-    <li>法令または公序良俗に違反する行為</li>
-  </ul>
+    <h2>第2条（禁止事項）</h2>
+    <p>ユーザーは、以下の行為をしてはなりません。</p>
+    <ul>
+      <li>当サイトのコンテンツを無断転載・複製する行為</li>
+      <li>不正アクセスやサイト運営を妨害する行為</li>
+      <li>法令または公序良俗に違反する行為</li>
+      <li>その他、当サイトが不適切と判断する行為</li> <!-- 念のため追加 -->
+    </ul>
 
-  <h2>第3条（免責事項）</h2>
-  <p>当サイトの情報は正確性を保証するものではありません。利用による損害について、当サイトは一切責任を負いません。</p>
+    <h2>第3条（免責事項）</h2>
+    <p>当サイトの情報は正確性を保証するものではありません。利用による損害について、当サイトは一切責任を負いません。計算結果はあくまで目安としてご利用ください。</p>
 
-  <h2>第4条（サービスの変更・中断・終了）</h2>
-  <p>当サイトは、予告なくサービスの内容を変更、中断、または終了することがあります。</p>
+    <h2>第4条（サービスの変更・中断・終了）</h2>
+    <p>当サイトは、予告なくサービスの内容を変更、中断、または終了することがあります。</p>
 
-  <h2>第5条（著作権）</h2>
-  <p>当サイトに掲載されているコンテンツ（文章、画像、プログラムなど）の著作権は、運営者に帰属します。</p>
+    <h2>第5条（著作権）</h2>
+    <p>当サイトに掲載されているコンテンツ（文章、画像、プログラムなど）の著作権は、運営者に帰属します。</p>
 
-  <h2>第6条（規約の変更）</h2>
-  <p>当サイトは、必要に応じて本規約を変更することができます。</p>
+    <h2>第6条（規約の変更）</h2>
+    <p>当サイトは、必要に応じて本規約を変更することができます。変更後の規約は、サイト上に掲載された時点から効力を生じるものとします。</p>
 
-  <h2>第7条（お問い合わせ）</h2>
-  <p>ご意見・ご質問は、<a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank">こちら</a>からお願いします。</p>
-
-  <footer>
-    <p>© 2025 PlayPoint Simulation Tool</p>
-  </footer>
+    <h2>第7条（お問い合わせ）</h2>
+    <p>ご意見・ご質問は、<a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank" rel="noopener noreferrer">こちら</a>からお願いします。</p>
 
+    <footer>
+      © 2025 PlayPoint Simulation Tool
+    </footer>
+  </div> <!-- /.container -->
 </body>
 </html>

From 5bd825aa4f63a8f3a23fffb922fa48270ea863e0 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 00:20:35 +0900
Subject: [PATCH 04/10] =?UTF-8?q?=E6=94=B9=E8=A1=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 info.html | 36 ++++++++++++++++++++++++++++--------
 1 file changed, 28 insertions(+), 8 deletions(-)

diff --git a/info.html b/info.html
index a101b69..ef6a296 100644
--- a/info.html
+++ b/info.html
@@ -162,7 +162,9 @@ <h2>ご利用ありがとうございます！</h2>
       <p>
         「もっとこうだったら使いやすいのに」「こんな機能も欲しい！」などのご意見・ご感想がありましたら、ぜひお聞かせください。<br>
         今後の改善の参考にさせていただきます！<br>
-        → <a href="https://forms.gle/EkP49ah4586uPgAE8" target="_blank" rel="noopener noreferrer">フィードバックはこちらから</a>
+        <!-- ▼▼▼ 修正: リンクテキストとURL ▼▼▼ -->
+        → <a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank" rel="noopener noreferrer">ご意見・ご感想はこちらから</a>
+        <!-- ▲▲▲ 修正: リンクテキストとURL ▲▲▲ -->
       </p>
       <p>
         これからも、より良いツールを目指して開発を続けていきますので、どうぞよろしくお願いいたします！
@@ -174,13 +176,17 @@ <h2>ご利用ありがとうございます！</h2>
       <h2>よくある質問 (Q&A)</h2>
       <dl>
         <dt>Q. 月平均の「○ヶ月」って何ですか？</dt>
-        <dd>A. 今年の残り月数です。目標達成に必要な課金額を、年末までに均等に割った場合の月あたりの目安を示しています。ステータスの更新は毎年その年の12/31に行われるのでそこを基準にしてます。</dd>
+        <!-- ▼▼▼ 修正: 改行追加 ▼▼▼ -->
+        <dd>A. 今年の残り月数です。目標達成に必要な課金額を、年末までに均等に割った場合の月あたりの目安を示しています。<br>ステータスの更新は毎年12月31日に行われるため、そこを基準にしています。</dd>
+        <!-- ▲▲▲ 修正: 改行追加 ▲▲▲ -->
 
         <dt>Q. 例題の「1728」って何ですか？</dt>
         <dd>A. あとがきに書いてあるので暇につぶされそうなら是非お読みになってください。</dd>
 
         <dt>Q. 還元設定の計算はどうなっていますか？</dt>
-        <dd>A. 「100円あたりの基本還元ポイント」に入力された値と、「現在のステータスに応じたポイント × キャンペーン倍率」を内部で比較し、より獲得ポイント数が多くなる方（有利な方）の還元率を自動的に適用して計算しています。これは実際のプレイストアでも同じ処理になっています。両方の特典が同時に適用されることはありません。</dd>
+        <!-- ▼▼▼ 修正: 改行追加 ▼▼▼ -->
+        <dd>A. 「100円あたりの基本還元ポイント」に入力された値と、「現在のステータスに応じたポイント × キャンペーン倍率」を内部で比較し、より獲得ポイント数が多くなる方（有利な方）の還元率を自動的に適用して計算しています。<br>これは実際のGoogle Play ストアの仕様と同様で、両方の特典が同時に適用されることはありません。</dd>
+        <!-- ▲▲▲ 修正: 改行追加 ▲▲▲ -->
 
         <!-- 他のQ&Aがあればここに追加 -->
       </dl>
@@ -189,12 +195,14 @@ <h2>よくある質問 (Q&A)</h2>
     <!-- 3. あとがきセクション -->
     <div class="section info-section" id="about-section">
       <h2>あとがき・開発経緯</h2>
+      <!-- ▼▼▼ 修正: 改行追加 ▼▼▼ -->
       <p>
-        これを作ろうと思ったきっかけはニコニコ超会議でした。ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらいます。一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）
-         私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...それならば作ってしまえとできたのがこのサイト（アプリ）。
-         例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。キャンペーンなしだとおおよそ85000円です。(WAO!ファンタスティック!)
-         そんなノリと勢いとAIの叡智でできたこのサイトが、あなたの生活をほんの少し豊かにすることを願っています。ここまでお読みいただきありがとうございました！
+        これを作ろうと思ったきっかけはニコニコ超会議でした。<br>ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらえます。<br>一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）<br>
+        私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...<br>それならば作ってしまえとできたのがこのサイト（アプリ）。<br>
+        例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。<br>キャンペーンなしだとおおよそ85,000円です。(WAO!ファンタスティック!)<br>
+        そんなノリと勢いとAIの叡智でできたこのサイトが、あなたの生活をほんの少し豊かにすることを願っています。<br>ここまでお読みいただきありがとうございました！
       </p>
+      <!-- ▲▲▲ 修正: 改行追加 ▲▲▲ -->
       <p>
         開発者: かたかた
       </p>
@@ -209,5 +217,17 @@ <h2>あとがき・開発経緯</h2>
         <a href="playpoints.html">← 計算ツールに戻る</a>
     </div>
 
+    <!-- ▼▼▼ 追加: フッター (コピーライトなど) ▼▼▼ -->
+    <footer class="page-footer">
+      <p>
+        <a href="privacy.html" target="_blank">プライバシーポリシー</a> |
+        <a href="terms.html" target="_blank">利用規約</a>
+      </p>
+      <p>
+        © 2025 PlayPoint Simulation Tool
+      </p>
+    </footer>
+    <!-- ▲▲▲ 追加: フッター ▲▲▲ -->
+
 </body>
-</html>
+</html>
\ No newline at end of file

From 8936124ffcabafca33d6f7cec86d586d1c28c4a0 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 00:25:17 +0900
Subject: [PATCH 05/10] =?UTF-8?q?=E5=86=85=E5=AE=B9=E5=A4=89=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 info.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/info.html b/info.html
index ef6a296..b2cd466 100644
--- a/info.html
+++ b/info.html
@@ -199,7 +199,7 @@ <h2>あとがき・開発経緯</h2>
       <p>
         これを作ろうと思ったきっかけはニコニコ超会議でした。<br>ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらえます。<br>一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）<br>
         私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...<br>それならば作ってしまえとできたのがこのサイト（アプリ）。<br>
-        例に出てくる1728という数字は私がプラチナまでいくために必要なリアルな数字だったんですね。<br>キャンペーンなしだとおおよそ85,000円です。(WAO!ファンタスティック!)<br>
+        例に出てくる1728という数字は私がプラチナ到達までに必要なリアルな数字だったんですね。<br>キャンペーンなしだとおおよそ85,000円です。(WAO!ファンタスティック!)<br>
         そんなノリと勢いとAIの叡智でできたこのサイトが、あなたの生活をほんの少し豊かにすることを願っています。<br>ここまでお読みいただきありがとうございました！
       </p>
       <!-- ▲▲▲ 修正: 改行追加 ▲▲▲ -->

From 3717c2433a432bcf9c6d7c31a48bebb8e2c53ff9 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 01:02:52 +0900
Subject: [PATCH 06/10] =?UTF-8?q?=E3=82=B7=E3=82=A7=E3=82=A2=E3=81=AB?=
 =?UTF-8?q?=E3=82=B5=E3=82=A4=E3=83=88=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playpoints.html | 217 +++++++++++++++++++++++++++++++-----------------
 1 file changed, 141 insertions(+), 76 deletions(-)

diff --git a/playpoints.html b/playpoints.html
index a663c32..d3e6ad6 100644
--- a/playpoints.html
+++ b/playpoints.html
@@ -2,7 +2,7 @@
 <html lang="ja">
 <head>
     <meta charset="UTF-8">
-    <title>Playポイント計算機 v1.9.0 (最終確定版)</title>
+    <title>Playポイント計算機 v1.9.0 (最終確定版)</title> <!-- バージョンは適宜更新 -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <style>
       /* 基本スタイル */
@@ -15,7 +15,7 @@
   font-size: 15px;
 }
 
-/* ▼▼▼ 追加: ヘッダーリンク用スタイル ▼▼▼ */
+/* ヘッダーリンク用スタイル */
 .header-links {
   text-align: right;
   margin-bottom: 0.5em;
@@ -29,7 +29,6 @@
 .header-links a:hover {
   text-decoration: underline;
 }
-/* ▲▲▲ 追加: ヘッダーリンク用スタイル ▲▲▲ */
 
 h1 {
   color: #333;
@@ -81,12 +80,12 @@
 
 /* スピナーボタンの非表示 */
 input[type="number"] {
-  appearance: none; /* ★ 標準プロパティを追加 */
-  -moz-appearance: textfield; /* Firefox 用 (互換性のため残す) */
+  appearance: none; /* 標準プロパティ */
+  -moz-appearance: textfield; /* Firefox */
 }
 input[type="number"]::-webkit-outer-spin-button,
 input[type="number"]::-webkit-inner-spin-button {
-  appearance: none; /* ★ 標準プロパティを追加 */
+  appearance: none; /* 標準プロパティ */
   -webkit-appearance: none; /* Webkit系ブラウザ用 */
   margin: 0;
 }
@@ -234,7 +233,29 @@
   background-color: #0056b3;
 }
 
-/* ▼▼▼ 追加: フッター用スタイル ▼▼▼ */
+/* ▼▼▼ 追加: シェアボタン用スタイル ▼▼▼ */
+#tweetButton {
+  background: #1DA1F2; /* Twitterブルー */
+  font-size: 1em; /* 少し小さめに */
+  padding: 0.6em 1.2em;
+  margin-top: 0.8em; /* 結果表示との間隔 */
+  display: block; /* ブロック要素にして中央寄せしやすく */
+  margin-left: auto;
+  margin-right: auto;
+  width: fit-content; /* 中身に合わせた幅 */
+}
+#tweetButton:hover {
+  background-color: #0c85d0;
+}
+/* ▲▲▲ 追加: シェアボタン用スタイル ▲▲▲ */
+
+/* ▼▼▼ 追加: 非表示用クラス ▼▼▼ */
+.hidden {
+  display: none !important; /* 確実に非表示にする */
+}
+/* ▲▲▲ 追加: 非表示用クラス ▲▲▲ */
+
+/* フッター用スタイル */
 .page-footer {
   margin-top: 2em;
   padding-top: 1em;
@@ -258,19 +279,17 @@
   margin-top: 0.8em;
   font-size: 0.8em;
 }
-/* ▲▲▲ 追加: フッター用スタイル ▲▲▲ */
     </style>
 </head>
 <body>
 
-    <!-- ▼▼▼ 追加: ヘッダーリンク ▼▼▼ -->
+    <!-- ヘッダーリンク -->
     <div class="header-links">
         <a href="privacy.html" target="_blank">プライバシーポリシー</a> |
         <a href="terms.html" target="_blank">利用規約</a>
     </div>
-    <!-- ▲▲▲ 追加: ヘッダーリンク ▲▲▲ -->
 
-    <h1>Playポイント計算機 v1.9.0</h1>
+    <h1>Playポイント計算機 v1.9.0</h1> <!-- バージョンは適宜更新 -->
 
     <div class="tab-switch">
         <button data-mode="main">通常計算</button>
@@ -311,7 +330,7 @@ <h2>ステータス入力</h2>
                     ・プラチナ： 3,000pt以上<br>
                     ・ダイヤモンド： 15,000pt以上
                 </div>
-                <select id="targetStatus"></select>
+                <select id="targetStatus"></select> <!-- optionはJSで生成 -->
             </label>
 
             <label for="neededPoints">目標までの必要ポイント
@@ -365,8 +384,11 @@ <h2>還元設定</h2>
 
         <div class="section">
             <button id="calculateButton">課金額を計算</button>
-            <div class="result" id="result"></div>
+            <div class="result" id="result"></div> <!-- 結果表示エリア -->
             <button id="copyButton">コピーする</button>
+            <!-- ▼▼▼ 追加: シェアボタン (初期非表示) ▼▼▼ -->
+            <button id="tweetButton" class="hidden">結果をXでシェア</button>
+            <!-- ▲▲▲ 追加: シェアボタン ▲▲▲ -->
         </div>
     </div>
 
@@ -442,6 +464,7 @@ <h2>逆算モード</h2>
 
             <button id="reverseCalculateButton">ポイントを計算</button>
             <div class="result" id="reverseResult"></div>
+            <!-- 逆算モードにはシェアボタンはつけない想定 -->
         </div>
     </div>
 
@@ -453,6 +476,7 @@ <h2>逆算モード</h2>
     const CLASS_VISIBLE = 'visible';
     const CLASS_HAS_RESULT = 'has-result';
     const CLASS_ACTIVE = 'active';
+    const CLASS_HIDDEN = 'hidden'; // ▼ 追加
     const SELECTOR_INFO_BTN = '.info-btn';
     const SELECTOR_TOOLTIP_BOX = '.tooltip-box';
     const SELECTOR_RESULT_ERROR = 'span[style*="color: red"]';
@@ -467,7 +491,7 @@ <h2>逆算モード</h2>
 
     // --- DOM要素参照 (初期化時に設定) ---
     let mainModeDiv, reverseModeDiv, tabButtons,
-        currentStatusSelect, baseRateInput, targetStatusSelect, neededPointsInput, multiplierInput, calculateButton, resultDiv, copyButton,
+        currentStatusSelect, baseRateInput, targetStatusSelect, neededPointsInput, multiplierInput, calculateButton, resultDiv, copyButton, tweetButton, // ▼ tweetButton追加
         amountYenInput, reverseStatusSelect, reverseBaseRateInput, reverseMultiplierInput, reverseCalculateButton, reverseResultDiv,
         infoButtons;
 
@@ -493,6 +517,7 @@ <h2>逆算モード</h2>
                     const option = document.createElement("option");
                     option.value = points;
                     option.textContent = `${targetLabel} (${points}pt)`;
+                    option.dataset.statusLabel = targetLabel; // ▼ data-status-label を追加
                     targetStatusSelect.appendChild(option);
                 }
             });
@@ -530,86 +555,87 @@ <h2>逆算モード</h2>
         if (!targetElement) { console.error("displayError: 対象要素がnull"); return; }
         targetElement.innerHTML = `<span style="color: red;">${message}</span>`;
         targetElement.classList.add(CLASS_HAS_RESULT);
+        // ▼ エラー時はデータ属性削除 & シェアボタン非表示
+        targetElement.removeAttribute('data-required-yen');
+        targetElement.removeAttribute('data-target-status-label');
+        if (tweetButton) tweetButton.classList.add(CLASS_HIDDEN);
      }
 
      function clearResult(targetElement) {
          if (!targetElement) return;
          targetElement.innerHTML = "";
          targetElement.classList.remove(CLASS_HAS_RESULT);
+         // ▼ 結果クリア時もデータ属性削除 & シェアボタン非表示
+         targetElement.removeAttribute('data-required-yen');
+         targetElement.removeAttribute('data-target-status-label');
+         if (tweetButton && targetElement === resultDiv) { // 通常モードの結果クリア時のみ
+             tweetButton.classList.add(CLASS_HIDDEN);
+         }
      }
 
     /**
      * 有利な方の還元率を決定するヘルパー関数
-     * @param {HTMLInputElement} baseRateElement - 編集可能な基本還元率入力要素
-     * @param {HTMLSelectElement} statusSelectElement - ステータス選択要素
-     * @param {HTMLInputElement} multiplierElement - 倍率入力要素
-     * @returns {number|null} 計算に使用する最終的な100円あたりのポイント数、無効な場合はnull
      */
     function getFinalRate(baseRateElement, statusSelectElement, multiplierElement) {
-        const editedBaseRate = getValidNumberInput(baseRateElement, 0.01); // 編集された基本レート
-        const multiplier = getValidNumberInput(multiplierElement, 1);      // 倍率
+        const editedBaseRate = getValidNumberInput(baseRateElement, 0.01);
+        const multiplier = getValidNumberInput(multiplierElement, 1);
         const statusValue = parseFloat(statusSelectElement.value);
-        const statusRate = statusRates[statusValue]; // ステータスに基づく標準レート
+        const statusRate = statusRates[statusValue];
 
-        // 入力値の基本的な検証
         if (editedBaseRate === null || multiplier === null || !statusRate) {
-             // statusRate が見つからない場合もエラーとする
             console.error("getFinalRate: 入力値またはステータスレートが無効です。", {editedBaseRate, multiplier, statusValue, statusRate});
             return null;
         }
 
-        // 計算ロジック: より有利な方を適用
-        const rateFromMultiplier = statusRate * multiplier; // ステータスレート * 倍率
-        const finalRate = Math.max(editedBaseRate, rateFromMultiplier); // 編集値と(ステータス*倍率)の高い方
-
-        // console.log(`比較: 入力レート=${editedBaseRate}, ステータス*倍率=${rateFromMultiplier.toFixed(2)}, 採用レート=${finalRate.toFixed(2)}`); // デバッグ用
-
+        const rateFromMultiplier = statusRate * multiplier;
+        const finalRate = Math.max(editedBaseRate, rateFromMultiplier);
         return finalRate;
     }
 
 
     /**
-     * 通常モードでの必要課金額を計算 (修正版ロジック)
+     * 通常モードでの必要課金額を計算
      */
     function calculate() {
-        if (!resultDiv) return;
-        clearResult(resultDiv);
+        if (!resultDiv || !targetStatusSelect) return; // targetStatusSelectもチェック
+        clearResult(resultDiv); // シェアボタンもここで非表示になる
 
         try {
             const neededPoints = getValidNumberInput(neededPointsInput, 0.01);
-
-            // ▼ 修正: getFinalRateヘルパー関数で最終的なレートを取得
             const finalRate = getFinalRate(baseRateInput, currentStatusSelect, multiplierInput);
 
-            // 入力値またはレート決定でエラーがあれば終了
-            if (neededPoints === null || finalRate === null) {
-                 displayError(resultDiv, "有効な数値を入力してください");
-                 // getFinalRate内で具体的なエラーはコンソールに出力されているはず
+            // ▼ 目標ステータス名を取得 (選択されているoptionから)
+            const selectedTargetOption = targetStatusSelect.options[targetStatusSelect.selectedIndex];
+            const targetStatusLabel = selectedTargetOption ? selectedTargetOption.dataset.statusLabel : null; // data-status-labelから取得
+
+            if (neededPoints === null || finalRate === null || !targetStatusLabel) { // targetStatusLabelもチェック
+                 displayError(resultDiv, "有効な数値を入力し、目標ステータスを選択してください");
                  return;
             }
-
-            // ゼロ除算チェック
             if (finalRate <= 0) {
                  displayError(resultDiv, "計算に使用する還元率が0以下です");
                  return;
             }
 
-
             const remainingMonths = getRemainingMonths();
             if (remainingMonths <= 0) { displayError(resultDiv, "残り月数計算エラー"); return; }
 
-            // ▼ 修正: finalRate を使って計算
-            const totalYenNeeded = (neededPoints / finalRate) * 100;
-            const monthlyYenNeeded = totalYenNeeded / remainingMonths;
+            const totalYenNeeded = Math.ceil((neededPoints / finalRate) * 100); // 計算結果は切り上げ
+            const monthlyYenNeeded = Math.ceil(totalYenNeeded / remainingMonths);
 
             resultDiv.innerHTML = `
                 ◆ 目標までの必要ポイント: <b>${neededPoints.toLocaleString('ja-JP')} pt</b><br>
-                ◆ 合計の必要課金額目安: <b>${Math.ceil(totalYenNeeded).toLocaleString('ja-JP')} 円</b><br>
-                ◆ 月平均 (${remainingMonths}ヶ月): <b>約 ${Math.ceil(monthlyYenNeeded).toLocaleString('ja-JP')} 円/月</b><br>
-                <span style="font-size:0.8em; color:#666;">(適用還元率: ${finalRate.toFixed(2)} pt/100円)</span> <!-- 適用レート表示(任意) -->
+                ◆ 合計の必要課金額目安: <b>${totalYenNeeded.toLocaleString('ja-JP')} 円</b><br>
+                ◆ 月平均 (${remainingMonths}ヶ月): <b>約 ${monthlyYenNeeded.toLocaleString('ja-JP')} 円/月</b><br>
+                <span style="font-size:0.8em; color:#666;">(適用還元率: ${finalRate.toFixed(2)} pt/100円)</span>
             `;
             resultDiv.classList.add(CLASS_HAS_RESULT);
 
+            // ▼ 計算成功時にデータ属性を設定 & シェアボタン表示
+            resultDiv.dataset.requiredYen = totalYenNeeded;
+            resultDiv.dataset.targetStatusLabel = targetStatusLabel;
+            if (tweetButton) tweetButton.classList.remove(CLASS_HIDDEN);
+
         } catch (error) {
             console.error("計算エラー (通常):", error);
             displayError(resultDiv, "計算中にエラーが発生しました");
@@ -617,7 +643,7 @@ <h2>逆算モード</h2>
     }
 
     /**
-     * 逆算モードでの獲得ポイントを計算 (修正版ロジック)
+     * 逆算モードでの獲得ポイントを計算
      */
     function reverseCalculate() {
         if (!reverseResultDiv) return;
@@ -625,29 +651,22 @@ <h2>逆算モード</h2>
 
         try {
             const amountYen = getValidNumberInput(amountYenInput, 0);
-
-            // ▼ 修正: getFinalRateヘルパー関数で最終的なレートを取得
             const finalRate = getFinalRate(reverseBaseRateInput, reverseStatusSelect, reverseMultiplierInput);
 
-            // 入力値またはレート決定でエラーがあれば終了
             if (amountYen === null || finalRate === null) {
                 displayError(reverseResultDiv, "有効な数値を入力してください");
                 return;
             }
-
-             // ゼロ除算チェック (通常ありえないが念のため)
-             if (finalRate < 0) { // 0は許容 (0円なら0pt)
+             if (finalRate < 0) {
                  displayError(reverseResultDiv, "計算に使用する還元率が負数です");
                  return;
              }
 
-
-            // ▼ 修正: finalRate を使って計算
             const earnedPoints = (amountYen / 100) * finalRate;
 
             reverseResultDiv.innerHTML = `
                 ◆ 獲得ポイント予測: <b>${earnedPoints.toFixed(2)} pt</b><br>
-                 <span style="font-size:0.8em; color:#666;">(適用還元率: ${finalRate.toFixed(2)} pt/100円)</span> <!-- 適用レート表示(任意) -->
+                 <span style="font-size:0.8em; color:#666;">(適用還元率: ${finalRate.toFixed(2)} pt/100円)</span>
                  `;
             reverseResultDiv.classList.add(CLASS_HAS_RESULT);
 
@@ -662,19 +681,20 @@ <h2>逆算モード</h2>
      */
     function copyResult() {
         if (!resultDiv) return;
-        // 結果表示エリアから、適用レート表示を除いたメインのテキストを取得する改善案
         let textToCopy = "";
-        const mainResultLines = resultDiv.querySelectorAll('b'); // bタグのテキストを取得
+        const mainResultLines = resultDiv.querySelectorAll('b');
         if (mainResultLines.length > 0) {
             textToCopy = Array.from(mainResultLines)
-                             .map(b => b.closest('div').innerText.split(':')[0] + ': ' + b.innerText) // ラベルと値を取得
-                             .join('\n'); // 改行で結合
+                             .map(b => {
+                                 const labelNode = b.previousSibling;
+                                 const labelText = labelNode ? labelNode.textContent.trim().split(':')[0] : '';
+                                 return labelText ? `${labelText}: ${b.innerText}` : b.innerText;
+                             })
+                             .join('\n');
         } else {
-            // bタグがない場合（エラーメッセージなど）は従来の取得方法
              textToCopy = (resultDiv.innerText || resultDiv.textContent || "").trim();
         }
 
-
         const isErrorMessage = resultDiv.querySelector(SELECTOR_RESULT_ERROR);
         if (isErrorMessage || !textToCopy || !resultDiv.classList.contains(CLASS_HAS_RESULT)) {
             alert("コピーする計算結果がありません");
@@ -696,7 +716,6 @@ <h2>逆算モード</h2>
 
     /**
      * クリップボードコピーのフォールバック (execCommandを使用)
-     * @param {string} text コピーするテキスト
      */
     function fallbackCopyTextToClipboard(text) {
         const tempTextArea = document.createElement("textarea");
@@ -716,7 +735,6 @@ <h2>逆算モード</h2>
 
     /**
      * 表示モード（通常計算／逆算）を切り替え
-     * @param {'main' | 'reverse'} mode 表示するモード
      */
     function switchMode(mode) {
         if (!mainModeDiv || !reverseModeDiv || !tabButtons) { console.error("switchMode: DOM要素未初期化"); return; }
@@ -726,11 +744,12 @@ <h2>逆算モード</h2>
             if (button.dataset.mode === mode) { button.classList.add(CLASS_ACTIVE); }
             else { button.classList.remove(CLASS_ACTIVE); }
         });
+        // ▼ モード切替時に通常モードの結果表示エリアをクリア
+        if (resultDiv) clearResult(resultDiv);
     }
 
     /**
      * ツールチップの表示／非表示を切り替え
-     * @param {Event} event クリックまたはキーダウンイベント
      */
     function toggleTooltip(event) {
         const btn = event.currentTarget;
@@ -739,17 +758,15 @@ <h2>逆算モード</h2>
         const tooltip = btn.nextElementSibling;
         if (!tooltip || !tooltip.classList.contains(SELECTOR_TOOLTIP_BOX.substring(1))) { console.error('Tooltip box not found', btn); return; }
         const isCurrentlyVisible = tooltip.classList.contains(CLASS_VISIBLE);
-        closeAllTooltips(btn); // 自分以外のツールチップを閉じる
+        closeAllTooltips(btn);
         if (!isCurrentlyVisible) {
             tooltip.classList.add(CLASS_VISIBLE);
             btn.setAttribute('aria-expanded', 'true');
         }
-        // isCurrentlyVisibleがtrueの場合、closeAllTooltipsで既に閉じられているはず
     }
 
      /**
      * 開いているすべてのツールチップを閉じる
-     * @param {HTMLElement} [excludeButton=null] 除外するボタン要素
      */
     function closeAllTooltips(excludeButton = null) {
         document.querySelectorAll(`${SELECTOR_TOOLTIP_BOX}.${CLASS_VISIBLE}`).forEach(box => {
@@ -764,7 +781,6 @@ <h2>逆算モード</h2>
 
     /**
      * ドキュメントクリック時の処理（ツールチップ外クリックで閉じる）
-     * @param {Event} event クリックイベント
      */
     function handleDocumentClick(event) {
         if (!event.target.closest(SELECTOR_INFO_BTN) && !event.target.closest(SELECTOR_TOOLTIP_BOX)) {
@@ -774,12 +790,58 @@ <h2>逆算モード</h2>
 
     /**
      * キーボード操作でツールチップを閉じる (Escapeキー)
-     * @param {KeyboardEvent} event キーダウンイベント
      */
     function handleKeyDown(event) {
         if (event.key === 'Escape') { closeAllTooltips(); }
     }
 
+        // ▼▼▼ 修正: シェアボタンの処理 (サイトURL追加版) ▼▼▼
+        function shareOnTwitter() {
+        if (!resultDiv || !resultDiv.classList.contains(CLASS_HAS_RESULT)) {
+            console.warn("シェアする計算結果がありません。");
+            return;
+        }
+        // データ属性から情報を取得
+        const requiredYenRaw = resultDiv.dataset.requiredYen;
+        const targetStatusLabel = resultDiv.dataset.targetStatusLabel;
+
+        // データが存在し、エラーでないことを確認
+        if (!requiredYenRaw || !targetStatusLabel || resultDiv.querySelector(SELECTOR_RESULT_ERROR)) {
+            console.error("シェアに必要な情報が見つからないか、結果がエラーです。");
+            alert("シェアできる有効な計算結果がありません。");
+            return;
+        }
+
+        try {
+            // 金額を数値に変換し、フォーマット
+            const requiredYen = parseFloat(requiredYenRaw);
+            if (isNaN(requiredYen)) {
+                throw new Error("金額データが無効です。");
+            }
+            const formattedYen = requiredYen.toLocaleString('ja-JP');
+
+            // ★★★ サイトのURLを定義 ★★★
+            const siteUrl = "https://katakata0522.github.io/PlayPoint/playpoints.html"; // あなたのサイトURL
+
+            // ツイート文を作成 (末尾にサイトURLを追加)
+            const tweetText = `【Play ポイント試算結果】\n${targetStatusLabel}ステータス到達まで\n${formattedYen}円課金が必要です。\n\n#Playポイント計算してみた\n#GooglePlay\n\n${siteUrl}`; // ← ここにURLを追加
+
+            // URLエンコード
+            const encodedText = encodeURIComponent(tweetText);
+
+            // Twitterの投稿画面URL作成
+            const twitterUrl = `https://twitter.com/intent/tweet?text=${encodedText}`;
+
+            // 新しいタブで開く
+            window.open(twitterUrl, '_blank');
+
+        } catch (error) {
+            console.error("ツイート準備中にエラー:", error);
+            alert("ツイートの準備中にエラーが発生しました。");
+        }
+    }
+    // ▲▲▲ 修正: シェアボタンの処理 (サイトURL追加版) ▲▲▲
+
 
     // --- 初期化処理 ---
     document.addEventListener('DOMContentLoaded', function() {
@@ -796,6 +858,7 @@ <h2>逆算モード</h2>
         calculateButton = document.getElementById("calculateButton");
         resultDiv = document.getElementById("result");
         copyButton = document.getElementById("copyButton");
+        tweetButton = document.getElementById("tweetButton"); // ▼ tweetButton取得
         amountYenInput = document.getElementById("amountYen");
         reverseStatusSelect = document.getElementById("reverseStatus");
         reverseBaseRateInput = document.getElementById("reverseBaseRate");
@@ -810,6 +873,8 @@ <h2>逆算モード</h2>
         else console.warn("初期化: #calculateButton not found.");
         if (copyButton) copyButton.addEventListener('click', copyResult);
         else console.warn("初期化: #copyButton not found.");
+        if (tweetButton) tweetButton.addEventListener('click', shareOnTwitter); // ▼ tweetButtonリスナー追加
+        else console.warn("初期化: #tweetButton not found.");
         if (reverseStatusSelect) reverseStatusSelect.addEventListener('change', updateReverseBaseRate);
         else console.warn("初期化: #reverseStatus not found.");
         if (reverseCalculateButton) reverseCalculateButton.addEventListener('click', reverseCalculate);
@@ -842,6 +907,7 @@ <h2>逆算モード</h2>
             if (currentStatusSelect && baseRateInput && targetStatusSelect) updateBaseRateAndTarget();
             if (reverseStatusSelect && reverseBaseRateInput) updateReverseBaseRate();
             if (mainModeDiv && reverseModeDiv && tabButtons) switchMode('main');
+            if (tweetButton) tweetButton.classList.add(CLASS_HIDDEN); // ▼ 初期は非表示
         } catch (error) {
             console.error("初期化処理中にエラーが発生しました:", error);
             const body = document.querySelector('body');
@@ -852,23 +918,22 @@ <h2>逆算モード</h2>
                 body.insertBefore(errorP, body.firstChild);
             }
         }
-        console.log("ポイント計算機 初期化完了 v1.9.0");
+        console.log("ポイント計算機 初期化完了 (SNSシェア機能付き)"); // メッセージ更新
     }); // DOMContentLoaded リスナーここまで
 
 })(); // IIFE 即時実行 ここまで
     </script>
 
-   <!-- ▼▼▼ 修正: フッター ▼▼▼ -->
+   <!-- フッター -->
    <footer class="page-footer">
     <p>
       <a href="info.html">使い方・Q&A</a> |
-      <a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank">ご意見・ご感想</a>
+      <a href="https://docs.google.com/forms/d/e/1FAIpQLSe0HDPLt-jfNXuiGmJ3gxlxUtgeGJ5-AM16Bz2yNw5bk3irNw/viewform?usp=dialog" target="_blank" rel="noopener noreferrer">ご意見・ご感想</a>
     </p>
     <p class="copyright">
       © 2025 PlayPoint Simulation Tool
     </p>
   </footer>
-  <!-- ▲▲▲ 修正: フッター ▲▲▲ -->
 
 </body>
-</html>
+</html>
\ No newline at end of file

From c71d738c4b965c1ba087e79c7be514bdc4f5f544 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 01:24:23 +0900
Subject: [PATCH 07/10] =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=88=E3=83=AB?=
 =?UTF-8?q?=E3=81=97=E3=81=9F=E3=81=AE=E7=B4=B9=E4=BB=8B=E6=96=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 playpoints.html | 86 +++++++++++++++++++++++++------------------------
 1 file changed, 44 insertions(+), 42 deletions(-)

diff --git a/playpoints.html b/playpoints.html
index d3e6ad6..4cb120d 100644
--- a/playpoints.html
+++ b/playpoints.html
@@ -33,9 +33,20 @@
 h1 {
   color: #333;
   font-size: 1.6em;
-  margin-bottom: 0.6em;
+  margin-bottom: 0.6em; /* h1下のマージン少し調整 */
 }
 
+/* ▼▼▼ 追加: サイト紹介文スタイル ▼▼▼ */
+.site-description {
+  font-size: 0.95em;
+  color: #555;
+  margin: 0.5em auto 1.2em auto; /* 上下マージン調整 */
+  max-width: 500px; /* 幅制限 */
+  line-height: 1.6;
+  text-align: center;
+}
+/* ▲▲▲ 追加: サイト紹介文スタイル ▲▲▲ */
+
 h2 {
   color: #333;
   font-size: 1.3em;
@@ -233,7 +244,7 @@
   background-color: #0056b3;
 }
 
-/* ▼▼▼ 追加: シェアボタン用スタイル ▼▼▼ */
+/* シェアボタン用スタイル */
 #tweetButton {
   background: #1DA1F2; /* Twitterブルー */
   font-size: 1em; /* 少し小さめに */
@@ -247,13 +258,11 @@
 #tweetButton:hover {
   background-color: #0c85d0;
 }
-/* ▲▲▲ 追加: シェアボタン用スタイル ▲▲▲ */
 
-/* ▼▼▼ 追加: 非表示用クラス ▼▼▼ */
+/* 非表示用クラス */
 .hidden {
   display: none !important; /* 確実に非表示にする */
 }
-/* ▲▲▲ 追加: 非表示用クラス ▲▲▲ */
 
 /* フッター用スタイル */
 .page-footer {
@@ -291,6 +300,11 @@
 
     <h1>Playポイント計算機 v1.9.0</h1> <!-- バージョンは適宜更新 -->
 
+    <!-- ▼▼▼ 追加: サイト紹介文 ▼▼▼ -->
+    <p class="site-description">現在のステータスから目標達成までの必要課金額の計算ができます！<br>
+        さらに課金額から獲得できるポイントも計算できます！</p>
+    <!-- ▲▲▲ 追加: サイト紹介文 ▲▲▲ -->
+
     <div class="tab-switch">
         <button data-mode="main">通常計算</button>
         <button data-mode="reverse">逆算モード</button>
@@ -386,9 +400,8 @@ <h2>還元設定</h2>
             <button id="calculateButton">課金額を計算</button>
             <div class="result" id="result"></div> <!-- 結果表示エリア -->
             <button id="copyButton">コピーする</button>
-            <!-- ▼▼▼ 追加: シェアボタン (初期非表示) ▼▼▼ -->
+            <!-- シェアボタン (初期非表示) -->
             <button id="tweetButton" class="hidden">結果をXでシェア</button>
-            <!-- ▲▲▲ 追加: シェアボタン ▲▲▲ -->
         </div>
     </div>
 
@@ -476,7 +489,7 @@ <h2>逆算モード</h2>
     const CLASS_VISIBLE = 'visible';
     const CLASS_HAS_RESULT = 'has-result';
     const CLASS_ACTIVE = 'active';
-    const CLASS_HIDDEN = 'hidden'; // ▼ 追加
+    const CLASS_HIDDEN = 'hidden';
     const SELECTOR_INFO_BTN = '.info-btn';
     const SELECTOR_TOOLTIP_BOX = '.tooltip-box';
     const SELECTOR_RESULT_ERROR = 'span[style*="color: red"]';
@@ -491,7 +504,7 @@ <h2>逆算モード</h2>
 
     // --- DOM要素参照 (初期化時に設定) ---
     let mainModeDiv, reverseModeDiv, tabButtons,
-        currentStatusSelect, baseRateInput, targetStatusSelect, neededPointsInput, multiplierInput, calculateButton, resultDiv, copyButton, tweetButton, // ▼ tweetButton追加
+        currentStatusSelect, baseRateInput, targetStatusSelect, neededPointsInput, multiplierInput, calculateButton, resultDiv, copyButton, tweetButton,
         amountYenInput, reverseStatusSelect, reverseBaseRateInput, reverseMultiplierInput, reverseCalculateButton, reverseResultDiv,
         infoButtons;
 
@@ -517,7 +530,7 @@ <h2>逆算モード</h2>
                     const option = document.createElement("option");
                     option.value = points;
                     option.textContent = `${targetLabel} (${points}pt)`;
-                    option.dataset.statusLabel = targetLabel; // ▼ data-status-label を追加
+                    option.dataset.statusLabel = targetLabel; // data-status-label を追加
                     targetStatusSelect.appendChild(option);
                 }
             });
@@ -555,17 +568,17 @@ <h2>逆算モード</h2>
         if (!targetElement) { console.error("displayError: 対象要素がnull"); return; }
         targetElement.innerHTML = `<span style="color: red;">${message}</span>`;
         targetElement.classList.add(CLASS_HAS_RESULT);
-        // ▼ エラー時はデータ属性削除 & シェアボタン非表示
+        // エラー時はデータ属性削除 & シェアボタン非表示
         targetElement.removeAttribute('data-required-yen');
         targetElement.removeAttribute('data-target-status-label');
-        if (tweetButton) tweetButton.classList.add(CLASS_HIDDEN);
+        if (tweetButton && targetElement === resultDiv) tweetButton.classList.add(CLASS_HIDDEN);
      }
 
      function clearResult(targetElement) {
          if (!targetElement) return;
          targetElement.innerHTML = "";
          targetElement.classList.remove(CLASS_HAS_RESULT);
-         // ▼ 結果クリア時もデータ属性削除 & シェアボタン非表示
+         // 結果クリア時もデータ属性削除 & シェアボタン非表示
          targetElement.removeAttribute('data-required-yen');
          targetElement.removeAttribute('data-target-status-label');
          if (tweetButton && targetElement === resultDiv) { // 通常モードの結果クリア時のみ
@@ -597,18 +610,16 @@ <h2>逆算モード</h2>
      * 通常モードでの必要課金額を計算
      */
     function calculate() {
-        if (!resultDiv || !targetStatusSelect) return; // targetStatusSelectもチェック
-        clearResult(resultDiv); // シェアボタンもここで非表示になる
+        if (!resultDiv || !targetStatusSelect) return;
+        clearResult(resultDiv);
 
         try {
             const neededPoints = getValidNumberInput(neededPointsInput, 0.01);
             const finalRate = getFinalRate(baseRateInput, currentStatusSelect, multiplierInput);
-
-            // ▼ 目標ステータス名を取得 (選択されているoptionから)
             const selectedTargetOption = targetStatusSelect.options[targetStatusSelect.selectedIndex];
-            const targetStatusLabel = selectedTargetOption ? selectedTargetOption.dataset.statusLabel : null; // data-status-labelから取得
+            const targetStatusLabel = selectedTargetOption ? selectedTargetOption.dataset.statusLabel : null;
 
-            if (neededPoints === null || finalRate === null || !targetStatusLabel) { // targetStatusLabelもチェック
+            if (neededPoints === null || finalRate === null || !targetStatusLabel) {
                  displayError(resultDiv, "有効な数値を入力し、目標ステータスを選択してください");
                  return;
             }
@@ -620,7 +631,7 @@ <h2>逆算モード</h2>
             const remainingMonths = getRemainingMonths();
             if (remainingMonths <= 0) { displayError(resultDiv, "残り月数計算エラー"); return; }
 
-            const totalYenNeeded = Math.ceil((neededPoints / finalRate) * 100); // 計算結果は切り上げ
+            const totalYenNeeded = Math.ceil((neededPoints / finalRate) * 100);
             const monthlyYenNeeded = Math.ceil(totalYenNeeded / remainingMonths);
 
             resultDiv.innerHTML = `
@@ -631,7 +642,7 @@ <h2>逆算モード</h2>
             `;
             resultDiv.classList.add(CLASS_HAS_RESULT);
 
-            // ▼ 計算成功時にデータ属性を設定 & シェアボタン表示
+            // 計算成功時にデータ属性を設定 & シェアボタン表示
             resultDiv.dataset.requiredYen = totalYenNeeded;
             resultDiv.dataset.targetStatusLabel = targetStatusLabel;
             if (tweetButton) tweetButton.classList.remove(CLASS_HIDDEN);
@@ -687,6 +698,7 @@ <h2>逆算モード</h2>
             textToCopy = Array.from(mainResultLines)
                              .map(b => {
                                  const labelNode = b.previousSibling;
+                                 // previousSiblingがテキストノードの場合と要素ノードの場合があるため、textContentで取得
                                  const labelText = labelNode ? labelNode.textContent.trim().split(':')[0] : '';
                                  return labelText ? `${labelText}: ${b.innerText}` : b.innerText;
                              })
@@ -744,7 +756,7 @@ <h2>逆算モード</h2>
             if (button.dataset.mode === mode) { button.classList.add(CLASS_ACTIVE); }
             else { button.classList.remove(CLASS_ACTIVE); }
         });
-        // ▼ モード切替時に通常モードの結果表示エリアをクリア
+        // モード切替時に通常モードの結果表示エリアをクリア
         if (resultDiv) clearResult(resultDiv);
     }
 
@@ -795,17 +807,17 @@ <h2>逆算モード</h2>
         if (event.key === 'Escape') { closeAllTooltips(); }
     }
 
-        // ▼▼▼ 修正: シェアボタンの処理 (サイトURL追加版) ▼▼▼
-        function shareOnTwitter() {
+    /**
+     * シェアボタンの処理 (サイトURL追加版)
+     */
+    function shareOnTwitter() {
         if (!resultDiv || !resultDiv.classList.contains(CLASS_HAS_RESULT)) {
             console.warn("シェアする計算結果がありません。");
             return;
         }
-        // データ属性から情報を取得
         const requiredYenRaw = resultDiv.dataset.requiredYen;
         const targetStatusLabel = resultDiv.dataset.targetStatusLabel;
 
-        // データが存在し、エラーでないことを確認
         if (!requiredYenRaw || !targetStatusLabel || resultDiv.querySelector(SELECTOR_RESULT_ERROR)) {
             console.error("シェアに必要な情報が見つからないか、結果がエラーです。");
             alert("シェアできる有効な計算結果がありません。");
@@ -813,26 +825,17 @@ <h2>逆算モード</h2>
         }
 
         try {
-            // 金額を数値に変換し、フォーマット
             const requiredYen = parseFloat(requiredYenRaw);
             if (isNaN(requiredYen)) {
                 throw new Error("金額データが無効です。");
             }
             const formattedYen = requiredYen.toLocaleString('ja-JP');
+            const siteUrl = "https://katakata0522.github.io/PlayPoint/playpoints.html"; // サイトURL
 
-            // ★★★ サイトのURLを定義 ★★★
-            const siteUrl = "https://katakata0522.github.io/PlayPoint/playpoints.html"; // あなたのサイトURL
+            const tweetText = `【Play ポイント試算結果】\n${targetStatusLabel}ステータス到達まで\n${formattedYen}円課金が必要です。\n\n#Playポイント計算してみた\n#GooglePlay\n\n${siteUrl}`;
 
-            // ツイート文を作成 (末尾にサイトURLを追加)
-            const tweetText = `【Play ポイント試算結果】\n${targetStatusLabel}ステータス到達まで\n${formattedYen}円課金が必要です。\n\n#Playポイント計算してみた\n#GooglePlay\n\n${siteUrl}`; // ← ここにURLを追加
-
-            // URLエンコード
             const encodedText = encodeURIComponent(tweetText);
-
-            // Twitterの投稿画面URL作成
             const twitterUrl = `https://twitter.com/intent/tweet?text=${encodedText}`;
-
-            // 新しいタブで開く
             window.open(twitterUrl, '_blank');
 
         } catch (error) {
@@ -840,7 +843,6 @@ <h2>逆算モード</h2>
             alert("ツイートの準備中にエラーが発生しました。");
         }
     }
-    // ▲▲▲ 修正: シェアボタンの処理 (サイトURL追加版) ▲▲▲
 
 
     // --- 初期化処理 ---
@@ -858,7 +860,7 @@ <h2>逆算モード</h2>
         calculateButton = document.getElementById("calculateButton");
         resultDiv = document.getElementById("result");
         copyButton = document.getElementById("copyButton");
-        tweetButton = document.getElementById("tweetButton"); // ▼ tweetButton取得
+        tweetButton = document.getElementById("tweetButton");
         amountYenInput = document.getElementById("amountYen");
         reverseStatusSelect = document.getElementById("reverseStatus");
         reverseBaseRateInput = document.getElementById("reverseBaseRate");
@@ -873,7 +875,7 @@ <h2>逆算モード</h2>
         else console.warn("初期化: #calculateButton not found.");
         if (copyButton) copyButton.addEventListener('click', copyResult);
         else console.warn("初期化: #copyButton not found.");
-        if (tweetButton) tweetButton.addEventListener('click', shareOnTwitter); // ▼ tweetButtonリスナー追加
+        if (tweetButton) tweetButton.addEventListener('click', shareOnTwitter);
         else console.warn("初期化: #tweetButton not found.");
         if (reverseStatusSelect) reverseStatusSelect.addEventListener('change', updateReverseBaseRate);
         else console.warn("初期化: #reverseStatus not found.");
@@ -907,7 +909,7 @@ <h2>逆算モード</h2>
             if (currentStatusSelect && baseRateInput && targetStatusSelect) updateBaseRateAndTarget();
             if (reverseStatusSelect && reverseBaseRateInput) updateReverseBaseRate();
             if (mainModeDiv && reverseModeDiv && tabButtons) switchMode('main');
-            if (tweetButton) tweetButton.classList.add(CLASS_HIDDEN); // ▼ 初期は非表示
+            if (tweetButton) tweetButton.classList.add(CLASS_HIDDEN); // 初期は非表示
         } catch (error) {
             console.error("初期化処理中にエラーが発生しました:", error);
             const body = document.querySelector('body');
@@ -918,7 +920,7 @@ <h2>逆算モード</h2>
                 body.insertBefore(errorP, body.firstChild);
             }
         }
-        console.log("ポイント計算機 初期化完了 (SNSシェア機能付き)"); // メッセージ更新
+        console.log("ポイント計算機 初期化完了 (SNSシェア/紹介文付き)"); // メッセージ更新
     }); // DOMContentLoaded リスナーここまで
 
 })(); // IIFE 即時実行 ここまで

From 0865e73ae7c83c1ae15a76fc4b4ee45496bf42e7 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 29 Apr 2025 01:50:07 +0900
Subject: [PATCH 08/10] Rename playpoints to index and update back link

---
 playpoints.html => index.html | 0
 info.html                     | 2 +-
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename playpoints.html => index.html (100%)

diff --git a/playpoints.html b/index.html
similarity index 100%
rename from playpoints.html
rename to index.html
diff --git a/info.html b/info.html
index b2cd466..551a578 100644
--- a/info.html
+++ b/info.html
@@ -214,7 +214,7 @@ <h2>あとがき・開発経緯</h2>
     <!-- 計算ツールへ戻るリンク -->
     <div class="back-link">
         <!-- playpoints.html のファイル名を index.html に変更した場合は href="index.html" または href="./" にする -->
-        <a href="playpoints.html">← 計算ツールに戻る</a>
+        <a href="index.html">← 計算ツールに戻る</a>
     </div>
 
     <!-- ▼▼▼ 追加: フッター (コピーライトなど) ▼▼▼ -->

From 513018ef5d928b535a15163d428b89c078cc49fe Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 13 May 2025 23:04:01 +0900
Subject: [PATCH 09/10] Merge branch 'main' of
 https://github.com/katakata0522/PlayPoint into feature/add-info-sections


From ddbccb95a5f06c610f9980021f7f69fb4d996672 Mon Sep 17 00:00:00 2001
From: katakata0522 <tomokiandyuuki3@gmail.com>
Date: Tue, 13 May 2025 23:34:42 +0900
Subject: [PATCH 10/10] create award_diary.js

---
 award-diary.js | 255 +++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 255 insertions(+)
 create mode 100644 award-diary.js

diff --git a/award-diary.js b/award-diary.js
new file mode 100644
index 0000000..af8c5c1
--- /dev/null
+++ b/award-diary.js
@@ -0,0 +1,255 @@
+// award-diary.js
+
+(function() {
+    'use strict';
+
+    // --- 定数・設定 ---
+    const CURRENT_YEAR = new Date().getFullYear(); // 現在の年をデフォルトとする
+    const LOCAL_STORAGE_KEY_PREFIX = 'playPointDiary_'; // ローカルストレージのキーの接頭辞
+
+    // 月の名前と、各月に最大5週分のデータを持つことを示す (0埋めは不要、配列インデックスで管理)
+    // 実際の月のインデックスは 0 (1月) から 11 (12月)
+    const MONTHS = [
+        "january", "february", "march", "april", "may", "june",
+        "july", "august", "september", "october", "november", "december"
+    ];
+
+    // --- ヘルパー関数 ---
+
+    /**
+     * 指定された年のローカルストレージキーを取得する
+     * @param {number} year - 年 (例: 2025)
+     * @returns {string} ローカルストレージのキー
+     */
+    function getLocalStorageKey(year) {
+        return `${LOCAL_STORAGE_KEY_PREFIX}${year}`;
+    }
+
+    /**
+     * 指定された年のデータをローカルストレージから読み込む
+     * データがない場合は、空のデータ構造を返す
+     * @param {number} year - 年 (例: 2025)
+     * @returns {object} その年の月ごとのポイントデータ (例: { january: [null,null,null,null,null], ... })
+     */
+    function loadYearData(year) {
+        const key = getLocalStorageKey(year);
+        const jsonData = localStorage.getItem(key);
+        if (jsonData) {
+            try {
+                return JSON.parse(jsonData);
+            } catch (e) {
+                console.error("ローカルストレージのデータ解析に失敗しました:", e);
+                // 解析失敗時は空データを返す
+            }
+        }
+        // データがない場合や解析失敗時は、空のデータ構造を生成
+        const emptyYearData = {};
+        MONTHS.forEach(monthKey => {
+            emptyYearData[monthKey] = [null, null, null, null, null]; // 各月5週分のデータをnullで初期化
+        });
+        return emptyYearData;
+    }
+
+    /**
+     * 指定された年のデータをローカルストレージに保存する
+     * @param {number} year - 年 (例: 2025)
+     * @param {object} yearData - 保存する年のデータ
+     */
+    function saveYearData(year, yearData) {
+        const key = getLocalStorageKey(year);
+        try {
+            localStorage.setItem(key, JSON.stringify(yearData));
+            console.log(`${year}年のデータを保存しました。`);
+        } catch (e) {
+            console.error("ローカルストレージへのデータ保存に失敗しました:", e);
+        }
+    }
+
+    // --- コア機能関数 ---
+
+    /**
+     * 指定された年・月・週にポイントを記録（保存）する
+     * @param {number} year - 年 (例: 2025)
+     * @param {number} monthIndex - 月のインデックス (0-11)
+     * @param {number} weekIndex - 週のインデックス (0-4, 0が1週目)
+     * @param {number | null} points - 記録するポイント数 (nullでクリア)
+     */
+    function recordPoint(year, monthIndex, weekIndex, points) {
+        if (monthIndex < 0 || monthIndex >= MONTHS.length || weekIndex < 0 || weekIndex > 4) {
+            console.error("無効な月または週のインデックスです。");
+            return;
+        }
+        const pointsToSave = (points === null || points === '' || isNaN(parseInt(points))) ? null : parseInt(points);
+
+        const yearData = loadYearData(year);
+        const monthKey = MONTHS[monthIndex];
+
+        if (!yearData[monthKey]) { //念のため月データが存在するか確認
+            yearData[monthKey] = [null, null, null, null, null];
+        }
+        yearData[monthKey][weekIndex] = pointsToSave;
+        saveYearData(year, yearData);
+        console.log(`${year}年${monthKey}の第${weekIndex + 1}週に ${pointsToSave === null ? 'データなし' : pointsToSave + 'pt'} を記録しました。`);
+
+        // ★ リアルタイム更新のために、ここで合計・平均計算と表示更新の関数を呼び出す (HTML連携後)
+        // displayMonthlySummary(year, monthIndex);
+        // displayYearlySummary(year);
+    }
+
+    /**
+     * 指定された月のポイント合計を計算する
+     * @param {Array<number|null>} monthData - 月の週ごとのポイントデータ (例: [100, 50, null, 75, null])
+     * @returns {number} その月の合計ポイント
+     */
+    function calculateMonthTotal(monthData) {
+        if (!Array.isArray(monthData)) return 0;
+        return monthData.reduce((sum, points) => sum + (points || 0), 0);
+    }
+
+    /**
+     * 指定された月の週平均ポイントを計算する (ポイントが記録されている週のみ対象)
+     * @param {Array<number|null>} monthData - 月の週ごとのポイントデータ
+     * @returns {number} その月の週平均ポイント (記録がない場合は0)
+     */
+    function calculateMonthAverage(monthData) {
+        if (!Array.isArray(monthData)) return 0;
+        const recordedWeeks = monthData.filter(points => points !== null);
+        if (recordedWeeks.length === 0) return 0;
+        const total = calculateMonthTotal(monthData);
+        return total / recordedWeeks.length;
+    }
+
+    /**
+     * 指定された年の総獲得ポイントを計算する
+     * @param {object} yearData - その年の月ごとのポイントデータ
+     * @returns {number} その年の総獲得ポイント
+     */
+    function calculateYearTotal(yearData) {
+        let total = 0;
+        MONTHS.forEach(monthKey => {
+            if (yearData[monthKey]) {
+                total += calculateMonthTotal(yearData[monthKey]);
+            }
+        });
+        return total;
+    }
+
+    /**
+     * 指定された年の月平均獲得ポイントを計算する (ポイントが記録されている月のみ対象)
+     * @param {object} yearData - その年の月ごとのポイントデータ
+     * @returns {number} その年の月平均ポイント (記録がない場合は0)
+     */
+    function calculateYearAverage(yearData) {
+        let totalPoints = 0;
+        let recordedMonthsCount = 0;
+        MONTHS.forEach(monthKey => {
+            if (yearData[monthKey]) {
+                const monthTotal = calculateMonthTotal(yearData[monthKey]);
+                if (monthTotal > 0) { // その月に1ポイントでも記録があればカウント
+                    totalPoints += monthTotal;
+                    recordedMonthsCount++;
+                }
+            }
+        });
+        if (recordedMonthsCount === 0) return 0;
+        return totalPoints / recordedMonthsCount;
+    }
+
+
+    // --- HTML連携用の関数 (現時点ではダミー、またはコンソール出力) ---
+    // これらはHTML要素ができてから本格的に実装します
+
+    /**
+     * 指定された月のサマリー（合計・平均）を表示する (HTML連携後)
+     * @param {number} year
+     * @param {number} monthIndex
+     */
+    function displayMonthlySummary(year, monthIndex) {
+        const yearData = loadYearData(year);
+        const monthKey = MONTHS[monthIndex];
+        if (yearData[monthKey]) {
+            const total = calculateMonthTotal(yearData[monthKey]);
+            const average = calculateMonthAverage(yearData[monthKey]);
+            console.log(`[表示更新] ${year}年${monthKey}: 合計 ${total}pt, 週平均 ${average.toFixed(2)}pt`);
+            // TODO: HTML要素に結果を反映させる (例: document.getElementById(`month-total-${monthKey}`).textContent = total;)
+        }
+    }
+
+    /**
+     * 指定された年のサマリー（合計・平均）を表示する (HTML連携後)
+     * @param {number} year
+     */
+    function displayYearlySummary(year) {
+        const yearData = loadYearData(year);
+        const total = calculateYearTotal(yearData);
+        const average = calculateYearAverage(yearData);
+        console.log(`[表示更新] ${year}年: 年間合計 ${total}pt, 月平均 ${average.toFixed(2)}pt`);
+        // TODO: HTML要素に結果を反映させる
+    }
+
+    /**
+     * 指定された年のデータを入力フィールドに表示する (HTML連携後)
+     * @param {number} year
+     */
+    function populateInputsForYear(year) {
+        const yearData = loadYearData(year);
+        MONTHS.forEach((monthKey, monthIdx) => {
+            if (yearData[monthKey]) {
+                yearData[monthKey].forEach((points, weekIdx) => {
+                    console.log(`[入力欄設定] ${year}年${monthKey}-week${weekIdx + 1}: ${points}`);
+                    // TODO: HTMLの対応する入力フィールドに値を設定する
+                    // (例: document.getElementById(`${monthKey}-week${weekIdx+1}-points`).value = points === null ? '' : points;)
+                });
+            }
+        });
+        // サマリーも更新
+        MONTHS.forEach((_, monthIdx) => displayMonthlySummary(year, monthIdx));
+        displayYearlySummary(year);
+    }
+
+
+    // --- 初期化処理とテスト呼び出し (開発用) ---
+    // HTMLがなくてもコンソールで動作確認できるようにします
+
+    console.log("award-diary.js が読み込まれました。");
+
+    // 例: 2025年2月(インデックス1)の第1週(インデックス0)に100ポイント記録
+    recordPoint(CURRENT_YEAR, 1, 0, 100);
+    // 例: 2025年2月(インデックス1)の第2週(インデックス1)に50ポイント記録
+    recordPoint(CURRENT_YEAR, 1, 1, 50);
+    // 例: 2025年3月(インデックス2)の第1週(インデックス0)に200ポイント記録
+    recordPoint(CURRENT_YEAR, 2, 0, 200);
+
+    // 記録したデータを読み込んで表示（コンソールに）
+    const currentYearData = loadYearData(CURRENT_YEAR);
+    console.log(`${CURRENT_YEAR}年のデータ:`, JSON.parse(JSON.stringify(currentYearData))); // オブジェクトをきれいに出力
+
+    // 月ごとの合計と平均を計算して表示（コンソールに）
+    MONTHS.forEach((monthKey, index) => {
+        if (currentYearData[monthKey]) {
+            const monthTotal = calculateMonthTotal(currentYearData[monthKey]);
+            const monthAverage = calculateMonthAverage(currentYearData[monthKey]);
+            if (monthTotal > 0) { // データがある月のみ表示
+                 console.log(`${CURRENT_YEAR}年 ${monthKey}: 合計 ${monthTotal}pt, 週平均 ${monthAverage.toFixed(2)}pt`);
+            }
+        }
+    });
+
+    // 年間の合計と平均を計算して表示（コンソールに）
+    const yearTotal = calculateYearTotal(currentYearData);
+    const yearAverage = calculateYearAverage(currentYearData);
+    console.log(`${CURRENT_YEAR}年 年間: 合計 ${yearTotal}pt, 月平均 ${yearAverage.toFixed(2)}pt`);
+
+    // HTML連携後に呼び出す関数のテスト（コンソール出力）
+    // populateInputsForYear(CURRENT_YEAR); // これを呼ぶと、上記で記録したデータが入力欄に設定されるイメージ
+
+    // グローバルスコープに一部関数を公開 (HTMLから呼び出すため、またはデバッグ用)
+    // ただし、IIFEで囲んでいるので、通常は公開されません。
+    // 必要に応じて、windowオブジェクトに明示的に追加します。
+    // window.awardDiary = {
+    //     recordPoint,
+    //     populateInputsForYear,
+    //     // 他に必要な関数があれば
+    // };
+
+})(); // 即時実行関数でスコープを分離
\ No newline at end of file