Gemini-3 Pro Image Preview 対応

カタログ試着モード
きもの(振袖、袴、訪問着)特化!
簡単3ステップでAI試着!

着物カタログから選んで、撮影するだけで即試着!
遠方のお客様にリアルタイムでご提案!
来店中にサクッと体験・比較検討!
話題性抜群で集客UP!

3ステップ試着
フィルタ色・サイズ・カテゴリ
FirebaseAuth / Storage / Firestore

Before / After

実際のアプリで生成した試着画像です

カタログから選んで、撮影するだけで本格的な試着体験。

Step 1
試着モデル選択 Before
試着モデルをカタログから選択
Step 2
撮影画像 Before
試着対象者を撮影(もしくは画像アップロード)
試着モデル
試着モデル Before
マネキンに着付けた試着モデル
AI試着結果!
試着結果 After
質感までリアルに表現できています
AI試着結果!
試着結果 After 2
黒もシックで素敵です

機能ハイライト

カタログから選んでAI試着までワンストップ

簡単なタッチ操作で Gemini(AI) へ画像送信、リアルな試着イメージを生成。

試着モデル選択

色・サイズ・カテゴリ・タグでフィルタリング。カタログから好みの着物を着用したマネキンモデルを選択できます。

撮影・アップロード

試着対象者をWebカメラで撮影、または画像ファイルをアップロード。長辺 1920px に自動リサイズして処理。

カタログ属性管理

色・サイズ・カテゴリーをAdmin UIで定義・管理。カテゴリー別にAIプロンプトをカスタマイズ可能。

試着ギャラリー

AI試着結果を閲覧/ダウンロード/削除。過去の試着履歴を一覧で確認できます。

マネキンモデル管理

素体マネキン画像を一元管理。表示順の変更にも対応し、カタログ作成の基盤となります。

試着モデル作成

マネキン + パーツセットからAIが着付けた試着モデルを生成。または既存画像を直接アップロード可能。

3 ステップAI試着フロー

選んで、撮って、試着する簡単ステップ

試着モデルを選択し、撮影画像と合成してリアルな試着イメージを生成。

1

試着モデル選択

カタログから試着したい着物を選択。色・サイズ・カテゴリーでフィルタリングして、好みのモデルを見つけられます。

2

撮影

試着対象者をWebカメラで撮影、または画像ファイルをアップロード。撮影画像は自動的に最適なサイズにリサイズされます。

3

AI試着・ギャラリー

撮影画像 + 試着モデルをGemini AIに送信し、試着イメージを生成。結果はギャラリーで閲覧・ダウンロード可能で

着物AI合成

着姿画像に対し、背面/左衽/右袖/左袖/帯/袴 の各着物画像を送信し最終AI合成。

3

ギャラリー

最終AI合成画像を閲覧・ダウンロードできます。

技術概要 Tech Stack

Gemini × Firebase × Vue 3 + Vite

Node.js 20 / TypeScript / Vue 3 + Vite。外部 SDK は @google/genai v1.34.0, Firebase v10.14.1 を利用。

Storage: mannequin-models / trial-models / catalog-results
Firestore: trialModels / catalogAttributes / catalogCompositionResults

API 送信

撮影画像 + 試着モデル画像を Gemini へ送信。AIが自然な試着イメージを生成し、レスポンスを UI に表示。

カテゴリ別プロンプト

カテゴリー別にAI生成プロンプトを Firestore で管理。未設定時は catalog-prompt.ts のデフォルトを利用。

セキュリティ

Firebase Auth ロール判定で管理機能を制御。マネキンモデルは全ユーザー共有、試着モデルはユーザー別管理。

UI 体験

フィルタリング、撮影、試着、ギャラリー閲覧を直感的な UI で統合。調整プロンプトは LocalStorage で自動保存。

料金プラン

月額利用料+従量課金制

月額利用料:¥30,000(予定)
従量課金制:AI合成リクエスト毎に¥50〜

お申し込み

只今申し込み制で受け付けております。
フォームに必要事項をご記入し、返信をお待ち下さい。