Initial Setup

[yuito22suto]

1. プロジェクトの新規作成
   npx create-next-app will を実行する。

2. ページコンポーネントの作成
   pagesディレクトリ内に will.js ファイルを作成する。
   このファイルが"Will"のメインページになる。

3. フォームコンポーネントの作成
   componentsディレクトリを作成し、その中に WillForm.js ファイルを作成する。
   このコンポーネントがメッセージ入力フォームになる。
   フォームには以下のフィールドが必要です。

• 宛先の名前入力フィールド
• メッセージ入力エリア
• タイマー表示領域

4. タイマー機能の実装
   状態管理ライブラリ(React Context、Redux など)を使用して、タイマーの状態を管理する。
   タイマーの開始、停止、リセットの機能を実装します。
   残り時間を表示する機能を実装します。

5. フォーム入力の制御
   メッセージ入力エリアでは、所定の時間内にのみ入力を許可します。
   タイマーが0になった時点で、入力を無効化します。

6. ローカルストレージへの保存
   メッセージと宛先の名前をローカルストレージに保存する機能を実装します。
   保存されたデータを読み込む機能も実装します。

7. 有効期限の管理
   メッセージの作成日時をローカルストレージに保存します。
   1年後の同日を有効期限として設定し、有効期限を過ぎたメッセージは削除するよう実装します。

8. UIの整備
   アプリケーションのスタイリングを行います。
   フォントやレイアウトなどを調整します。

9. デプロイ
   Vercelなどのホスティングサービスを使用して、アプリケーションをデプロイします。

10. テストとデバッグ
    各機能のテストを行い、バグがないことを確認します。
    必要に応じて修正を行います。