写真共有ルーム|研修・ワークショップ向けファイル回収アプリ(QRコード対応・買い切りソース・AI改造プロンプト10種付き)
- ダウンロード商品¥ 4,500






# 写真共有ルーム|研修・ワークショップ向けファイル回収アプリ(QRコード対応・買い切りソース) Training File Collection App / QR Code File Upload App --- ## これは何か 写真共有ルームは、研修・ワークショップ・社内イベント向けのファイル回収アプリです。 受講者はログイン不要でQRコードから参加し、写真・ワークシート・発表資料・ホワイトボード画像などをスマホから投稿できます。 買い切り型のNext.js / TypeScriptソースコードで、保存先は管理者側のGoogle Driveです。 --- ## こんな課題向けです - LINEグループだと社外参加者を入れにくい - Google Drive共有はGoogleアカウントの案内が面倒 - メール添付では容量制限に引っかかる - SlackやTeamsだと業務連絡に埋もれる - ファイル名がバラバラで誰が何を出したか分からない - 研修終了後の整理に時間がかかる 研修中の回収は、内容よりも導線の軽さが大事。このアプリは、参加者にアプリインストールやアカウント作成を求めず、QRコードだけで集める仕組みに特化しています。 --- ## 商品概要 | 項目 | 内容 | |---|---| | 商品名 | 写真共有ルーム | | 主な用途 | 写真共有、ワークシート回収、発表資料回収、ホワイトボード画像保存、グループワーク成果物回収 | | 対象 | 企業研修、ワークショップ、社内イベント、学校・講座 | | 参加者側 | ログイン不要、QRコード読み取り、表示名入力のみ | | 管理者側 | ルーム作成、期限設定、QR発行、投稿確認、一括ダウンロード、投稿削除 | | 保存先 | お客様自身のGoogle Drive | | 提供形態 | 買い切り型ソースコード | | 技術構成 | Next.js / TypeScript / Vercel対応 | --- ## 主な機能 - **QRコード参加** 受講者はQRコードから一発で投稿画面へ - **ログイン不要** アカウント作成・アプリインストール不要 - **表示名入力** 投稿者の識別は表示名のみ - **写真投稿** スマホで撮影してそのまま投稿 - **ファイル投稿** ワークシート、発表資料、PDFを添付 - **ルーム管理** 研修ごと・チームごとに分離 - **期限設定** 投稿受付期限を設定 - **投稿確認** 管理画面で誰が何を投稿したか確認 - **一括ダウンロード** 全投稿をまとめてダウンロード - **投稿削除** 不要な投稿を管理者が削除 - **Google Drive保存** 保存先は管理者側のGoogle Drive --- ## LINE・Google Drive・メールとの違い | 方法 | よくある課題 | 本アプリの違い | |---|---|---| | LINEアルバム | グループ参加が必要、社外参加者には使いにくい | QRで参加、研修用ルームで分離 | | Google Drive共有 | アカウント・共有権限の案内が必要 | ログイン不要、保存先は管理者Drive | | メール添付 | 容量制限、受信整理が大変 | ルーム単位で集まり一括DL | | Slack / Teams | 業務連絡に埋もれる、社外参加者が使いにくい | 研修・WS単位で独立した投稿ルーム | 写真共有ルームは、日常チャットやストレージの代替ではなく、短期間の研修・イベントで提出物を集める場面に特化しています。 --- ## 購入前にご確認ください すぐにログインして使える月額SaaSではなく、Next.js / TypeScriptで構築された **ソースコード一式** です。購入後、ご自身または支援者側でVercel等にデプロイして利用する想定です。 **セットアップに必要なもの** - Vercelへのデプロイ - Google Cloud / Google Drive APIの設定 - 環境変数の設定 - Google Drive保存先の準備 **向いている方** - Vercel等へのデプロイ経験がある - Google Cloud ConsoleでAPI設定をしたことがある - Claude Code / Cursor / ChatGPT などのAIコーディングツールで改修したい コードやクラウド設定にまったく触れたことがない方には、月額プランや個別導入支援が向いています。 --- ## AI改造プロンプト10種付き Claude Code / Cursor / ChatGPT に貼って使える改造プロンプト10種を同梱しています。 - 投稿画面の項目追加(メールアドレス、所属など) - ファイル形式の制限(PDFのみ等) - ルームのカスタムロゴ・テーマ - 期限到達時の自動通知 - 投稿時の自動メール通知 - ダウンロード形式の変更(ZIP/フォルダ別) - 多言語対応 - 認証ルーム(パスコード入室) - BIツール連携用エクスポート - 投稿モデレーション機能 --- ## 同梱物・動作環境 **同梱物**: ソースコード一式 / セットアップ手順書 / AI改造プロンプト10種 / ライセンス文書 / README **動作環境**: Node.js 20以上 / Next.js(App Router)+ TypeScript + Tailwind CSS / 管理者のGoogle Drive保存 / Vercel推奨 / Chrome・Edge・Safari・Firefox(PC・スマホ) --- ## 価格・ライセンス 買い切り型のため月額利用料はかかりません(Vercel等のホスティング費用を除く)。 購入者の個人・自社利用のためのカスタマイズは自由です。そのままの再配布・再販売は禁止です。 --- ## サポート カスタマイズや導入のご相談は、noteのクリエイターサポート、またはBOOTHメッセージからお問い合わせください。 ※本商品は買い切り型ソースコードのため、個別環境でのすべての設定・改修を保証するものではありません。 --- ## よくある質問 **Q. 研修中のワークシートや発表資料の回収に使えますか?** はい。チームごと・会場ごと・用途ごとにルームを分けられ、QRコードから一発投稿できます。 **Q. Google Drive共有との違いは?** Google Drive共有はアカウント案内が必要なことがあります。本アプリはログイン不要、保存先は管理者のGoogle Driveです。 **Q. LINEアルバムとの違いは?** LINEグループを作る必要がなく、社外メンバー・一時参加者にも使いやすい。研修ごとにルームを切ります。 **Q. 参加者はログインやインストール必要ですか?** いいえ。QRコードを読み取って表示名を入力するだけです。 **Q. 保存先は?** お客様自身のGoogle Driveに保存します。 **Q. すぐ使えるSaaSですか?** いいえ。Vercel、Google Cloud、Google Drive APIの設定が必要です。 **Q. AIで改修できますか?** はい。AI改造プロンプト10種を同梱しています。 **Q. 海外向けには?** Training File Collection App、QR Code File Upload App などの表現が近いです。 **Q. どんな用途には向いていませんか?** 長期的なファイル保管、複雑な承認ワークフロー、大容量ストレージ代替、全社ポータル代替には向いていません。 --- ## English summary Photo Sharing Room is a file collection app for training sessions, workshops, and corporate events. Participants can join via QR code without logging in or installing any app, and submit photos, worksheets, presentation materials, and whiteboard images from their smartphones. Administrators can manage rooms by event or team, set deadlines, review submissions, and bulk download files. Submissions are stored in the administrator's own Google Drive. It is provided as a buyout Next.js / TypeScript source code template and can be customized with AI coding tools (Claude Code, Cursor, ChatGPT). Runs on Vercel.
同梱内容と特徴
■ 同梱物 ・ Next.js プロジェクト一式(app / components / lib / public) ・ README.md(セットアップ手順:Node.js / Google Cloud / Vercelデプロイまで) ・ SPECS.md(API仕様・データ構造・Driveフォルダ構造) ・ CLAUDE.md(AI改造ガイド:触ってよい場所/触らない方がよい場所) ・ プロンプト10種(配色変更・ブランド差し替え・通知連携・認証追加 等) ・ ライセンス.txt ・ .env.local.example ■ 機能 ・ ルーム作成/QR発行/有効期限設定/削除 ・ スマホからの撮影投稿(カメラ起動→回転→トリミング→サーバー側で自動補正) ・ 管理画面のリアルタイムギャラリー(3秒ポーリング) ・ 写真の回転/拡大/削除 ・ チーム名フィルタ ■ 必要なもの(購入後にご自身でご用意ください) ・ Node.js 20 以上 ・ Google Cloud のサービスアカウント(無料) ・ Google Drive(共有ドライブまたはマイドライブ) ・ Vercelアカウント(無料) ■ 注意事項 ・ ライブデモは提供していません(ご自身のGoogle Drive鍵でローカル/Vercel起動が必要) ・ 動作画面は画像でご確認ください ・ 個人・自社利用OK/そのままの再配布・再販売はNG(詳しくは ライセンス.txt) ■ 同梱プロンプト10種(AIに貼るだけで安全に改造) 01. 配色を変える — テーマカラーを一括置換 02. 自社ブランドを反映する — ロゴ/サービス名/フッター差し替え 03. 有効期限を変える — 30分/12時間などプリセット追加 04. 投稿フォームを変える — 「チーム名」を別項目へ、コメント欄追加など 05. 画像処理を変える — 圧縮品質/最大幅/明度補正の調整 06. リアルタイム性を変える — 自動更新間隔(3秒→任意) 07. QRコードのデザインを変える — 色/サイズ/中央ロゴ/印刷用A4化 08. 通知連携を追加する — Slack/Discord/メールへWebhook通知 09. 認証を追加する — 管理画面にパスワード/Google OAuth 10. デザイン全体を作り直す — ガラスモーフィズム/ダークモード等の全面リニューアル 各プロンプトは「AIに渡すテンプレ文+技術的な補足」のセットです。Claude/Cursorに貼るだけで、コードを壊しにくい改修ガイドラインに沿って提案・実装が進みます。





