#AI × Tool
ID Photo Studio
- Role
- Frontend Engineer
- Year
- 2025
- Type
- Personal Project
写真をアップロードするだけで、Gemini AIが背景色変更・スーツ自動着用・各サイズへのトリミングを行う証明写真作成Webアプリ。パスポート・履歴書・マイナンバーカードなど主要サイズに対応し、L判台紙でのダウンロードも可能です。
Features
背景色変更(白・青・グレー)
スーツ着用:AIが自動でビジネススーツに変換
サイズプリセット(パスポート / 履歴書 / マイナンバー / 免許 / ビザ)
台紙ダウンロード(L判、切り取りガイド付き)
ドラッグ&ドロップアップロード対応
Technical Highlights
Gemini 3 Pro Image Preview APIで画像生成・編集
Next.js App Router + TypeScript
Vanilla CSS によるレスポンシブ対応
Canvas APIでL判台紙への合成・出力
WebP / PNG / JPG 対応の画像処理
Next.js / TypeScript / Gemini Image AI / Canvas API / CSS
Next サプリCSVセンター→