Add deployment configuration and documentation

- GitHub Actions workflow for automatic deployment to GitHub Pages
- Babel configuration for Chrome 90+ targeting
- Updated README with project overview and setup instructions
- Complete M1 milestone: Basic working version

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: ayutaz

.babelrc

@@ -0,0 +1,13 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": "90"
+        },
+        "modules": false
+      }
+    ]
+  ]
+}

.github/workflows/deploy.yml

@@ -0,0 +1,46 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    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: Build project
+        run: npm run build
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2

README.md

@@ -1 +1,66 @@
-# ImageToPixelArt
+# Image to Pixel Art Converter
+
+画像をピクセルアート風に変換するWebアプリケーション
+
+## 機能
+
+- 🎨 カラー画像を指定色数（2-256色）に減色
+- 🔲 ピクセル化処理によるレトロゲーム風の見た目
+- 🎯 3種類のディザリング手法（Floyd-Steinberg, Ordered, Atkinson）
+- 📏 出力サイズのカスタマイズ
+- 💾 変換結果のダウンロード
+- 🖱️ ドラッグ&ドロップ対応
+
+## 対応ブラウザ
+
+- Google Chrome 90+ (Windows/Mac/Linux)
+
+## 開発
+
+### セットアップ
+
+```bash
+# 依存関係のインストール
+npm install
+
+# 開発サーバーの起動
+npm run dev
+
+# ビルド
+npm run build
+```
+
+### プロジェクト構造
+
+```
+src/
+├── js/
+│   ├── core/           # 画像処理コア
+│   │   ├── colorQuantizer.js    # 色量子化
+│   │   ├── pixelator.js         # ピクセル化
+│   │   └── dithering.js         # ディザリング
+│   └── ui/             # UIコンポーネント
+│       ├── fileUploader.js      # ファイルアップロード
+│       ├── settings.js          # 設定管理
+│       └── preview.js           # プレビュー表示
+├── css/
+│   └── main.css        # スタイルシート
+└── index.html          # メインHTML
+```
+
+## アルゴリズム
+
+### 色量子化
+K-meansクラスタリングを使用して、画像の色を指定された色数に削減します。
+
+### ピクセル化
+ブロック平均化またはCanvas APIのスケーリングを使用して、画像を低解像度化します。
+
+### ディザリング
+- **Floyd-Steinberg**: エラー拡散による自然な見た目
+- **Ordered (Bayer)**: 規則的なパターンによるレトロな見た目
+- **Atkinson**: 高コントラストな結果
+
+## ライセンス
+
+MIT