

## 手順

1. **GitHubリポジトリを作成**  
   GitHub Pagesにデプロイしたいプロジェクトを用意します。

2. **gh-pagesブランチの作成**  
   デプロイ先となるブランチ `gh-pages` を作成します。GitHub Pagesはデフォルトでこのブランチのコンテンツを公開します。

3. **GitHub Actionsのワークフローファイルを作成**  
   リポジトリの `.github/workflows` ディレクトリに、例えば `deploy.yml` という名前でワークフローファイルを作成します。

4. **ワークフローファイルの設定**  
   以下にあるサンプルを参考に、 `deploy.yml` を設定します。

```yaml
name: Deploy to GitHub Pages

on:
  push:
    branches:
      - main  # 変更を監視するブランチ名

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - name: Check out the repository
      uses: actions/checkout@v3

    - name: Set up Node.js
      uses: actions/setup-node@v3
      with:
        node-version: '16'

    - name: Install dependencies
      run: npm install

    - name: Build the project
      run: npm run build  # ビルドコマンド

    - name: Deploy
      uses: peaceiris/actions-gh-pages@v3
      with:
        github_token: ${{ secrets.GITHUB_TOKEN }}
        publish_dir: ./build  # ビルドされた出力ディレクトリのパス
        publish_branch: gh-pages
```

5. **GitHub Secretsの設定**  
   `GITHUB_TOKEN` はデフォルトで提供される内部トークンであり、追加の設定は不要です。場合によっては、カスタムのアクセストークンを作成し、GitHubのSecretsに保存することもできます。

## まとめ

この設定により、 `main` ブランチにプッシュされると自動的にプロジェクトがビルドされ、 `gh-pages` ブランチにデプロイされます。

具体的なプロジェクト構造や使用するフレームワークによって、ワークフローの内容をカスタマイズする必要があります。必ずコード内で使用するコマンドやディレクトリがプロジェクト構造に合致しているか確認することをお勧めします。
 [cv:issue_marketplace_engineer]

手順

続きを読むには単価診断を受けてください（30秒）