━━━━━━━━━━━━━━━━━━━━━━━━━ ⚠️ ご購入前に必ずお読みください ━━━━━━━━━━━━━━━━━━━━━━━━━ 本商品は「すぐ使えるアプリ」ではなく、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 のメッセージ機能でお気軽にどうぞ - バグ報告・改善要望も歓迎です