【子チケット2/5】WSL環境Gitリポジトリ準備・フォームファイル作成¶

🎯 作業目標¶

WSL環境でGitリポジトリを準備し、reCAPTCHA認証フォームファイルを作成・コミットする

📋 作業内容¶

1. WSL作業ディレクトリ準備

   cd /mnt/c/Users/ito/Projects
   mkdir html-form-project && cd html-form-project
   git init
   

2. プロジェクトナレッジからフォーム取得

   • reCAPTCHA付きテストフォーム (formtest.php).html から抽出
   • HTML/CSS/JavaScript/PHP部分を分離
   • 必要な構成ファイル作成:
     • index.html (メインフォーム)
     • formtest.php (PHP処理部分)
     • assets/style.css (CSSスタイル)
     • assets/script.js (JavaScript機能)

3. reCAPTCHA設定調整

   • sitekey: 6LeQOkEqAAAAAD4vqPOWI8VKL-_Fp_F5JCj4ZPQF
   • secretkey: 6LeQOkEqAAAAANmP_vMxgQZo6p-w5qDpZpQQhqDK
   • ドメイン設定確認・調整

4. Git設定・コミット

   git add .
   git commit -m "Initial: reCAPTCHA contact form implementation"
   git remote add origin [VPS-ROOT-repository]
   git push origin main
   

📁 想定ファイル構造¶

html-form-project/
├── index.html          # メインフォーム
├── formtest.php         # PHP処理スクリプト
├── assets/
│   ├── style.css        # CSSスタイル
│   └── script.js        # JavaScript機能
├── README.md            # 設置・使用方法
└── .gitignore           # Git無視設定

🔧 技術仕様¶

• HTML5 + CSS3 + JavaScript ES6
• PHP 7.4+ (reCAPTCHA API対応)
• reCAPTCHA v2 checkbox認証
• レスポンシブデザイン (モバイル対応)
• フォームバリデーション (クライアント+サーバーサイド)

📊 見積もり¶

• 予想作業時間: 2-2.5時間
• 主な作業: ファイル作成・Git操作
• 難易度: 中 (ファイル分割・Git管理)

🔄 次チケットへの引継ぎ情報¶

## 【引継ぎプロンプト】
WSL環境でフォームファイル作成・Gitコミット完了しました。
次は子チケット#XXXでVPS-ROOT側でのpull・インフラ準備を実行してください。

作成済み:
- 作業ディレクトリ: /mnt/c/Users/ito/Projects/html-form-project
- Gitリポジトリ: 初期コミット完了
- フォームファイル: index.html, formtest.php, assets/*

VPS-ROOT作業内容:
- Gitリポジトリのpull
- html.call2arm.com構成確認
- Docker/Nginx設定準備

⚠️ 注意事項¶

• reCAPTCHAキーの正確性確認必須
• フォーム送信先メールアドレス設定
• XSS/CSRF対策実装確認
• ファイル分離によるメンテナンス性向上