生成AI×システム構築　〜構築編〜

✅ フォルダ構成（提案）

csharpコピーする編集するinventory-system/
├─ docker-compose.yml
├─ .env                          # 環境変数（DB接続など）
├─ backend/
│  ├─ Dockerfile
│  ├─ requirements.txt
│  ├─ app.py                     # これまでのAPI（商品/入出庫/履歴/在庫）＋静的配信
│  └─ static/                    # フロントHTMLをここに置く
│     ├─ menu_frame.html         # サイドメニュー（親）
│     ├─ product.html            # 商品マスタ登録
│     ├─ stock_in.html           # 入庫登録
│     ├─ stock_out.html          # 出庫登録
│     ├─ stock_list.html         # 現在庫照会
│     └─ history.html            # 入出庫履歴参照
└─ db/
   └─ init/
      └─ 01_schema.sql           # CREATE TABLE（起動時に自動適用）

フロントの各HTMLは、これまでお渡ししたファイル内容を backend/static/ に保存してください。

1) docker-compose.yml

version: "3.9"

services:
  db:
    image: mysql:8.0
    container_name: inventory_db
    environment:
      MYSQL_ROOT_PASSWORD: ${MYSQL_ROOT_PASSWORD}
      MYSQL_DATABASE: ${MYSQL_DATABASE}
      TZ: Asia/Tokyo
    command: --default-authentication-plugin=mysql_native_password
    ports:
      - "3306:3306"
    volumes:
      - db-data:/var/lib/mysql
      - ./db/init:/docker-entrypoint-initdb.d
    healthcheck:
      test: ["CMD", "mysqladmin", "ping", "-h", "localhost", "-u", "root", "-p${MYSQL_ROOT_PASSWORD}"]
      interval: 5s
      timeout: 3s
      retries: 20

  api:
    build: ./backend
    container_name: inventory_api
    depends_on:
      db:
        condition: service_healthy
    environment:
      FLASK_ENV: development
      TZ: Asia/Tokyo
      MYSQL_HOST: db
      MYSQL_USER: root
      MYSQL_PASSWORD: ${MYSQL_ROOT_PASSWORD}
      MYSQL_DB: ${MYSQL_DATABASE}
    ports:
      - "5000:5000"
    volumes:
      - ./backend/static:/app/static  # HTMLのホットリロード用
    healthcheck:
      test: ["CMD", "curl", "-f", "http://localhost:5000/health"]
      interval: 10s
      timeout: 3s
      retries: 10

volumes:
  db-data:

2) .env（プロジェクト直下）

MYSQL_ROOT_PASSWORD=your_password
MYSQL_DATABASE=inventory_db

3) backend/Dockerfile

FROM python:3.11-slim

WORKDIR /app

# OSツール
RUN apt-get update && apt-get install -y --no-install-recommends \
    curl gcc default-libmysqlclient-dev pkg-config && \
    rm -rf /var/lib/apt/lists/*

# 依存ライブラリ
COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt

# アプリ本体
COPY app.py ./app.py
COPY static ./static

# 起動
EXPOSE 5000
CMD ["python", "app.py"]

4) backend/requirements.txt

flask==3.0.3
flask-cors==4.0.0
flask-mysqldb==2.0.0
mysqlclient==2.2.4

5) db/init/01_schema.sql

先にお渡しした create_tables.sql の内容を、そのまま 01_schema.sql として置いてください（MySQLは docker-entrypoint-initdb.d 配下の .sql を初回起動時に自動実行します）。

6) backend/app.py（要点のみ）

import os
from flask import Flask, request, jsonify, send_from_directory
from flask_mysqldb import MySQL
from flask_cors import CORS
import MySQLdb.cursors

app = Flask(__name__, static_folder="static")
CORS(app)

# --- MySQL接続設定 ---
app.config['MYSQL_HOST'] = os.getenv('MYSQL_HOST', 'localhost')
app.config['MYSQL_USER'] = os.getenv('MYSQL_USER', 'root')
app.config['MYSQL_PASSWORD'] = os.getenv('MYSQL_PASSWORD', '')
app.config['MYSQL_DB'] = os.getenv('MYSQL_DB', 'inventory_db')
app.config['MYSQL_CURSORCLASS'] = 'DictCursor'
mysql = MySQL(app)

# ---------- ここに既存の API 実装（/api/products, /api/stock/in, /api/stock/out,
#           /api/stock, /api/history の各エンドポイント）を貼り付けてください ----------

# --- ヘルスチェック ---
@app.route('/health')
def health():
    try:
        cur = mysql.connection.cursor()
        cur.execute("SELECT 1")
        cur.fetchone()
        return "ok", 200
    except Exception as e:
        return str(e), 500

# --- 静的画面（サイドメニューをデフォルト表示） ---
@app.route('/')
def root():
    return send_from_directory(app.static_folder, 'menu_frame.html')

# 静的ファイルをそのまま返す（/product.html 等に直接アクセスできる）
@app.route('/<path:path>')
def static_proxy(path):
    return send_from_directory(app.static_folder, path)

if __name__ == '__main__':
    # 0.0.0.0 で公開し、Docker外からもアクセス可
    app.run(host='0.0.0.0', port=5000, debug=True)

起動手順

# プロジェクト直下で
docker compose up -d --build

# 初回はDB初期化（01_schema.sql）→ API起動 → ブラウザで
open http://localhost:5000

Flaskで構築したバックエンドの app.py を作成しました。
こちらからダウンロードできます。

📄 app.py

エラーのポイントは
「依存先（DB）が起動に失敗：inventory_db が exit code 1で終了」 です。
まずは“なぜ落ちたか”をログで特定しましょう。以下の順で確認してみてください。

1) まずは原因を特定（ログ確認）

# コンテナ名が inventory_db の場合
docker logs inventory_db

# もしくはサービス名が db の場合（compose経由）
docker compose logs db

ログに以下のどれかが出ていないか見てください：
　・Database is uninitialized and password option is not specified
　　→ .env が読めておらず MYSQL_ROOT_PASSWORD が未設定の典型です。
　・ERROR: ... in /docker-entrypoint-initdb.d/01_schema.sql
　　→ 初期化SQLの文法エラーや実行順依存で失敗。
　・Access denied / Can't open .../var/lib/mysql
　　→ データディレクトリの権限/破損。
　・unknown variable や my.cnf 関連
　　→ 設定の不整合。

（省略）

原因は 初期化SQLファイルの文字エンコード不一致 です。
ログの ��品マスタ ( の“文字化け”が典型で、/docker-entrypoint-initdb.d/01_schema.sql が UTF-16やShift_JIS、あるいはUTF-8(BOM付き) で保存されていると、MySQL 初期化時に構文エラー（1064）が出ます。

直し方（最短ルート）

1. こちらで UTF-8（BOMなし）・安全なバッククォート付き のスキーマを用意しました：
　📄 01_schema_utf8.sql
2. 既存のDBボリュームを初期化してやり直し

# プロジェクト直下で
docker compose down -v

# 上の 01_schema_utf8.sql を db/init/01_schema.sql として置き換え
# 例: cp ~/Downloads/01_schema_utf8.sql db/init/01_schema.sql

docker compose up -d --build

既存ファイルを自分で直す場合

・エディタ（VSCode等）で 01_schema.sql を開く
　→ エンコードを「UTF-8（BOMなし）」に変換して保存
　→ 先頭に以下を入れるとより安全です：

SET NAMES utf8mb4;
SET time_zone = '+09:00';

日本語のテーブル名/カラム名はバッククォートで囲む（例：`商品マスタ`、`商品コード`）
末尾にテーブルごとに DEFAULT CHARSET = utf8mb4 を付与

原因はポート5000がすでに他のプロセスで使用中なことです。
Dockerは inventory_api コンテナの 5000 ポートをホストにバインドしようとしていますが、すでに同じポートがホスト側で占有されているため起動できません。

1. ポートを使っているプロセスを終了する
（省略）

2. docker-compose.yml のポート設定を変更する
もし他アプリが5000を使っていて終了できない場合は、
docker-compose.yml の該当サービスの ports を例えば 5001:5000 に変更します。

services:
  inventory_api:
    ports:
      - "5001:5000"

この場合、ブラウザやAPI呼び出しは http://localhost:5001 を使う必要があります。

必要なファイルをすべて含めた inventory-system フォルダを作成し、ZIP化しました。
こちらからダウンロードできます。
📦 inventory-system.zip