制作事例会員制の学習サイト ／ 研修・教育
研修の会社の、会員制の学習サイト
受講と進み具合を、一覧で
実際に作って、本番で動いているサイトの事例です。運営する会社の名前・サービスの名前・サイトのURLは伏せています。絵と会話は、内容に合わせたイメージです。
担当者受講の記録を、紙と表で追うのは限界かも「研修の動画を、会員の方だけが見られる場所で配りたい。誰がどこまで進んだかも、分かるようにしたい」
研修の会社の、会員制の学習サイトを一から作った事例です。
講座をコース・セクション・レッスンの3つの段に分け、受講者は前回止めたあたりから続きを見られる形にしました。再生した位置を記録して、会社の管理者が、自分の会社の受講者ごとの進み具合を一覧で見られるようにしています。サイトは、2026年10月の時点で本番で動いています。
実際に作って、本番で動いているサイトの事例です（2026年10月時点）。運営する会社の名前・サービスの名前・サイトのURLは伏せています。
こんなお悩みはありませんか
- 研修の動画を、会員の方だけに見てもらいたい
- 誰がどこまで進んだかを、紙や表で追っていて手間がかかる
- 会社ごとに、受講する人と人数を分けて管理したい
担当者どの会社の誰が、どこまで見たんだろう…今回作ったもの
動画でもご覧いただけます（音声が出ます）。
講座を、3つの段に分けて並べる
担当者講座が増えても、迷わない形にしたいアオイコース・セクション・レッスンの3段に分けます講座は、コース・セクション・レッスンの3つの段に分けて並べています。動画が中心の講座です。運営する側は、会社ごとに受講できるコースを決められます。会社の画面がどう見えるかを、運営する側から確かめる機能も入れました。
受講者は、前回止めたあたりから続きを
動画を再生している間に、30秒ほどごとに、止めた位置と、最も先まで再生した位置を、別々に保存しています。次は、前回止めたあたりから再生できます。巻き戻して見直しても、最も先まで再生した位置の記録は減らない作りです。動画の再生が最後まで届くと、そのレッスンが完了扱いになります。スマホの画面の幅に合わせて、表示を切り替える作りにしています。
進み具合を、一覧で見る
レッスンの完了の数から、コースの進み具合を割合で出しています。会社の管理者は、自分の会社の受講者ごとの進み具合を一覧で見られます。運営する側は、会社ごとの様子も見られます。
受講者の招待と、人数の上限
会社の管理者が、受講者を1人ずつ、または一覧のファイルでまとめて招待できます。会社ごとに受講できる人数の上限を決めておき、上限を超える招待を防ぐ仕組みを入れました。使う人の役割は、運営する側・会社の管理者・受講者に分けています。
サイトは、画面も仕組みも一から作りました。修了証の発行や受講の記録の書き出し、オンラインでの支払いは、次の段階の候補として残しています。
こんな方に
- 研修や講座の動画を、会員の方だけに配りたい
- 受講者ごとの進み具合を、紙や表ではなく画面で見たい
- 会社や団体ごとに、受講する人を分けて管理したい
関係する記事
- WordPress・Shopify・一から作る、どう選ぶ？（よくあるご相談）
- 完成イメージを先に見ると「思っていたものと違う」を減らしやすい理由（よくあるご相談）
よくあるご質問
受講者は、どこから見ればいいか迷いませんか？
今回のサイトでは、講座を「コース・セクション・レッスン」の3つの段に分けて並べています。受講者は自分に開かれているコースだけを見る形で、途中で止めたレッスンは、前回止めたあたりから続きを再生できます。
進み具合は、どうやって記録していますか？
動画を再生している間に、30秒ほどごとに、止めた位置と、最も先まで再生した位置を、別々に保存しています。巻き戻して見直しても、最も先まで再生した位置の記録は減らない作りです。動画の再生が最後まで届くと、そのレッスンが完了扱いになります。
会社ごとに、受講者を管理できますか？
できます。会社の管理者が、受講者を1人ずつ、または一覧のファイルでまとめて招待できます。会社ごとに受講できる人数の上限を決めておき、上限を超える招待を防ぐ仕組みを入れています。
修了証は出せますか？
今回のサイトでは、まだ作っていません。修了証の発行や受講の記録の書き出しは、次の段階の候補として残しています。何が必要かは、研修の使い方によって変わります。
スマホでも受講できますか？
スマホの画面の幅に合わせて、表示を切り替える作りにしています。すべての端末やブラウザで同じように動くとは限らないので、使う端末での確認が要ります。動画は前回止めたあたりから見られるので、少しずつ進めることもできます。
会員制のサイトや学習の仕組みを、LINEで相談しませんか
友だち追加のあと、5問の短いアンケートにお答えください（困りごと・お仕事のジャンル・今のホームページのURL・始めたい時期・ひとこと）。
いただいた内容をもとに、次のようなことをご案内します。
- 今の研修のやり方で、どこを画面に任せられそうか
- 受講者や会社の管理を、どう分けるとよいか
- 費用の目安を出すために、あと何を伺えばよいか
トークへのお返事は、担当の者がお送りします。15分の無料相談（オンライン）のご予約もできます。
学習サイトをLINEで相談するLINEを使わない方は、こちらから15分のオンライン相談を予約できます。