#AI × Tool

ID Photo Studio

Role
Frontend Engineer
Year
2025
Type
Personal Project
ID Photo Studio

写真をアップロードするだけで、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