プロF会員サイト 仕様書・機能一覧
| 文書名 | プロF会員サイト 仕様書・機能一覧 |
|---|---|
| 版 | 第1版 |
| 作成日 | 2026-11-10 |
| 更新日 | 2026-11-12 |
| 対象 | プロF会員サイト テスト環境(社内呼称「AIコンテンツサイト」) |
| 表記 | ✅ 実装済み/🔵 作業中・確認待ち/⬜ 未実装(予定) |
0. スケジュール(初期リリースまで)
2026-11-11の打ち合わせを受けたスケジュール案です。第1フェーズと第2フェーズ(入力画面・講師/運営用ダッシュボード)を同時に初期リリースすることを目指します。日付は目標で、確約ではありません。
作業(ナツミ)作業(ナツミ以外)決定リリース
→ 表は横にスクロールできます(日付の行は固定)
12木
13金
14土
15日
16月
17火
18水
19木
20金
21土
22日
コアライブ(新サイトはまだ告知しない)全員
プロFのCloudflare・GitHubアカウント作成・ナツミの招待さおりさん
第1フェーズ実装(今のテストサイトで:エッセンシャル移設・AIコンテンツ・トップ・ロードマップ・スケジュール)ナツミ
入力項目の洗い出し・確定りささん
LINEログインの検証さおりさん
GitHubに非公開リポジトリ作成・コードをアップ(パスワード類・会員データは除外)→プロFのCloudflareアカウントへの引っ越し+LINEログインの実装(LINEログイン+メールの確認コード)ナツミ
保存先の比較(D1/スプレッドシート/VPS・費用試算込み)さおりさん
第2フェーズ実装(入力画面・講師/運営用ダッシュボード/D1に仮置き)ナツミ
正式な保存先の決定チーム
決定した保存先への差し替えナツミ
AIによる機械的なチェック(全ページの表示・権限ごとの見え方・データが混ざらないか・入力の異常値・修正後の再確認)ナツミ(AIで実施)
安全面の確認(個人データを扱うため公開前に)おっくん
操作テスト(実機のスマホでLINEログイン・メールのコード・iPhoneなど実機の表示・使い心地)さおりさん・りささん
修正・初期リリースナツミ
予備日
- 第1フェーズは今のテストサイトで整えてから、プロFのCloudflareアカウントへ引っ越します。記事や会員名簿などのデータは書き出して読み込み直し、件数が合っているかを確認します。引っ越し後は、全員一度ログインし直しになります。
- 引っ越しの最初に、コードをプロFのGitHub(非公開)にアップし、そこからプロFのCloudflareへデプロイします。アップ前に、パスワード類の設定ファイルや会員データが含まれていないかを確認します。
- LINEログインはLINE側の設定でサイトのアドレスを登録するため、引っ越し後の新しいアカウント上で実装します。
- 実装中はCloudflare D1に仮置きで進めます。仮置き中に入るのはテスト用のデータだけなので、保存先が別に決まった場合も、データの引っ越しではなく保存する部分の差し替えで対応します(D1に決まった場合は差し替え不要)。
- 入力項目は11/13に確定し、第2フェーズの実装(11/14〜)に使います。保存先は11/16に決定し、11/17に差し替えます。公開前の安全面の確認と操作テストは、それぞれ2日ずつ取っています。
- テストは2段階で行います。11/17にAIで機械的なチェック(全ページ・権限ごとの見え方・データが混ざらないか等)を先に済ませ、11/18〜19の操作テストでは、人にしか確認できないこと(実機のスマホでのLINEログイン、メールのコードが届くか、使い心地)に集中します。
- 11/12のコアライブでは、新サイトのリリースはまだ告知しません。
- 講師・運営用ダッシュボードは第2フェーズに含みます。表示する項目は、入力項目の洗い出し(〜11/16)と合わせて決めます。
1. 概要
1.1 目的とゴール
- 目的:プロF生が、AIコンテンツ・マーケティングのエッセンシャルコンテンツ・過去セミナーなどの記事・動画・プロンプト・宿題を、1か所で、自分の見られる範囲だけ閲覧できる会員サイトとする
- 目的:見たもの・まだ見ていないもの・自分の現在地(6ステップのロードマップ)が分かり、学習が続く形とする
- 目的:質問をサイトに集約し、回答ボットと質問フォームで解決できるようにする(1.3)
- 目的:学習状況とビジネス成果の関連などを分析し、受講生のフォローと不足コンテンツの発見に活かす(6.4のメモ⑤)
- 目的:外部の会員サイトサービスは用いない
- 対象:プロF生全員(AI講座の受講生に限らない)
- ゴール:段階的に構築し(1.3)、テスト環境での確認を経て、プロFのCloudflareアカウントで公開する(0章・12章)
- ゴール:将来的に、現在分散している既存のコンテンツサイトも会員サイトに集約する(13.5)
1.2 サイトの概要
- プロF会員が、グルコンの録画・記事・プロンプト・配布物・宿題を1か所で閲覧できる会員専用サイトである
- 会員ごとに、コース・入会時期・在籍状態に応じた範囲のコンテンツのみ表示する
- 6ステップのロードマップで現在地と次の行動を示し、宿題・バッジ・質問ボードで学習の継続を支援する
- 運営向けに、記事投稿、会員名簿、ダッシュボード、マスタ管理の画面を備える
- 全ページはログイン後のみ閲覧可であり、検索エンジンには掲載されない
1.3 段階的な構築
- 第1フェーズ:AIコンテンツ、マーケティングのエッセンシャルコンテンツ、トップページ・ロードマップ・スケジュール、基本的なログイン・閲覧機能
- 第2フェーズ:受講生が情報を入力する機能(セッション前の相談入力、ビジネスレビュー、グルコン・お部屋の質問入力)、セッション記録、学習・ビジネスデータの連携、講師・運営用ダッシュボード
- 第3フェーズ:回答ボット(プロF内の情報・コンテンツを参照して回答する。回答できない質問は質問フォームへ回す)
- 初期リリースまでの日程は0章のスケジュール案のとおりとする(目標であり、確約ではない)
1.4 コンテンツの方針
- トップページは単なるリンク集とせず、サイトの目的・全体像、サイトの使い方、何をどの順番で進めるか、AIを学ぶロードマップ、グルコン・実践会などのスケジュールが分かる構成とする
- AIコンテンツは、AI分野の変化が速いため、修正しやすいテキスト中心で提供する。操作実演など動画が必要な内容は、グルコン等で補う
- AIコンテンツは、初期リリース後の約1か月、グルコン等を実際に動かしながら内容を調整し、流動的な内容は後から差し替える
- マーケティングのコンテンツは、エッセンシャル領域を優先して収録・移設する。第1フェーズには、ITスキル、マインドアップ音声、右腕スキルは含めない
- 過去セミナーは見られるようにする。過去グルコンは必須のコンテンツにはしない
- コンテンツは、収録前にめぐみさんが内容を確認する
- 質問はサイトに集約する。まず回答ボットで解決し、解決しない場合は質問フォームへ回す。グルコンの質問もサイトから募集できるようにする
- サイト完成前のグルコン等のアーカイブは、一旦Notion等で提供する
2. 利用者と権限
2.1 会員(受講生)
- できること:自分の閲覧範囲のコンテンツ閲覧、検索、宿題提出、質問・コメント・いいね、マイページ設定
- できないこと:記事の作成、他人の投稿の削除、運営画面の利用
- 退会者・休会者:通常コンテンツのみ閲覧可。質問・コメント等の投稿は不可
2.2 講師
- できること:全公開コンテンツの閲覧、記事の作成・編集・公開、宿題へのフィードバック、質問への回答、不適切な投稿の削除
- 運営ダッシュボード、会員名簿、操作記録の閲覧が可能(閲覧のみ)
- Cloudflareやプログラムには直接触れず、記事・質問への回答・セッション記録などは管理画面から登録する
- 第2フェーズで、セッションの文字起こしと共通フォーマットの項目(チェックリスト)を、講師用の入力ページから登録する(6.2)
- できないこと:会員情報の変更、マスタ・バッジ・右腕AIの編集
2.3 運営サポート
- 講師の権限に加え、運営画面での会員の表示名・メールアドレスの変更、マスタ管理、バッジ・右腕AIの管理が可能
- 役割・在籍状態・コース・入会時期は名簿スプレッドシートで変更する(4.1)
2.4 管理者
- 運営サポートと同じ操作が可能である
- 役割(会員/講師/運営サポート/管理者)は名簿スプレッドシートで設定する(4.1)
3. ログインと会員名簿
3.1 会員名簿
- 会員名簿はGoogleスプレッドシートを正とする
- スプレッドシートから、毎朝1回の自動反映と、メニューの「今すぐ反映」による即時反映が可能である
- 反映結果は名簿の「反映ログ」シートに記録される
- 会員IDはサイトが自動採番し、名簿に書き戻す
- 名簿から削除された会員は無効扱いとなり、ログインできなくなる
- 反映データに不備がある場合、または行数が急減した場合は、反映を行わず中止する
3.2 ログイン
- 決定した方式:LINEログイン+メールで送る確認コードの二段階方式とする(13.1)。会員が決めたパスワードは運営側で保持しない。ログイン状態は長めに保持する。LINEログインができない会員は、例外対応を検討する
- LINEログインのチャネル:さおりさんが作成する。LINEログインは、プロFのCloudflareアカウントへの移行後に実装する(0章)
- 現行の方式(テスト環境):登録メールアドレスに届く6桁コードの入力
- コードの有効期限は10分で、1回のみ使用可。誤入力5回で一時ロックされる
- ロボット対策の確認を行う
- 名簿にないメールアドレス、および無効の会員にはコードを送らない。画面上の案内文は名簿の有無によらず同一である
- ログイン状態は30日間保持され、在籍状態は毎回名簿に基づき確認される
3.3 メールアドレスの変更
- 会員はマイページから変更できる(新アドレスにコードを送付し、旧アドレスへ通知)
- 運営は運営画面から変更できる
- 変更はスプレッドシートにも反映され、履歴が運営画面に残る
3.4 コード送信の現状
- テスト環境のため、コードのメール送信は未設定である。名簿の「テスト」列にチェックを付けた会員のみ、コードを画面に表示してログインする 確認待ち
4. 会員区分と表示の切り替え
4.1 会員の区分
- 役割:会員(受講生)、講師、運営サポート、管理者の4種である(権限は2章)
- 在籍状態:在籍、休会、退会、無効(名簿から外れた状態)の4種である
- コース:通常コース、AI講座の2種である。1人が複数のコースに所属できる
- 入会時期:「2026-11」のように年月で管理する
- テスト会員:テスト環境で用いる区分である。名簿の「テスト」列にチェックを付けた会員は、ログインコードを画面に表示する(3.4)
- 区分の変更:役割・在籍状態・コース・入会時期・退会日・メモは名簿スプレッドシートで変更し、サイトへの反映で切り替わる
- 運営画面で変更できる会員情報は、表示名とメールアドレスである(運営サポート・管理者)
4.2 区分ごとに見えるもの・見えないもの
- 在籍:所属コースが見られるコンテンツ区分のうち、対象コースと入会時期の条件に合う記事・配布物・予定を見られる。質問・コメント・作品の公開ができる
- 休会・退会:通常コンテンツの区分のみ見られる。対象コースと入会時期の条件は、在籍時と同じに適用する。質問・コメントなどの投稿はできない
- 休会・退会の右腕AI:個別に付与されたもののみ見られる
- 退会者が見られる範囲(全期分か、在籍していた期の分のみか)の最終方針は未定である
- 無効:ログインできない。ログイン中の場合も、次のアクセスで失効する
- 講師・運営サポート・管理者:公開中のコンテンツをすべて見られる(対象コース・入会時期に関わらない)
- 範囲外のコンテンツは、一覧・検索・ダウンロード・スケジュールに表示されず、直接開いても「見つかりません」となる
- 運営画面への入口は、講師・運営サポート・管理者にのみ表示される
4.3 コンテンツ側の区分
- コンテンツ区分は、通常コンテンツ、通常グルコン、AIコンテンツ、AIグルコンの4種である
- コースごとに、見られるコンテンツ区分を設定する。設定は運営画面のマスタ管理で行う(運営サポート・管理者)
- 記事ごとに、区分(必須)、対象コース(未指定は全コース)、対象の入会時期(開始・終了。未指定は全期)、ステップ、ジャンルを設定する
4.4 表示・非表示を切り替えられるもの
- 記事の公開状態:下書き、公開、非公開から選ぶ。公開日時を先の日付にすると予約公開になる。会員に表示されるのは、公開で、かつ公開日時を過ぎたものである。切り替えは運営画面の記事編集画面で行う(講師・運営サポート・管理者)
- 右腕AI:公開・非公開を切り替える。対象コースと入会時期の設定、会員ごとの個別付与と解除もできる。運営画面の右腕AI管理で行う(運営サポート・管理者)
- ステップ・ジャンル・講師:非表示にできる。ジャンルは統合でき、統合元は非表示になる。運営画面のマスタ管理で行う(運営サポート・管理者)
- バッジ:非表示にでき、会員への手動付与・解除もできる。運営画面のバッジ管理で行う(運営サポート・管理者)
- 作品(宿題の提出物):「みんなの作品」への公開・非公開を、本人が切り替える。マイページの作品集で行う。公開への切り替えは在籍中の会員のみできる
- よくある質問まとめへの掲載:質問の詳細画面で行う(講師・運営サポート・管理者)
5. ページ一覧
5.1 会員向け
- ホーム(トップページ):第1フェーズで、目的・全体像、使い方、進める順番、AIを学ぶロードマップ、グルコン・実践会などのスケジュールが分かる構成に改める(1.4)。現行の表示項目は、お知らせ、次のグルコン、新着・未視聴の件数、ロードマップ(ステップ別のカリキュラム、残り本数、次にやること、途中まで見た動画の「続きから」)、おすすめ、みんなの作品
- ロードマップ:6ステップの現在地、各ステップの到達目標と記事
- コンテンツ:記事の一覧(グルコン/新しい順/ジャンル別)
- 記事ページ:動画、視聴状況(視聴済み・前回止めた位置)、目次、要点、文字起こし、配布物、プロンプト、宿題、コメント、前後の記事への移動(ロードマップに紐づく記事)
- 検索:記事のタイトル・要点・目次・講師・ステップ・ジャンル・宿題名・文字起こしの横断検索(エディタで作成した本文は対象外)
- はじめに:使い方、最初に見るもの、グルコンのスケジュール、素材
- ダウンロード:テンプレート・素材の置き場
- 右腕AI:プロFが配布するツールのリンクとプロンプト
- 質問ボード:質問・返信
- よくある質問まとめ:質問ボードから運営が選んだ質問と回答
- 回答ボットと質問フォーム(第3フェーズ):回答ボットで解決しない質問を質問フォームへ回す
- 入力ページ(第2フェーズ):セッション前の相談入力、ビジネスレビュー、グルコン・お部屋の質問入力
- みんなの作品:本人が公開した宿題の提出物の一覧
- マイページ:今日の予定、進捗、バッジ、宿題履歴、作品集、参加予定、自分の投稿、各種設定
- ログイン
5.2 講師・運営向け
- 運営ダッシュボード(講師は閲覧のみ)
- 記事一覧、記事の作成・編集
- 宿題のフィードバック
- 会員名簿(講師は閲覧のみ)
- マスタ管理
- バッジ管理
- 右腕AI管理
- 運営操作の記録
- セッション記録の入力ページ(第2フェーズ・講師)
6. 機能一覧
6.1 学ぶ
- 目的:自分の見られる範囲の録画・記事・プロンプト・配布物を、1か所で閲覧できるようにする
- 実装済み閲覧範囲の自動判定:コース・入会時期・在籍状態・コンテンツ区分(通常/AI、コンテンツ/グルコン)に基づき表示。範囲外のコンテンツは一覧・検索・ダウンロードに出ない
- 実装済みロードマップ(6ステップ、各ステップの到達目標、現在地表示)
- 実装済み記事の閲覧(メイン動画枠にVimeoプレイヤーを表示し、限定公開の動画にも対応。動画が未設定の記事は仮の枠を表示。目次、要点、文字起こし、配布物、プロンプトのコピー枠)
- 実装済み視聴済み・未視聴の管理(記事を開いた時点で視聴済みを自動記録、手動の付け外し)。視聴済みは記事を開いたことを示し、動画を最後まで見たことを示すものではない
- 実装済み動画の再生記録と続きからの再生(Vimeoプレイヤーの再生状況を自動記録。次に開いた時は前回止めた位置から始まる。自動再生はせず、最後まで見た動画は最初から。ホーム・マイページの「続きから」も同じ位置を用いる)
- 実装済み全体検索(記事のタイトル・要点・目次・ジャンル・文字起こしなど。エディタで作成した本文は対象外)
- 実装済みおすすめ表示、新着表示
- 実装済み右腕AI(コース・入会時期別の出し分け、個人への個別付与)
- 実装済みテンプレート・素材のダウンロード
- 実装済みグルコンのスケジュール表示、Googleカレンダーへの追加ボタン
- 実装済みスマートフォンのホーム画面への追加
- 未実装Googleカレンダーからの日程自動取り込み
- 未実装録画からの文字起こし・目次・下書き記事の自動作成
- 未実装トップページの改修(目的・全体像、使い方、進める順番、AIを学ぶロードマップ、グルコン・実践会のスケジュール)(第1フェーズ)
- 未実装AIコンテンツ(テキスト中心)とマーケティングのエッセンシャルコンテンツの掲載(第1フェーズ)
6.2 記録する
- 目的:見たもの・まだ見ていないもの・自分の現在地を把握でき、学習が続くようにする
- 実装済み宿題の提出(提出形式は宿題ごとに設定)と講師のひとことフィードバック
- 実装済み宿題履歴の表示
- 実装済みバッジ(入門・各マスター・回答数に応じたものなど。宿題提出で獲得、運営による手動付与・解除も可)
- 実装済みグルコンの参加ボタンと参加予定の一覧
- 実装済みロードマップの進み具合、連続して学習した日数の表示
- 実装済みマイページ(表示名、アイコン写真、メールアドレス、通知希望の設定)
- 未実装各回アンケートのサイト内実施
- 未実装リマインドメール、入会時のウェルカムメール(通知希望の設定項目のみ実装済み)
- 未実装セッション前の相談入力、ビジネスレビューの入力(第2フェーズ)
- 未実装セッション記録:講師が専用の入力ページから、セッションの文字起こしと共通フォーマットの項目(流入経路、主な悩み、目標、売上・ビジネス状況など)を登録し、データベースに反映する(第2フェーズ)
- 未実装学習データとビジネスデータの連携(受講生アカウントへの紐付け)(第2フェーズ)
6.3 交流する
- 目的:疑問を質問ボードで解決し、質問と回答を蓄積して他の会員も参照できるようにする
- 方針:質問はサイトに集約する。まず回答ボットで解決し、解決しない場合は質問フォームへ回す(1.4)
- 実装済み質問ボード:本文のみで投稿可。タイトル・ステップ・ジャンルは自動付与(投稿後に修正可)
- 実装済み質問ボード:「私も知りたい」、返信、「役に立った」、解決済み、別の質問として分離
- 実装済み講師・運営の回答には「講師」ラベルを表示
- 実装済み運営による「よくある質問まとめ」への掲載
- 実装済み記事へのコメント、いいね
- 実装済みみんなの作品(宿題提出物の公開は本人の選択制)
- 確認待ち作品の投票(コンテスト)と投票バッジ:確認待ちのため未着手
- 未実装グルコン・お部屋の質問入力(第2フェーズ)
- 未実装回答ボット:プロF内の情報・コンテンツを参照して回答し、回答できない質問は質問フォームへ回す(第3フェーズ)
- 未実装LINEによるリマインド送信(運用は未定。13.6)
6.4 運営する
- 目的:運営が会員の状況を把握し、記事・名簿・各種設定を画面から管理できるようにする
- 実装済み運営ダッシュボード:会員数、週間ログイン数、未ログインの会員、質問の未回答、宿題のフィードバック待ち、グルコンの参加率、宿題提出率、受講生ごとの視聴率(動画を再生した記事の割合)、新しい記事ごとの視聴済み人数
- 実装済みダッシュボードの内訳ページ(記事別、グルコン回別、宿題別、受講生別)
- 実装済み動画の再生状況の集計(記事別の視聴完了/●:●まで視聴/未視聴の人数と一覧、再生回数、平均到達%。受講生別の再生した記事・視聴完了の記事)
- 実装済み記事の作成・編集(画面上のエディタ、下書き・公開・非公開・予約公開、編集履歴、同時編集の競合検知。Vimeo欄にURLを貼ると動画IDと限定公開のハッシュに分けて保存)
- 実装済みマスタ管理(ステップ、ジャンル、コース、コンテンツ区分、講師)。ジャンルは名称変更・統合・非表示が可能
- 実装済みバッジ管理(条件設定、手動付与・解除)
- 実装済み右腕AI管理(登録、公開切替、並び替え、個別付与)
- 実装済み会員名簿(閲覧、表示名・メールアドレスの変更、メール変更履歴)と名簿スプレッドシートの自動反映
- 実装済み運営操作の記録(削除・公開・名簿変更など)
- 実装済み宿題フィードバック画面
- 確認待ちログインコードのメール送信(送信元の設定待ち。3.4参照)
- 未実装グルコン日程を運営画面から登録・編集する機能
- 未実装LINEログイン(メールで送る確認コードとの二段階方式。13.1)
- 未実装講師・運営用ダッシュボードの拡充(表示項目は入力項目の洗い出しと合わせて決める)(第2フェーズ)
6.5 件数
実装済み33件
作業中・確認待ち2件(ログインコードのメール送信、作品投票とバッジ)
未実装15件(第1〜第3フェーズで追加する機能を含む)
7. 画面イメージ
- 以下は、テスト環境の画面である(2026-11-09時点・テスト用のデータ)。デザインと表示内容は今後変わる場合がある
- 縦に長い画面は、上部のみを掲載している
7.1 ホーム(会員)

- お知らせ、スケジュール、ロードマップ、おすすめ、コンテンツ一覧を1画面に表示する
7.2 記事ページ(会員)

- 動画、目次、要点、宿題、コメントなどを1記事にまとめて表示する
7.3 マイページ(会員)

- 今日の予定、進捗、バッジ、宿題履歴、作品集、各種設定を表示する
7.4 質問ボード(会員)

- 質問の一覧を、未回答・回答済み・解決済みなどで絞り込める
7.5 右腕AI管理(運営画面)

- 右腕AIの公開・非公開、対象、並び順を運営画面で管理する
8. 対応環境
8.1 対応端末・ブラウザ
- パソコンとスマートフォンの両方で利用できる画面構成である。パソコンは上部のメニュー、スマートフォンは下部のタブで操作する
- スマートフォンのホーム画面に追加して利用できる
- 表示の確認は、画面幅1280(パソコン)、390・320(スマートフォン)で行っている
- 動作確認済みのブラウザの種類とバージョンは未定である
8.2 想定規模
- 会員は、在籍約700人、今回の入会(11月生)約130人である
- 会員はプロF生全員であり、AI講座の受講生に限らない
- 退会者も通常コンテンツを見るため、ログインする人数は在籍人数より増えていく
- 講師・運営サポートは、数人から10人程度を想定する
- 利用量の目安は、700人が1日50回操作するとして、1日約3.5万回である
9. セキュリティ
9.1 ログインと本人確認
- 本番では、LINEログイン+メールで送る確認コードの二段階方式で本人確認を行う(13.1)。会員が決めたパスワードは運営側で保持しない
- 以下は現行(テスト環境)の方式である。パスワードは用いず、登録メールアドレスに届く6桁のコードで本人確認を行う
- コードは使い捨てで、有効期限は10分である。誤入力が5回続くと一時ロックされる(3.2参照)
- コードの発行回数にも制限があり、短時間に繰り返し発行することはできない
- ログイン画面でロボット対策の確認を行い、確認できない場合はコードを送らない
- 名簿にないメールアドレス、および無効の会員に対しても画面の応答は同一であり、登録の有無を外部から判別できない
- コードは変換した値(ハッシュ値)のみを保存し、コードそのものは保存しない
- ログイン状態は専用の Cookie(ブラウザに保存される小さなデータ)で保持する。期間は30日である
- この Cookie は、画面のスクリプトから読み取れない設定、暗号化通信(HTTPS)でのみ送信する設定、他サイトからの送信を制限する設定を持つ
- ログイン状態の識別情報も、変換した値(ハッシュ値)のみを保存する
- ログアウトすると、そのログイン状態は直ちに無効になる
- 名簿から外れて無効になった会員は、保持中のログイン状態も次のアクセス時に失効する
- 役割と在籍状態は毎回のアクセスで読み直し、変更は次の画面から反映される
9.2 閲覧範囲とアクセス制御
- ログイン画面とその表示に必要な最小限のファイルを除き、すべてのページとデータはログイン後のみ利用できる
- 未ログインでページを開くとログイン画面へ移動し、データの取得は拒否される
- 閲覧範囲(コース・入会時期・在籍状態・コンテンツ区分)の判定は、画面の表示切替ではなくサーバー側で行う
- 閲覧範囲外の記事は、存在の有無も分からない形で「見つかりません」と応答する
- 配布物ファイルは直接のURLでは取得できず、閲覧範囲の判定を通った場合のみ取得できる
- 下書き・非公開・予約公開前の記事は、会員向けの画面および検索に表示されない
- 運営画面とその操作は、講師・運営サポート・管理者の権限ごとにサーバー側で制限する(2章)
- 役割・在籍状態・コース・入会時期は運営画面からは変更できず、名簿スプレッドシートの反映によってのみ変わる
- 記事本文は保存時に検査し、スクリプトなど実行可能な要素を除いて、許可した書式のみを残す
- データを書き換える操作は、他のサイトから送られた要求を拒否する(送信元の確認)
- 名簿の自動反映の受け口は、会員のログインとは別の合言葉で保護する
9.3 個人情報の扱い
- 会員について保存する項目は、メールアドレス、氏名(運営用)、表示名、入会日、入会時期、コース、在籍状態、退会日、役割、運営用メモ、通知希望、アイコン写真(任意)である
- 学習・交流に関する記録として、視聴状況、動画の再生記録(再生日時・再生した位置・最後まで見たか)、宿題の提出内容とフィードバック、質問・返信・コメント、バッジを保存する
- ログイン操作の記録として、操作の種類、日時、接続元の情報(IPアドレス)、端末の種類の情報を保存する
- 保存しない項目は、パスワード、ログインコードそのもの、動画ファイルである(動画は Vimeo に保管する)
- 氏名とメールアドレスは会員向けの画面に表示せず、他の会員には表示名のみを表示する
- 氏名・メールアドレス・運営用メモの閲覧は講師・運営サポート・管理者に限る。サイト上での変更(表示名・メールアドレス)は運営サポートと管理者に限る
- ログインの記録、ロックの管理、コードの管理では、メールアドレスを元の形で保存せず、変換した値(ハッシュ値)のみを保存する
- 名簿にないメールアドレスでログインを試された場合も、元のメールアドレスは記録に残らない
- メールアドレスの変更履歴のみ、運営が確認できるよう旧・新のアドレスを元の形で保持する
- アイコン写真は、ログイン中の会員のみが取得できる
- 名簿スプレッドシートの共有は担当者のみとし、リンクによる共有は行わない運用とする
- 第2フェーズでは、セッション記録・ビジネスデータ(流入経路、主な悩み、目標、売上・ビジネス状況など)を保存する。保存先は未定である(13.6)
9.4 通信と公開範囲
- ログイン状態の Cookie は、暗号化通信(HTTPS)でのみ送信される
- すべての応答に、検索エンジンに掲載させない指示を付ける
- ログイン後の応答は、ブラウザや中継先に保存させない設定とする(アイコン写真のみ短時間の保存を許可)
- 他のサイトの枠内への表示(埋め込み)を許可しない
- ブラウザがファイルの種類を独自に判断しない設定、参照元の情報を同一サイト内に限る設定、カメラ・マイク・位置情報の機能を使わせない設定を付ける
- 内部用のファイル置き場および設定フォルダへのアクセスは、常に拒否する
- 動画の埋め込みでは、Vimeo 側の追跡を抑える設定を付ける
9.5 記録と監視
- 運営の操作(記事の作成・更新・公開・非公開化、他の会員の投稿の削除、質問への回答、宿題へのフィードバック、名簿・マスタ・バッジ・右腕AIの変更など)は、操作者・内容・日時・接続元とともに記録し、運営画面で閲覧できる(閲覧のみ)
- ログイン操作(コードの請求、成功、失敗、ロック、ログアウト)を記録する
- メールアドレスの変更は、変更の経路(本人・運営・名簿)と実施者を履歴に残す
- 記事の編集は、編集者・日時・内容を履歴に残す
- 名簿の反映結果は、名簿の「反映ログ」シートに記録する
- ログインの異常を知らせる自動通知は、現時点で実装していない(9.7参照)
9.6 データの保管とバックアップ
- 会員の基本情報は名簿スプレッドシートが正であり、サイトのデータベースとは別に保持される
- 名簿から外れた会員のデータは削除せず、無効として保持する。名簿に戻すと元の状態に戻る
- 名簿に不備がある場合、または会員数が急減する場合は反映を行わず、誤った名簿でサイトの会員情報が上書きされることを防ぐ
- 記事の編集履歴として、保存ごとの内容を保持する。運営画面には編集者と日時を表示し、過去の内容を表示する画面はない
- データの保存場所は10.2に記載する
9.7 現時点で未対応の事項
- ログインコードのメール送信は未設定である。テスト環境では、指定した会員のみコードを画面に表示する方式で稼働している(3.4参照)
- 本番環境では、コードの画面表示方式およびテスト用のロボット対策設定のままでは起動しない作りである。本番用の設定は本番移行時に行う
- ロボット対策は、テスト環境ではテスト用の設定で稼働している
- 運営画面へのログインとは別の追加認証は、サイトの実装に含まれていない
- 公開前の安全面の確認は未実施である。仕様が固まり、ある程度完成した段階で、おっくんが診断・確認(ポートやインフラ設定など、コード以外の安全性を含む)を行う
- ユーザー間でデータが混ざらないかの確認は、初期版の完成後に行う
- 動画の再生を当サイトに限定する Vimeo 側の設定は、設定状況を確認していない
- ログインの異常(失敗の多発など)を知らせる自動通知は、実装していない
- データベースの定期バックアップおよび復旧手順は、未定である
- 退会者の投稿の取り扱い、および各種記録の保存期間は、未定である
- LINEログインで扱う個人情報の取り扱いは、未定である(13.1)
10. 技術構成・運用
10.1 構成
- Cloudflare:サイトの配信、サーバー処理(Workers/Pages Functions)、データベース(D1)を担う
- Turnstile(Cloudflare のロボット対策):ログイン画面の確認に用いる
- Vimeo:動画の配信を担い、記事ページに埋め込んで再生する。再生状況は Vimeo のプレイヤーの機能(Player API)で取得し、サイトのデータベースに記録する
- Googleスプレッドシート:会員名簿の正である。Apps Script(スプレッドシート上の自動処理)により、毎朝1回および手動でサイトへ反映する
- メール送信サービス:ログインコード等の送信に用いる。Cloudflare のメール送信機能と Resend を切り替えられる作りであり、送信元の設定は未了である。送信ドメインは未定である(13.6)
- LINEログイン:会員のログインに用いる(メールで送る確認コードとの二段階方式。13.1)。LINEログインのチャネルは、さおりさんが作成する
- GitHub(非公開リポジトリ):開発者間のソース共有に用いる。プログラムはGitHubからプロFのCloudflareへ反映する
- AIのAPI:Webサービス上での回答生成(回答ボット)や定期処理など、APIでなければ難しい用途に限定する。個人のローカル作業は、各自のAI契約を使う。契約先(OpenRouter、またはClaude等の共有アカウント/API)は未定である(13.6)
- 運営画面・会員画面ともに、同一のサイトとして提供する
10.2 データの保存場所
- 会員、記事本文、視聴記録、動画の再生記録、質問・返信・コメント、宿題、バッジ、各種記録:Cloudflare のデータベース(D1)
- アイコン写真:同じデータベース(縮小した画像・上限200KB)
- 配布物ファイル:サイトの配信ファイルとして保管する。大容量向けの保管先(Cloudflare R2)に切り替えられる作りだが、現時点では使用していない
- 動画:Vimeo
- 会員名簿:Googleスプレッドシート(正)。サイトのデータベースには反映した写しを持つ
- 第2フェーズで扱う入力データ・セッション記録・ビジネスデータの保存先は、Cloudflare D1、スプレッドシート、VPSから、費用試算を踏まえて決める(13.6)。決定までは D1 に仮置きで実装する(0章)
10.3 費用が発生する部分
- 費用は2026-11-08時点の各社の公式料金に基づく見込みである。1ドル=150円で仮に換算している
- Cloudflare(Workers 有料プラン):月5ドル(約750円)の見込み。データベースとメール3,000通を含む
- Vimeo:Core プランで月3,850円(年払い・税込)、Professional プランで月6,710円(年払い・税込)の見込み
- GitHub:無料プランで0円、承認を必須にする場合は Team プランで1人あたり月4ドル(約600円)の見込み
- 本番(第2段まで)の合計:最小で約4,900円、標準で約11,500円(いずれも月額の見込み)
- 上記合計には、録画からの文字起こし・要約の費用(文字起こし約54〜650円、要約約200〜300円)を含む。この機能は現時点で未実装である
- LINEからリマインドを送る場合は、LINE公式アカウントの利用料が別に発生する可能性がある(0円〜月5,000円・税別。13.2の決定後に確定)
- 回答ボット等で用いるAIのAPIの費用は、契約先の決定後に試算する(13.6)。運用コストの上限と、データ量に応じた月額の試算は未定である
- ドメイン(サイトのURL)の費用、Googleアカウント(プロF側)の契約状況は未確認であり、見込みに含まない
10.4 更新・変更の方法
- 記事の追加・修正は、運営画面のエディタで行う。プログラムの変更は要しない
- 講師は Cloudflare やプログラムに直接触れず、記事・質問への回答・セッション記録などを管理画面から登録する
- ステップ、ジャンル、コース、講師、バッジ、右腕AIなどの設定は、運営画面で変更する
- 会員の追加・変更・退会は名簿スプレッドシートで行い、毎朝の自動反映または「今すぐ反映」で反映する
- 名簿の自動処理(Apps Script)の更新は、手順書に従い、スプレッドシート側で行う
- 画面や機能の変更は、プログラムを修正して Cloudflare へ反映する
- データベースの構造変更は、番号付きの変更手順を追加して適用する。適用済みの手順は書き換えない
- 鍵や合言葉などの秘密情報は、プログラムとは別の設定として管理する
- しくみの変更は、許可を得てから反映する方針である。開発者間ではGitHub(非公開)でソースを共有し、プロFのCloudflareへ反映する
- Cloudflareへ直接アクセスする人は、開発・修正を担当する少人数に限定する
10.5 本番環境への移行
- 現在は、運営側が用意したアカウントでテスト環境を運用している
- プロF用のCloudflareアカウントの作成は承認済みである。第1フェーズは今のテストサイトで整えてから、プロFのCloudflareアカウントへ移す(0章)
- しくみ(プログラム)一式をプロFのアカウントへ移し、会員名簿・記事データ・動画はそれぞれの保管先から移す案である
- テスト中に作成した記事・視聴記録を本番へ持ち越すかは、未定である
- サイトのURL(ドメイン)、メール送信元(送信ドメイン)、ロボット対策の本番用設定は、未定である
- 移行の日程は、0章のスケジュール案のとおりとする(目標であり、確約ではない)
11. 運用体制
11.1 作業と画面
- サイト運用の作業ごとの担当者の割り当ては決まっていない(開発・検証の分担は11.3)。作業ごとの画面と権限は次のとおりである
- 記事の投稿・編集・公開:運営画面の「記事」「新しく書く」。講師・運営サポート・管理者。担当:未定
- 会員名簿の更新と反映:名簿スプレッドシート(メニューの「今すぐ反映」)。サイト側の名簿編集は運営サポート・管理者のみ。担当:未定(13.4で確認)
- メールアドレス変更の対応:運営画面の「会員名簿」。運営サポート・管理者。担当:未定(13.4で確認)
- 質問への回答:質問ボード。講師・運営サポート・管理者の回答には「講師」ラベルを表示する。在籍会員も返信できる。担当:未定(未回答の質問に最終的に責任を持って回答する人を含む。13.6)
- セッション記録の登録(第2フェーズ):講師用の入力ページ。講師が、セッションの文字起こしを提出し、チェックリストを埋め、セッション終了後に決められたフォーマットで登録する。担当:講師
- 質問の解決済みへの変更・よくある質問への掲載・削除:質問の詳細画面。講師・運営サポート・管理者(解決済みへの変更と削除は本人も可)。担当:未定
- 宿題のフィードバック:運営画面の「宿題のFB」。講師・運営サポート・管理者。担当:未定
- バッジの付与・解除・設定:運営画面の「バッジ」。運営サポート・管理者。担当:未定
- 右腕AIの管理:運営画面の「右腕AI」。運営サポート・管理者。担当:未定
- マスタ管理(ステップ、ジャンル、コース、コンテンツ区分、講師):運営画面の「マスタ管理」。運営サポート・管理者。担当:未定
- 運営状況の確認(ダッシュボード、操作の記録):運営画面。講師・運営サポート・管理者(閲覧のみ)。担当:未定
- グルコン日程の登録:運営画面からの登録は未実装である(6.4)。担当:未定
11.2 保守・文面
- 公開後の保守(直し・問い合わせ対応)の担当と費用は、未定である
- 規約・個人情報の取り扱い文面の作成担当と時期は、未定である
11.3 開発・検証の分担
- ナツミ:テストサイト(ベース)の構築、第1フェーズのコンテンツ移設・実装、トップページ・ロードマップ・スケジュール等の画面調整、親しみやすいデザイン・サムネイル等の反映、GitHub・Cloudflareを使った開発体制の整理
- りささん:講師ダッシュボードにないが見たい情報、データとして欲しい項目、今後追加したいデータ、セッション記録で取得したい項目の洗い出し・整理。既存データ(プロライン/スプレッドシート等)の保存場所・フォルダの共有。初期版の操作テスト
- さおりさん:回答ボットの仕様検討・検証、ログイン方式の技術検証とLINEログインのチャネル作成、Cloudflare周辺の検証、必要データ量が分かった後の費用試算、保存方式(D1・VPS・スプレッドシート)の比較、セキュリティ面の確認。初期版の操作テスト
- おっくん:システム構成・セキュリティ面の相談役(Cloudflare、VPS、D1、GitHub等の技術的な助言)。仕様が固まり、ある程度完成した段階での診断・確認(ポートやインフラ設定など、コード以外の安全性を含む)
- めぐみさん:コンテンツ全体の方向性・マーケティング思想の監修、コンテンツ収録前の内容確認、トップページに載せる目的・全体像の整理、学習データ・セッションデータの活用方針の決定
- 講師:セッションの文字起こしの提出、チェックリストの記入、セッション終了後の決められたフォーマットでの登録、管理画面からのグルコン記事・質問回答・セッション情報等の入力
12. 本番公開の条件
- 記録にある条件を示す。「完了」「未了」「未定」で状態を表す
- 未了テスト環境の確認を完了し、承認を得る(2026-11-11の打ち合わせで確認)
- 完了ログイン方式を決定する(LINEログイン+メールで送る確認コード。13.1)
- 未了LINEログインを設定・実装する(チャネルの作成:さおりさん)
- 未了ログインコードのメール送信を設定する(送信元・送信ドメインの設定。3.4、13.6)
- 未了ロボット対策の本番用の設定を行う
- 未了本番用のアカウント(Cloudflare等)をプロFの新規アカウントで作成し、有料プランに切り替える(プロF用Cloudflareアカウントの作成は承認済み)
- 未了名簿スプレッドシートと本番のサイトの接続設定を行う
- 未了操作テストを行う(さおりさん・りささん)
- 未了公開前の安全面の確認(おっくんによる診断)を受け、ユーザー間でデータが混ざらないかを確認する(9.7)
- 未了費用を試算し、データの保存先を最終決定する(13.6)
- 未定名簿の運用担当を決定する(13.4)
- 未定サイトのURL(ドメイン)とサイト名を確定する
- 未定テスト中に作成した記事・視聴記録を本番へ持ち越すか決定する
- 未定規約・個人情報の取り扱い文面を用意する
- 未定公開後の保守の担当を決定する
- 未定初期リリースの正確な日付と完成範囲を決定する(目標は0章)
- 未定新サイトの告知の時期を決める(見通しが立ってから告知する)
13. 決定事項(確認依頼)
13.1 ログイン方法
- 決定済み:LINEログイン+メールで送る確認コードの二段階方式を基本とする
- 決定済み:会員が決めたパスワードは運営側で保持しない。ログイン状態は長めに保持する
- 決定済み:LINEログインのチャネルは、さおりさんが作成する
- 論点:LINEログインができない会員の例外対応(検討する)、ログイン状態の保持期間、送信ドメイン(13.6)
13.2 LINE連携
- 決定済み:LINEログインをログイン方式に用いる(13.1)
- 論点:LINEによるリマインド送信の実施と運用。グルコンの参加ボタン、Zoomでの参加確認、Googleカレンダーの運用とあわせて決める(13.6)
- 補足:既存のプロF会員番号との対応付けは別途確認が必要である
13.3 作品の投票とバッジ
- 論点:作品ギャラリーへの投票機能と投票バッジの追加可否
- 選択肢A着手する。投票の仕組みと、得票数に応じたバッジを追加する
- 選択肢B投票は行わず、現行の「みんなの作品」(公開のみ)を継続する
- 選択肢C投票機能のみ追加し、バッジは後日とする
- 論点:投票期間(期間限定にするか常設か)、1人あたりの投票数
13.4 名簿の運用担当
- 論点:名簿スプレッドシートの更新・反映・メール変更対応の担当
- 選択肢A運営サポート1名に集約する。更新漏れ・二重更新が起きにくい
- 選択肢B運営サポート複数名で分担する。対応は速いが、スプレッドシートの編集権限を持つ人数が増える
- 共通:反映は毎朝自動。退会などの即時反映が必要な場合は「今すぐ反映」を実行する。サイト側で名簿を編集できるのは運営サポートと管理者のみ
13.5 コンテンツの集約の進め方
- 決定済み:段階的に構築する。第1フェーズで、AIコンテンツとマーケティングのエッセンシャルコンテンツを掲載する(1.3)
- 決定済み:マーケティングのコンテンツは、エッセンシャル領域を優先して収録・移設する。第1フェーズには、ITスキル、マインドアップ音声、右腕スキルは含めない
- 決定済み:過去セミナーは見られるようにする。過去グルコンは必須のコンテンツにはしない
- 決定済み:将来的に、現在分散している既存のコンテンツサイトも新サイトへ集約する
- 論点:既存のコンテンツサイトを集約する時期と範囲(エッセンシャル以外のコンテンツの扱いを含む)
13.6 その他の未決事項
- 論点:データの保存先(Cloudflare D1、スプレッドシート、VPSのどれにするか)
- 論点:AIのAPIの契約(OpenRouterを契約するか、Claude等の共有アカウント/APIにするか)
- 論点:初期リリースの正確な日付と完成範囲
- 論点:未回答の質問に、最終的に誰が責任を持って回答するか
- 論点:プロFの共有Googleカレンダーの運用(入退会管理の担当を含む)
- 論点:グルコンの参加ボタン、Zoomでの参加確認、リマインドの最終的な運用方法
- 論点:運用コストの上限と、データ量に応じた月額の試算
- 論点:送信ドメイン(ログインコード等のメールを送るドメイン)
- 論点:記事の構造(POINT枠・マーカー・音声・画像・動画の置き方)とデザインの確定(〆11/16。運営が記事を手直しする前に確定する)
14. 今後の予定
- 初期リリースまで:0章のスケジュール案のとおり(目標。プロFのCloudflareアカウントへの移行、LINEログインの実装を含む)
- 2026-11-12 AI実践会の初回開始。サイト完成前のグルコン等のアーカイブは、一旦Notion等で提供する
- 新サイトの告知:見通しが立ってから行う
- 初期リリース後の約1か月:AIコンテンツを、グルコン等を動かしながら調整する
- 2026年11月中:プロFメンバー全員が Claude Code を使える水準にする
- 初期版の完成後:操作テスト、セキュリティ診断、ユーザー間でデータが混ざらないかの確認、費用試算、データ保存先の最終決定
- 第2フェーズ・第3フェーズ:1.3のとおり
- 作品投票とバッジ:13.3の決定後に着手
- 未定:Googleカレンダー連携、録画からの自動下書き、サイト内アンケート、各種メール(日程の記録なし)
改訂履歴
- 2026-11-12:2026-11-11の打ち合わせの決定事項を反映(段階的な構築とコンテンツの方針〔1.3・1.4〕、ログイン方式、第1〜第3フェーズの機能、開発・検証の分担〔11.3〕、本番公開の条件、未決事項〔13.6〕など)
- 2026-11-11:冒頭に「0. スケジュール(初期リリースまで)」を追加
- 2026-11-11:動画の再生記録、続きからの再生、運営ダッシュボードの視聴集計、検索対象、記録・保管の記述を実装に合わせて更新
- 2026-11-10:第1版