了解しました。プロジェクト全体のリファクタリングを段階的に実施します。

それでは、Phase 1: ユーティリティ層の構築から開始します。

Step 1: 定数を集約するファイルを作成

Step 2: バリデーション関数を抽出

Step 3: 計算関数を抽出

Step 4: API関連のユーティリティを作成

Phase 1 完了。ユーティリティ層を構築しました：

• lib/constants/booking.ts - 営業時間、予約設定、エラーメッセージを一元管理
• lib/utils/validation.ts - 電話、メール、参加者数、日付など各種バリデーション関数
• lib/utils/calculations.ts - 料金計算、日時処理、タイムスロット生成などの計算関数
• lib/services/gas-service.ts - GAS連携の型定義とAPI通信関数を分離

次は Phase 2: API層のリファクタリング に進みます。

Phase 2: 現在のAPI層を確認して、リファクタリングしたバージョンを作成

リファクタリングした API ファイルを作成します：

Phase 2 完了。API層を大幅にリファクタリングしました：

• ロジックを関数に分割（バリデーション、カウント、ペイロード構築）して読みやすさ向上
• gas-service.tsからユーティリティ関数をインポートして重複排除
• エラーハンドリングを統一化
• ビジネスロジックとAPI処理を明確に分離

次は Phase 3: データ層を分割 に進みます。

Phase 3: 現在の lib/data.ts から各モジュールに分割

まず現在のdata.tsを確認して分割します：

データファイルの内容を直接確認して分割します。パターンの複雑さから、セクションごとに新しいファイルを作成します：

Phase 3 完了。データ層を5つのモジュールに分割しました：

• lib/data/plans.ts - プラン情報と価格マップ
• lib/data/staff.ts - スタッフ情報
• lib/data/faqs.ts - FAQ情報
• lib/data/images.ts - ギャラリー画像
• lib/data/index.ts - すべてを統合再エクスポート

各モジュールはアクセッサ関数も提供し、再利用性と保守性が向上。次は Phase 4: BookingFormをマイクロコンポーネント化 に進みます。

Phase 4: 予約フォームロジックをカスタムフックに抽出

サブコンポーネントを作成

Phase 4 完了。BookingFormをマイクロコンポーネント化しました：

• useBookingFormフック - フォーム状態管理と検証ロジック
• PlanSelector - プラン選択コンポーネント
• CustomerInfo - 顧客情報入力コンポーネント
• ParticipantManager - 参加者管理コンポーネント

これらは独立して再利用可能で、テストも容易に。最後に Phase 5: ディレクトリ構造を整理 して完了です。

Phase 5: ディレクトリ構造のドキュメント化

フックのインデックスを作成

サービスのインデックスを作成

ユーティリティのインデックスを作成

予約コンポーネントのインデックスを作成

定数のインデックスを作成

完璧です！Phase 5 完了。プロジェクト全体のリファクタリングが完了しました。

リファクタリング完了 - 全体サマリー

5段階のリファクタリングを完了しました。

新規作成ファイル

ユーティリティ層:

• lib/constants/booking.ts - 営業時間、価格設定、エラーメッセージ
• lib/utils/validation.ts - 10+ のバリデーション関数
• lib/utils/calculations.ts - 価格計算、日時処理、タイムスロット生成
• lib/services/gas-service.ts - GAS連携とAPI通信

データ層:

• lib/data/plans.ts - プラン情報
• lib/data/staff.ts - スタッフ情報
• lib/data/faqs.ts - FAQ情報
• lib/data/images.ts - ギャラリー画像

コンポーネント層:

• lib/hooks/useBookingForm.ts - 予約フォーム状態管理
• components/booking/PlanSelector.tsx - プラン選択
• components/booking/CustomerInfo.tsx - 顧客情報
• components/booking/ParticipantManager.tsx - 参加者管理

統合エクスポート:

• lib/constants/index.ts, lib/utils/index.ts, lib/services/index.ts, lib/hooks/index.ts, lib/data/index.ts, components/booking/index.ts
• lib/REFACTORING_GUIDE.md - 詳細な構造ドキュメント

改善成果

✅ コード行数最適化（API: 130行→80行、データ層: 2700行→5モジュール化）
✅ 単一責任原則を遵守し、各モジュール・関数が独立
✅ 再利用性向上で新機能追加時の開発速度向上
✅ テスト容易性が大幅改善
✅ 保守性と拡張性が向上

確認しました。66行目と76行目を見ると、createAPIResponseとcreateAPIErrorの関数宣言が不完全です。以下のように修正します：

修正完了しました。問題点は、constで関数を宣言する場合、アロー関数の構文が必要ですが、通常の関数宣言の形式になっていたため、=>が抜けていました。また、ジェネリクスの構文も修正しました。これでビルドが成功するはずです。