Fincs

ユーザー / プロフィール

ユーザー / プロフィール

本ページは 2 段構成。上段が biz/CS 向け（ユーザー提示可）、下段（## 🔧 実装詳細 以降）が dev 向け。biz/CS がユーザーへ提示・転用してよいのは上段のみ。

概要

ユーザーが他のユーザーに見せる公開プロフィールと、mypage トップから各種設定への導線を提供する機能。

公開プロフィール項目:

  • ユーザー名（必須、1〜20 文字）
  • 自己紹介（任意、1〜400 文字）
  • アバター画像（任意、画像ファイルアップロード）
  • 肩書き（講師のみ、1〜20 文字）— 投資家・専門家としての肩書きを表示

mypage トップは個人ユーザーの「ホーム」となる画面で、プロフィール編集・契約内容・個人情報・決済情報・支払履歴・メールアドレス・メール受信設定・バッジ獲得履歴・入会中の講座一覧・カラーモード切替・ログアウト等のメニュー一覧を持つ。表示されるメニューはユーザーの権限（受講者・メイン講師等）で一部変動する。

公開プロフィールは他のユーザー（受講者・講師・未受講者）が閲覧可能で、トーク内のメンション解決画面・講師ページ等で参照される。

📝 レビュー観点（draft 段階の記述ヒント、完成時に削除）:

  • 目的: ユーザーが他のユーザーに見せる公開プロフィールと、mypage トップからの各種設定への導線を提供する
  • 誰が使うか: 受講者・講師（編集）。受講者・講師・未受講者（閲覧）
  • どこで使うか: mypage トップ画面、プロフィール編集画面、他ユーザーのプロフィール参照
  • 隣接機能との関係: 個人情報（氏名・住所等）は ./personal-info.md、アクティビティは ./activity.md、メール設定は ./mail-preferences.md — 本ページは「公開される情報」と「mypage 全体の入口」に絞る
  • CS 問い合わせで頻発する論点: 「アバター画像が表示されない」「自己紹介の文字数」「講師の肩書きが出ない」等
  • [本機能特有] アバター画像: アップロード可能拡張子・サイズ・自動変換の挙動
  • [本機能特有] 受講者と講師の表示差分: 講師のみ「肩書き（investor_title）」が公開される
  • [本機能特有] FE/BE 上限の乖離: 自己紹介の文字数（FE 上限と DB 上限が乖離している可能性、要確認）

利用シナリオ

シナリオ 1: 受講者がプロフィールを編集する

受講者が mypage の「プロフィール編集」を開き、ユーザー名・自己紹介・アバター画像を入力して保存。即時反映され、トークの投稿者表示・他ユーザーから見たプロフィール参照画面に反映される。

シナリオ 2: 講師が肩書きを設定する

メイン講師が「プロフィール編集」を開くと、受講者には表示されない「肩書き」項目が表示される。例: 「ファイナンシャル・プランナー」と入力して保存すると、受講者向けの講師ページや講座詳細で肩書きが表示されるようになる。

シナリオ 3: アバター画像のアップロード

ユーザーが画像ファイルを選択するとブラウザ内で軽量な形式に自動変換されてアップロード。保存後は他ユーザー画面でも自分のアバターが反映される（ブラウザ・ネットワークのキャッシュ次第で他ユーザーには反映に時間差がある場合あり）。

シナリオ 4: 他ユーザーのプロフィールを閲覧

受講者がトークでメンションされた講師のユーザー名をタップすると、講師の公開プロフィールが表示される。アバター・ユーザー名・肩書き・自己紹介が見える。

よくある失敗ケース

  • アバター画像が反映されない: ブラウザ / ネットワーク側のキャッシュの影響で旧画像が見え続けるケース。リロードや時間経過で解消
  • 講師の肩書きが出ない: 受講者には肩書きフィールドは表示されない（講師のみが編集対象、表示は受講者向けの講師ページで反映）
  • 自己紹介の保存エラー: 文字数上限（400 文字）を超える長文を貼り付けようとするとエラー
  • 不適切プロフィールの修正依頼: 運営アドミンによる代理編集経路は未実装。本人作業に依頼する運用

📝 レビュー観点:

  • 受講者がプロフィールを編集する典型例
  • 講師が肩書きを設定する例
  • アバター画像をアップロードする例（拡張子による変換挙動）
  • 他ユーザーのプロフィールを閲覧する例

権限別仕様

権限定義は ../user-roles.md 参照。用語は ../terminology.md。

講座権限軸

操作 未受講者 受講者 サブ講師 メイン講師
自身のプロフィール表示 ○ ○ ○ ○
自身のプロフィール編集（ユーザー名・自己紹介・アバター） ○ ○ ○ ○
肩書き（investor_title）の編集 × × ○（要確認） ○
他ユーザーのプロフィール閲覧 ○ ○ ○ ○

横断軸

操作 運営アドミン テストユーザー 投稿禁止
プロフィール編集 （通常と同じ） （通常と同じ） （通常と同じ。投稿禁止フラグはプロフィール編集には影響しない）
プロフィール代理編集 ×（運営アドミン経由の専用操作経路は存在しない） × ×

📝 レビュー観点:

  • 「肩書き（investor_title）」が講師のみ表示・編集可能、サブ講師の挙動は要確認
  • 運営アドミンによる代理編集経路は 存在しない → CS で修正依頼があっても本人作業が必要

機能詳細（ふるまい）

mypage トップの構成

mypage トップ画面には以下のメニューが表示される（権限により一部のメニューは非表示）:

  • プロフィール編集: 公開プロフィールの編集画面へ
  • 契約内容: 自身の入会中講座の契約状態確認
  • 個人情報変更: 受講者・メイン講師のみ。氏名・住所等の編集（./personal-info.md）
  • 決済情報: 支払い手段の管理
  • 支払履歴: 支払い履歴一覧（./payment-history.md）
  • メールアドレス: 講師以外の受講者向け。メール変更（./email-management.md）
  • メール受け取り設定: 配信メール受信拒否（./mail-preferences.md）
  • バッジ獲得履歴: 段階的にリリースされる機能
  • 入会中の講座一覧: 自分が契約中の講座リスト（../plan/joining-list.md）
  • カラーモード切替: ライト / ダーク表示切替
  • ログアウト

プロフィール編集

編集画面で以下の項目を変更できる:

  • アバター画像: 画像ファイルをアップロード。クライアント側で軽量形式に自動変換されて保存される
  • ユーザー名（必須、1〜20 文字）
  • 肩書き（講師のみ表示・編集、1〜20 文字）
  • 自己紹介（任意、1〜400 文字）

保存は即時反映で、他ユーザーから見えるプロフィール表示にも反映される（ブラウザ・ネットワーク側のキャッシュ次第で時間差あり）。

アバター画像

  • ユーザーが選択した画像ファイルをブラウザ内で軽量形式に自動変換してアップロード
  • 許容拡張子は FE 側の制約として規定（運用設定）
  • 保存後は他ユーザー画面のアバター表示に反映される

他ユーザーのプロフィール参照

公開プロフィール（ユーザー名・自己紹介・アバター画像・肩書き）は他のユーザーから閲覧可能。主な閲覧経路:

  • 講師ページ内のプロフィール表示
  • トーク内でメンションされたユーザーのプロフィール表示
  • 講座詳細ページの受講者一覧タブ等

非公開で持つべき情報（氏名・住所・連絡先等）は別経路で管理されており、本ページの公開プロフィールには含まれない（./personal-info.md 参照）。

📝 レビュー観点:

  • 入力 → 処理 → 出力: ユーザー名 1〜20 文字、肩書き 1〜20 文字、自己紹介 1〜4000 文字（要 FE/BE 確認）
  • アバター画像: 許容拡張子（acceptableProfileImgExtensions）、クライアント側変換（convertProfileImage）
  • エッジケース: アバター画像未設定時のデフォルト表示、ユーザー名未入力時の挙動、自己紹介の改行・絵文字
  • エラー表示: バリデーションエラー時のメッセージ
  • [本機能特有] FE/BE 上限の乖離: 自己紹介の DB カラム上限（400 文字）と FE 上限（4000 文字）が乖離している可能性。実際にユーザーに適用される厳しい方を biz に書く

admin 操作

できる操作

  • ユーザー属性の変更: 運営アドミンは権限変更（受講者 → 講師）・テストユーザーフラグ・投稿禁止フラグ等のユーザー属性を編集できる（詳細は ../admin/user.md）。プロフィール本体（公開プロフィール項目）の代理編集経路は別途
  • ユーザー詳細閲覧: ユーザー個別の登録情報・契約状態を確認可能

実装されていない / 不明

  • 運営アドミンによるプロフィール代理編集: 専用操作経路は存在しない（CS で「プロフィールが不適切」等の連絡があっても、本人作業に依頼する必要あり）— 今後の改善課題

📝 レビュー観点:

  • 運営アドミンの権限変更（受講者 → 講師）操作は本ページではなく ../admin/user.md で扱う
  • プロフィール公開状態の強制非公開化（不適切表示の対応）の経路の有無を確認

品質 / 約束事項

  • 応答性: プロフィール編集・更新は同期処理で即時反映。他ユーザー画面への反映はブラウザ・ネットワーク側のキャッシュ次第で時間差あり
  • 信頼性: アバター画像は安全な保存領域に格納。プロフィール本体の編集は本人のみ可能で、運営アドミン代理編集経路は未実装（CS 連携でプロフィール修正依頼があっても本人作業に依頼）
  • 制限値:
    • ユーザー名: 1〜20 文字（必須）
    • 肩書き（講師のみ）: 1〜20 文字（任意）
    • 自己紹介: 1〜400 文字（任意）
    • アバター画像: 画像ファイル（許容拡張子・サイズは運用設定）
  • データ保持: 退会・削除時のプロフィールの扱いは ./account-lifecycle.md 参照

📝 レビュー観点:

  • 応答性: 編集即時反映、他ユーザーへの反映タイミング
  • アバター画像のキャッシュ: ブラウザ・CDN キャッシュの影響で「変わらないように見える」CS 問い合わせ
  • [本機能特有] 制限値の FE/BE 確認: 自己紹介の DB カラム上限と FE 上限の乖離を biz には厳しい側で記載、dev 下段に乖離記録

変更履歴（リリースノート候補）

v2.29.2: 2026-05-01（PSD 初版）

  • [PSD 追加] 本ドキュメント初版作成。v2.29.2 時点の実装を起こし。機能追加・変更は含まない

📝 レビュー観点:

  • 過去の主要変更（バッジ獲得履歴メニューの追加 等）があれば追記候補

関連ドキュメント

このページの内容を AI に質問しますか？
関連 spec を自動抽出して ChatGPT / Claude などに渡せます。
AI Prompt で開く →