研修管理アプリ v1.0 | Google Drive連携・QRコードで参加できる研修課題管理プラットフォーム(Next.js / Vercel ソース一式)
- ダウンロード商品¥ 12,800










━━━━━━━━━━━━━━━━━━━━━━━━━ ⚠️ ご購入前に必ずお読みください ━━━━━━━━━━━━━━━━━━━━━━━━━ 本商品は「すぐ使えるアプリ」ではなく、Next.js / TypeScript で構築されたWebアプリの【ソースコード一式】の納品です。お客様自身(またはエンジニア/AIアシスタント)でデプロイ・セットアップが必要です。 【動作に必要なもの】 ・ホスティング: Vercel Pro($20/月、商用利用時は必須)または同等のNode.js環境 ・ストレージ: Google Drive(サービスアカウント設定が必要) ・開発環境: Node.js 20+ / npm(ローカル動作確認用) 【セットアップに必要なスキル】 ✅ エンジニア(Next.js / Vercel / Google Cloud の基礎知識) ✅ Claude Code / Cursor などAIアシスタントを使える方(同梱のSETUP.mdをAIに渡せばセットアップ可能) ❌ プログラミング未経験でAIアシスタントも使われない方には推奨しません 【セットアップ時間の目安】 ・エンジニアの方:30分〜1時間 ・AIアシスタント併用:1〜2時間 ソースコードは改変自由です。同梱のAIカスタマイズ用プロンプトで業種別カスタマイズも可能です。 ━━━━━━━━━━━━━━━━━━━━━━━━━ 🎁 購入前に「無料お試し」できます ━━━━━━━━━━━━━━━━━━━━━━━━━ 実際の管理画面・受講者画面を、メールアドレス登録だけで7日間体験できます。クレジットカード登録・本人確認は不要です。 ▶ 体験版ポータル: https://js-portal-sample.vercel.app ▶ 詳しい紹介記事: https://note.com/hitoshikumi/n/nf18080e6ffb4 「思っていたものと違った」を防ぐため、まずは触ってみてからの購入をおすすめします。 ━━━━━━━━━━━━━━━━━━━━━━━━━ ## 研修課題管理アプリ v1.0 研修・社員教育を運営する企業・講師向けの **完成済み Next.js アプリ** のソースコード一式です。 QRコードで受講生が即参加でき、資料ダウンロード、課題提出・連絡事項・チーム掲示板・提出ファイル管理がまるごと回せます。 データは Google Drive 上に保存するので、追加のDB契約なしですぐ運用開始できます。 クライアントの事務局様も参加できます。受講生は、メンションで事務局への質問も可能です。 事務局と受講生、受講生同士で個人の連絡先を使わないので安心です。 --- ### こんな方におすすめ - 研修事業を運営しているが、毎回スプレッドシート+メールでバラバラに管理して困っている - 受講生にスマホ・PCどちらからでも参加できる、シンプルな研修ポータルが欲しい - セキュリティ的にDBサービスに頼りたくない/自社のGoogle Driveで完結させたい - ノーコードSaaSの月額に縛られたくない(自分のVercelに置きたい) --- ### 主な機能(管理者) - ルーム作成(企業 / 研修 / 期間 単位で自動的にDriveフォルダを生成) - 課題の作成・編集(チーム課題 / 個人課題、提出形式、締切) - 連絡事項の投稿(重要連絡をピン留め可能) - 提出物の一覧表示・ファイルダウンロード - 受講生の参加状況確認 - QRコード表示(プロジェクター投影用) - 企業ごとの管理者(オーナー / 講師 / 事務局)アカウント管理 ### 主な機能(受講生) - QRコード or URLでルーム入場 - チーム選択 → 名前入力 → 合言葉でログイン - 自分の課題一覧・提出 - 連絡事項の閲覧 - チーム掲示板でのコメント・ファイル共有 --- ### 技術スタック - Next.js 16 (App Router) / React 19 / TypeScript / Tailwind CSS v4 - Google Drive API + Google Sheets API - iron-session(管理者・受講生の2層認証) - Vercel での本番運用想定 --- ### 同梱物 - ソースコード一式(`source/` 配下) - セットアップ手順.md(Google Cloud設定 → Vercel デプロイまでの30〜60分手順書) - 改造プロンプト10種.md(AIに投げるだけでカスタマイズできるプロンプト集) - .env.local.example(環境変数のテンプレート) ### 動作確認済み環境 - Node.js 20+ - Vercel Hobby / Pro 両対応(10MB超のファイルを扱う場合は Pro 推奨) --- ### 必要なもの(ご購入後にご自身でご用意ください) - Googleアカウント(Drive + Cloud Console) - Vercelアカウント - ターミナル操作の基礎知識(Node.js / npm が動かせる程度) --- ### ライセンス - 商用利用OK / 改造OK - **再配布・転売NG** - 同梱の改造プロンプト10種を活用すれば、AI(Claude / ChatGPT / Cursor 等)でテーマカラー変更・Slack連携・LINE通知・自動採点などをご自身で追加できます --- ### サポート - セットアップ中の不明点は BOOTH のメッセージ機能でお気軽にどうぞ - バグ報告・改善要望も歓迎です









