【アプリ開発】AWSセキュリティを学べるテトリスパズルを自作してみた！！ #AmazonQCLI – Qiita

├── assets/                  # 静的アセット
│   ├── images/              # 画像ファイル
│   │   └── aws/            # AWSサービスアイコン
│   ├── sounds/              # 音声ファイル
│   └── styles/              # CSSスタイルシート
├── dist/                    # ビルド成果物
├── public/                  # 公開ファイル
│   ├── assets/              # 公開用アセット
│   └── index.html           # メインHTMLファイル
├── src/                     # ソースコード
│   ├── components/          # Reactコンポーネント
│   │   ├── common/          # 共通コンポーネント
│   │   ├── game/            # ゲーム関連コンポーネント
│   │   └── pages/           # ページコンポーネント
│   ├── core/                # コア機能
│   ├── i18n/                # 国際化
│   ├── levels/              # レベル定義
│   ├── models/              # データモデル
│   ├── puzzles/             # パズル定義
│   ├── tetris/              # 2Dテトリス実装
│   │   ├── components/      # テトリス用コンポーネント
│   │   ├── engine/          # ゲームエンジン
│   │   └── models/          # テトリス用モデル
│   ├── tetris3d/            # 3Dテトリス実装
│   │   ├── components/      # 3Dテトリス用コンポーネント
│   │   ├── engine/          # 3Dゲームエンジン
│   │   └── models/          # 3Dテトリス用モデル
│   └── utils/               # ユーティリティ関数
└── tests/                   # テストファイル

name: Deploy to GitHub Pages

on:
  push:
    branches:
      - main

permissions:
  contents: write

jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v3

      - name: Setup Node.js ⚙️
        uses: actions/setup-node@v3
        with:
          node-version: '18'
          cache: 'npm'

      - name: Install dependencies 📦
        run: npm ci

      - name: Copy assets to public directory
        run: |
          mkdir -p public/assets/images/aws
          cp -r assets/images/aws/*.png public/assets/images/aws/

      - name: Build 🔧
        run: npm run build

      - name: Create .nojekyll file
        run: touch dist/.nojekyll

      - name: Deploy 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          folder: dist
          branch: gh-pages
          clean: true

{
  "name": "cloud-guardian-puzzle",
  "version": "0.1.0",
  "description": "AWS GovCloudのセキュリティとコンプライアンスをテーマにしたテトリスゲーム",
  "main": "src/index.js",
  "scripts": {
    "start": "webpack serve --mode development --port 3001",
    "build": "webpack --mode production",
    "test": "jest",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/MASAKIOKUDA-eng/cloud-guardian-puzzle.git"
  },
  "keywords": [
    "aws",
    "govcloud",
    "security",
    "puzzle",
    "game",
    "tetris"
  ],
  "author": "",
  "license": "MIT",
  "bugs": {
    "url": "https://github.com/MASAKIOKUDA-eng/cloud-guardian-puzzle/issues"
  },
  "homepage": "https://MASAKIOKUDA-eng.github.io/cloud-guardian-puzzle",
  "dependencies": {
    "phaser": "^3.55.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^6.10.0"
  },
  "devDependencies": {
    "@babel/core": "^7.21.4",
    "@babel/preset-env": "^7.21.4",
    "@babel/preset-react": "^7.18.6",
    "babel-loader": "^9.1.2",
    "copy-webpack-plugin": "^13.0.0",
    "css-loader": "^6.7.3",
    "file-loader": "^6.2.0",
    "gh-pages": "^6.3.0",
    "html-webpack-plugin": "^5.5.1",
    "jest": "^29.5.0",
    "style-loader": "^3.3.2",
    "webpack": "^5.80.0",
    "webpack-cli": "^5.0.2",
    "webpack-dev-server": "^4.13.3"
  }
}