katakata0522 · katakata0522 · Apr 25, 2025 · Apr 28, 2025 · Apr 28, 2025 · Apr 28, 2025
diff --git a/award-diary.js 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,
+    //     // 他に必要な関数があれば
+    // };
+
+})(); // 即時実行関数でスコープを分離
diff --git a/index.html b/index.html
@@ -511,6 +511,7 @@ <h2>逆算モード</h2>
 
             <button id="reverseCalculateButton">ポイントを計算</button>
             <div class="result" id="reverseResult"></div>
+            <!-- 逆算モードにはシェアボタンはつけない想定 -->
         </div>
         <!-- 逆算モードのシェアボタン (HTMLは既に修正済みと仮定) -->
         <button id="share-twitter-reverse" class="share-button twitter-share-button hidden"> <!-- hiddenクラスを追加 -->
@@ -1064,4 +1065,4 @@ <h2>逆算モード</h2>
   </footer>
 
 </body>
-</html>
+</html>
diff --git a/info.html b/info.html
@@ -188,12 +188,14 @@ <h2>よくある質問 (Q&A)</h2>
 
     <div class="section info-section" id="about-section">
       <h2>あとがき・開発経緯</h2>
+      <!-- ▼▼▼ 修正: 改行追加 ▼▼▼ -->
       <p>
         これを作ろうと思ったきっかけはニコニコ超会議でした。<br>ニコ超にはGoogle Playブースというものがあり、プラチナ会員になるとそこで2000プレイポイントがもらえます。<br>一般入場が3800円なので半分返ってくる計算です。（WAO!クレイジー!）<br>
         私はゴールドステータスだったのでどれくらい課金すればプラチナになれるか計算ツールを調べましたが全く出てこず...<br>それならば作ってしまえとできたのがこのサイト（アプリ）。<br>
         例に出てくる1728という数字は私がプラチナ到達までに必要なリアルな数字だったんですね。<br>キャンペーンなしだとおおよそ85,000円です。(WAO!ファンタスティック!)<br>
         そんなノリと勢いでできたこのサイトが、あなたの生活をほんの少し豊かにすることを願っています。<br>ここまでお読みいただきありがとうございました！
       </p>
+      <!-- ▲▲▲ 修正: 改行追加 ▲▲▲ -->
       <p>
         開発者: かたかた
       </p>
@@ -218,4 +220,4 @@ <h2>あとがき・開発経緯</h2>
     </footer>
 
 </body>
-</html>
+</html>