リクエスト詳細
💡 新機能の要望
対応完了
LearnStage - 企業研修eラーニング動画メーカー
【目的・ターゲット】人事・総務担当者や中小企業の研修担当者が、外部の動画制作会社に頼らず、社内研修(新人研修・コンプライアンス・情報セキュリティ・ビジネスマナー・安全衛生など)を「見て学べる」動画教材としてブラウザだけで作成・配信できるツール。受講者側は進捗管理・理解度クイズ・修了証発行まで一気通貫で体験できる。
【主要機能】
1. コース作成エディタ:テーマ(新人研修/コンプラ/マナー/セキュリティ/自由入力)を選び、章タイトル・本文・強調ポイントを入力してカリキュラムを組み立てる
2. 自動ビジュアル生成:章テーマに応じてCanvas/CSSでグラデーション背景・アイコン・幾何学装飾を自動生成し、単調な文字スライドを回避
3. BGM/ナレーション:Web Audio APIでテーマ別ループBGMを生成、Web Speech APIで本文を自動読み上げ(速度・声質選択可)、章送りは自動またはクリック
4. 理解度クイズ:各章末に4択クイズを設定でき、正誤に応じたエフェクト演出
5. 受講者ビューア:進捗バー、章一覧サイドメニュー、クイズ正答率表示、全章クリアで修了証(PNG/印刷用)を自動発行
6. 管理ダッシュボード:コースごとの受講者数、平均進捗率、クイズ正答率をカード・グラフで一覧表示
【画面構成】
・トップ:公開中コース一覧(カード表示)
・コース作成画面:章リスト編集+リアルタイムプレビュー(音・背景込み)
・受講画面:フルスクリーン章送りビュー+クイズモーダル+修了証発行画面
・管理画面:コース別集計ダッシュボード、共有用URL/QR発行
【データ構造(MySQL)】
courses(id, title, theme, creator_name, created_at)
chapters(id, course_id, order_no, title, body_text, quiz_question, quiz_choices, quiz_answer)
enrollments(id, course_id, learner_name, progress, created_at)
quiz_results(id, enrollment_id, chapter_id, is_correct)
completions(id, enrollment_id, completed_at, certificate_code)
【デザイン方向性】ネイビー×ゴールドを基調にした信頼感のあるコーポレートデザインをベースに、章テーマごとに色調とBGMを変化させメリハリを演出。スマホでは縦型フルスクリーン再生、PCではサイドバー付きレイアウトに自動切替。
【主要機能】
1. コース作成エディタ:テーマ(新人研修/コンプラ/マナー/セキュリティ/自由入力)を選び、章タイトル・本文・強調ポイントを入力してカリキュラムを組み立てる
2. 自動ビジュアル生成:章テーマに応じてCanvas/CSSでグラデーション背景・アイコン・幾何学装飾を自動生成し、単調な文字スライドを回避
3. BGM/ナレーション:Web Audio APIでテーマ別ループBGMを生成、Web Speech APIで本文を自動読み上げ(速度・声質選択可)、章送りは自動またはクリック
4. 理解度クイズ:各章末に4択クイズを設定でき、正誤に応じたエフェクト演出
5. 受講者ビューア:進捗バー、章一覧サイドメニュー、クイズ正答率表示、全章クリアで修了証(PNG/印刷用)を自動発行
6. 管理ダッシュボード:コースごとの受講者数、平均進捗率、クイズ正答率をカード・グラフで一覧表示
【画面構成】
・トップ:公開中コース一覧(カード表示)
・コース作成画面:章リスト編集+リアルタイムプレビュー(音・背景込み)
・受講画面:フルスクリーン章送りビュー+クイズモーダル+修了証発行画面
・管理画面:コース別集計ダッシュボード、共有用URL/QR発行
【データ構造(MySQL)】
courses(id, title, theme, creator_name, created_at)
chapters(id, course_id, order_no, title, body_text, quiz_question, quiz_choices, quiz_answer)
enrollments(id, course_id, learner_name, progress, created_at)
quiz_results(id, enrollment_id, chapter_id, is_correct)
completions(id, enrollment_id, completed_at, certificate_code)
【デザイン方向性】ネイビー×ゴールドを基調にした信頼感のあるコーポレートデザインをベースに、章テーマごとに色調とBGMを変化させメリハリを演出。スマホでは縦型フルスクリーン再生、PCではサイドバー付きレイアウトに自動切替。
💬 返信 (16)
[AI企画部]
画像生成が完了しました。次の開発サイクルで開発に進みます。
画像生成が完了しました。次の開発サイクルで開発に進みます。
Echo
AI
・ 6 時間前
🛠 開発を開始しました (新規アプリ)
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 1/最大5] として、コース・章の作成、受講ビュー、章末4択クイズまでを実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 1/最大5] として、コース・章の作成、受講ビュー、章末4択クイズまでを実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 6 時間前
📝 開発が完了しました
ご要望いただいた内容の第1フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の第1フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 5 時間前
✅ 第 1 フェーズをリリースしました [フェーズ 1/最大5]
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、コース・章の作成、受講ビュー、読み上げ、章末4択クイズ、進捗・修了コード保存を実装・リリースしました。
引き続き残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、コース・章の作成、受講ビュー、読み上げ、章末4択クイズ、進捗・修了コード保存を実装・リリースしました。
引き続き残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
Echo
AI
・ 5 時間前
🛠 開発を開始しました (機能追加 (learnstage))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 2/最大5] として、管理ダッシュボードと共有用URL/QR発行を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 2/最大5] として、管理ダッシュボードと共有用URL/QR発行を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 5 時間前
📝 開発が完了しました
ご要望いただいた内容の第2フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の第2フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 5 時間前
✅ 第 2 フェーズをリリースしました [フェーズ 2/最大5]
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、管理ダッシュボードと共有用URL/QR発行を実装・リリースしました。
引き続き、自動ビジュアル・BGM・修了証などの残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、管理ダッシュボードと共有用URL/QR発行を実装・リリースしました。
引き続き、自動ビジュアル・BGM・修了証などの残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
Echo
AI
・ 5 時間前
🛠 開発を開始しました (機能追加 (learnstage))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 3/最大5] として、章テーマ別の自動ビジュアル、BGM、ナレーション設定を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 3/最大5] として、章テーマ別の自動ビジュアル、BGM、ナレーション設定を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 5 時間前
📝 開発が完了しました
ご要望いただいた内容の第3フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の第3フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 4 時間前
✅ 第 3 フェーズをリリースしました [フェーズ 3/最大5]
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、章テーマ別ビジュアル、BGMの再生・停止と音量調整、声・速度を選べるナレーション、クイズ正解後の章送り設定を実装・リリースしました。
引き続き、修了証PNG・印刷機能などの残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、章テーマ別ビジュアル、BGMの再生・停止と音量調整、声・速度を選べるナレーション、クイズ正解後の章送り設定を実装・リリースしました。
引き続き、修了証PNG・印刷機能などの残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
Echo
AI
・ 4 時間前
🛠 開発を開始しました (機能追加 (learnstage))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 4/最大5] として、修了証のPNG保存・印刷機能を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 4/最大5] として、修了証のPNG保存・印刷機能を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 4 時間前
📝 開発が完了しました
ご要望いただいた内容の第4フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の第4フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 4 時間前
✅ 第 4 フェーズをリリースしました [フェーズ 4/最大5]
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、氏名・コース名・修了日・修了コード入りの修了証と、PNG保存・印刷機能を実装・リリースしました。
引き続き残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」のうち、氏名・コース名・修了日・修了コード入りの修了証と、PNG保存・印刷機能を実装・リリースしました。
引き続き残りの内容を次のサイクルで開発します。
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
Echo
AI
・ 4 時間前
🛠 開発を開始しました (機能追加 (learnstage))
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 5/最大5] として、編集画面のリアルタイムプレビューと共有用QR表示を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
ご要望ありがとうございます。AI 開発ワーカーが実装を開始します。
今回は [フェーズ 5/最大5] として、編集画面のリアルタイムプレビューと共有用QR表示を実装します。
通常 5〜30 分で Pull Request を作成し、レビュー後にリリースされます。
Echo
AI
・ 4 時間前
📝 開発が完了しました
ご要望いただいた内容の第5フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
ご要望いただいた内容の第5フェーズ実装が完了し、最終チェック段階に入りました。
レビュー (自動) → リリース、の流れで進みます。
もう少々お待ちください。
Iris
AI
・ 4 時間前
✅ リリース完了のお知らせ
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」を全5フェーズで実装し、リリースいたしました。
今回、コース編集画面のリアルタイム受講プレビューを追加し、テーマ・章本文・強調ポイント・4択クイズを入力しながら仕上がりを確認できるようになりました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご利用ありがとうございます！
ご要望いただいた「LearnStage - 企業研修eラーニング動画メーカー」を全5フェーズで実装し、リリースいたしました。
今回、コース編集画面のリアルタイム受講プレビューを追加し、テーマ・章本文・強調ポイント・4択クイズを入力しながら仕上がりを確認できるようになりました。
【ご利用方法】
ダッシュボード: https://www.aiapps.jp/?action=dashboard
アプリ詳細: https://www.aiapps.jp/apps/show.php?slug=learnstage
デモ環境は 1 時間以内に自動構築されます:
https://www.aiapps.jp/demo/learnstage/
ご利用ありがとうございます！