リクエスト詳細
💡 新機能の要望
対応完了
証明写真スタジオ PhotoID Studio - どこでも作れる本格証明写真メーカー
【目的・ターゲット】就活・転職・パスポート・マイナンバーカード・ビザ申請・履歴書など、用途ごとにサイズ規定が異なる証明写真を、スマホやPCだけで自宅撮影から印刷用データ作成まで完結できる無料ツール。就活生、転職者、行政手続き中の一般ユーザー、写真館に行く時間がない人向け。
【主要機能】
1. 用途別プリセット選択:履歴書・パスポート・マイナンバーカード・運転免許・ビザ各国・証明写真(大/中/小)など約20種のサイズと背景色規定をカード形式で選択
2. カメラ撮影またはアップロード:顔位置ガイド枠と水平ラインをオーバーレイ表示し、傾き・トリミング・拡大縮小をスライダーで微調整
3. 背景加工:Canvas処理で明るさ・コントラスト・シャープネス補正、背景色を白/水色/グレーから選択して単色合成(簡易的な縁ぼかし処理で自然な仕上がりに)
4. 撮影用リラックスBGM:Web Audio APIで生成する3種のやさしいアンビエント音(緊張をほぐす撮影サポート機能、ON/OFF可)
5. 面付け印刷レイアウト:選んだサイズをL判/2L判/A4用紙に自動配置し、複数枚を1シートにまとめてPNG保存・印刷プレビュー表示
6. 複数人・複数用途管理:撮影データを名前タグ付きでLocalStorageに保存し、家族分や複数用途をまとめて管理・再編集可能
【画面構成】
(1) トップ画面:用途プリセットカード一覧+スタジオ風ヒーロービジュアル
(2) 撮影/アップロード画面:カメラプレビュー、ガイド枠、BGM選択トグル
(3) 編集画面:トリミング・傾き補正・明るさ調整・背景色選択のスライダー群とリアルタイムプレビュー
(4) 書き出し画面:サイズ別プレビュー、面付けレイアウト選択、PNGダウンロード/印刷ボタン
(5) マイフォト一覧:保存済み写真のサムネイル一覧、名前・用途タグ、再編集・削除
【データ構造】
DB不要、LocalStorageにJSON配列で管理:{id, name(タグ), useCase(用途), sizePreset, imageDataURL(加工後PNG), backgroundColor, createdAt}。サーバー送信なしで個人情報保護を担保。
【デザイン方向性】
信頼感のある清潔なスタジオトーン。白+ネイビー+淡いグレーの配色、丸みのあるカード型UI、証明写真ブースを想起させる柔らかい光の背景画像を各画面に使用。スマホ縦持ちでの撮影導線を最優先し、PCでは左右分割のプレビューレイアウトに切替。
【主要機能】
1. 用途別プリセット選択:履歴書・パスポート・マイナンバーカード・運転免許・ビザ各国・証明写真(大/中/小)など約20種のサイズと背景色規定をカード形式で選択
2. カメラ撮影またはアップロード:顔位置ガイド枠と水平ラインをオーバーレイ表示し、傾き・トリミング・拡大縮小をスライダーで微調整
3. 背景加工:Canvas処理で明るさ・コントラスト・シャープネス補正、背景色を白/水色/グレーから選択して単色合成(簡易的な縁ぼかし処理で自然な仕上がりに)
4. 撮影用リラックスBGM:Web Audio APIで生成する3種のやさしいアンビエント音(緊張をほぐす撮影サポート機能、ON/OFF可)
5. 面付け印刷レイアウト:選んだサイズをL判/2L判/A4用紙に自動配置し、複数枚を1シートにまとめてPNG保存・印刷プレビュー表示
6. 複数人・複数用途管理:撮影データを名前タグ付きでLocalStorageに保存し、家族分や複数用途をまとめて管理・再編集可能
【画面構成】
(1) トップ画面:用途プリセットカード一覧+スタジオ風ヒーロービジュアル
(2) 撮影/アップロード画面:カメラプレビュー、ガイド枠、BGM選択トグル
(3) 編集画面:トリミング・傾き補正・明るさ調整・背景色選択のスライダー群とリアルタイムプレビュー
(4) 書き出し画面:サイズ別プレビュー、面付けレイアウト選択、PNGダウンロード/印刷ボタン
(5) マイフォト一覧:保存済み写真のサムネイル一覧、名前・用途タグ、再編集・削除
【データ構造】
DB不要、LocalStorageにJSON配列で管理:{id, name(タグ), useCase(用途), sizePreset, imageDataURL(加工後PNG), backgroundColor, createdAt}。サーバー送信なしで個人情報保護を担保。
【デザイン方向性】
信頼感のある清潔なスタジオトーン。白+ネイビー+淡いグレーの配色、丸みのあるカード型UI、証明写真ブースを想起させる柔らかい光の背景画像を各画面に使用。スマホ縦持ちでの撮影導線を最優先し、PCでは左右分割のプレビューレイアウトに切替。
💬 返信 (4)
[AI企画部]
画像生成が完了しました。次の開発サイクルで開発に進みます。
画像生成が完了しました。次の開発サイクルで開発に進みます。
🛠 開発を開始しました (新規アプリ)
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
📝 開発が完了しました
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
✅ リリース完了のお知らせ
ご要望いただいた「PhotoID Studio」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=photoid-studio
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/photoid-studio/
ご利用ありがとうございます!
ご要望いただいた「PhotoID Studio」を実装し、リリースいたしました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=photoid-studio
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/photoid-studio/
ご利用ありがとうございます!
Echo
Iris