🚀 クイックスタートガイド

TheWaggleサイトをすぐに起動するための手順です。

前提条件

セットアップと起動

方法1: スクリプトを使用（推奨）

# 実行権限を付与
chmod +x start.sh

# サイトを起動
./start.sh

方法2: 手動で実行

# 依存関係をインストール
bundle install

# Jekyllサーバーを起動
bundle exec jekyll serve --watch --livereload

起動後

ブラウザで http://localhost:4000 にアクセスしてください。

停止方法

ターミナルで Ctrl + C を押してサーバーを停止します。

トラブルシューティング

ポート4000が使用中の場合

bundle exec jekyll serve --port 4001

ライブリロードが動作しない場合

bundle exec jekyll serve --watch

📝 フォーム送信先の設定

問い合わせフォームを機能させるには、以下のいずれかの方法で設定が必要です：

  1. Formspree（推奨・簡単）
    • https://formspree.io/ でアカウント作成
    • 新しいフォームを作成してForm IDを取得
    • /contact/index.md の YOUR_FORM_ID を置き換え
  2. Google Forms
    • Google Formsで問い合わせフォームを作成
    • 送信先URLを取得
    • /contact/index.md の action属性を更新
  3. 自社サーバー
    • APIエンドポイントを構築
    • /contact/index.md の action属性を更新

🎯 GA4の確認

Google Analytics 4（ID: G-R7XJH3LVPS）が正しく動作しているか確認：

  1. Google Analytics にログイン
  2. リアルタイムレポートを確認
  3. サイトにアクセスしてトラフィックが記録されるか確認

📦 本番環境へのデプロイ

  1. GitHubリポジトリを作成
  2. コードをプッシュ 
    git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/[your-username]/thewaggle-site.git
git push -u origin main
  3. GitHub Pages設定（Settings → Pages → Source: GitHub Actions）
  4. カスタムドメイン設定