ID Photo Studio — AIで証明写真をかんたん作成
作成者: 神部凱斗 (Kanbe Kaito) | Role: Frontend Engineer | Year: 2025 | Type: Personal Project
概要
写真をアップロードするだけで、Gemini AIが背景色変更・スーツ自動着用・各サイズへのトリミングを行う証明写真作成Webアプリ。パスポート・履歴書・マイナンバーカードなど主要サイズに対応し、L判台紙でのダウンロードも可能です。
主な機能
- 背景色変更(白・青・グレー)
- スーツ着用:AIが自動でビジネススーツに変換
- サイズプリセット(パスポート / 履歴書 / マイナンバー / 免許 / ビザ)
- 台紙ダウンロード(L判、切り取りガイド付き)
- ドラッグ&ドロップアップロード対応
技術ハイライト
- Gemini 3 Pro Image Preview APIで画像生成・編集
- Next.js App Router + TypeScript
- Canvas APIでL判台紙への合成・出力
- WebP / PNG / JPG 対応の画像処理
技術スタック
Next.js / TypeScript / Gemini Image AI / Canvas API / CSS
GitHub: github.com/KaitoS828/id-photo
作成者ポートフォリオ: kaito-kanbe.com