・WEB招待状の作成
・ゲストが名前入力後に適切なパターンで写真を表示する。
・その後にメッセージの表示。→詳細情報の表示と参加可否のアンケートをとる
・一連のお願いを「ClaudeCode」に依頼。一瞬でデモサイトが立ちがる。
・実装のための必要な環境を調査。（by ClaudeCode）
## 必要な環境
### 1. **ホスティング環境**（WEBサイトの公開場所）
以下のいずれかを選択します：
#### 【おすすめ】無料で始められるサービス
- **Netlify** または **Vercel**
- 完全無料
- HTMLファイルをドラッグ&ドロップするだけで公開可能
- 自動的にHTTPS対応（セキュアなURL）
- 独自ドメインも設定可能
- **GitHub Pages**
- 無料
- GitHubアカウントが必要
- やや技術的だが安定性が高い
#### 有料オプション
- レンタルサーバー（さくら、ロリポップなど）
- 月額100〜500円程度
- 他の用途にも使える
### 2. **Googleフォーム連携**
#### パターンA: 簡易版（技術知識不要）
- Googleアカウントのみ
- Googleフォームを作成
- フォームのURLを招待状に埋め込む
- 制限：名前の完全自動入力は難しい
#### パターンB: 完全自動化版（推奨）
- Googleアカウント
- Google Apps Script（無料、Googleが提供）
- Googleスプレッドシート
- できること：
- 名前の完全自動入力
- 回答データの自動保存
- メール自動送信なども可能
### 3. **実際の写真を使う場合**
- 画像ファイル（JPEG、PNG）
- 画像編集ソフト（スマホアプリでもOK）
- 推奨サイズ：横1200px程度
### 4. **必要なスキル**
#### 最小限の構成なら
- ファイルのアップロード方法を理解している
- Googleフォームの作成ができる
→ **技術的な知識はほぼ不要**
#### 完全自動化する場合
- 簡単なコピー&ペースト作業
- Google Apps Scriptの基本的な設定
→ **手順通りに進めれば可能**
## 具体的な公開までの流れ
### 【最短ルート】Netlifyを使う場合
1. Netlify（https://www.netlify.com/）にアカウント作成（無料）
2. HTMLファイルをアップロード
3. 公開URLが即座に発行される
4. そのURLをゲストに送る
所要時間：**10〜15分程度**
### 【しっかり構築】完全自動化の場合
1. Netlifyでサイト公開（15分）
2. Googleスプレッドシート作成（5分）
3. Google Apps Script設定（30分）
4. 招待状とスクリプトを連携（15分）
所要時間：**1時間程度**
## 費用
- **完全無料で実現可能**
- 独自ドメイン（例：wedding-tanaka.com）を使いたい場合のみ年間1,000〜2,000円程度
---【学び】
・無料でホスティング環境は構築可能！
→ホスティング環境ってなに？
【メモ】
・次回は<!– Details Screen –>のデザインを決めたい。
コメント