F-TOP-002 修了証発行 - ワイヤーフレーム

参加中の研修計画

2026年度合計

修了済み計画数

修了証発行可能

受講中（未完了）

全講座完了で修了証発行可能

発行済み修了証

累計ダウンロード数

2026年度新入職員向け研修計画

📅 2026/04/01〜2027/03/31 作成者: 法人管理者全6講座

100% 完了（6 / 6講座）

✅ 修了

▼ 受講講座の一覧を表示

種別	講座名	受講状況	視聴率	修了日時
Web講義	認知症ケアの基礎	受講完了	100%	2026/06/10
Web講義	感染症対策研修 2026年版	受講完了	100%	2026/06/15
Web講義	虐待防止と権利擁護	受講完了	100%	2026/07/02
LIVEゼミ	個別支援計画の書き方実践	受講完了	—	2026/07/20
Web講義	リスクマネジメント入門	受講完了	100%	2026/08/05
Web講義	自閉症スペクトラム支援の基本	受講完了	100%	2026/09/12

障害福祉サービス従事者基礎研修 2026

📅 2026/04/01〜2026/09/30 作成者: 事業所管理者全4講座

100% 完了（4 / 4講座）

✅ 修了

▼ 受講講座の一覧を表示

種別	講座名	受講状況	視聴率	修了日時
Web講義	障害の理解と支援の基本	受講完了	100%	2026/05/20
Web講義	意思決定支援の理論と実践	受講完了	100%	2026/06/08
LIVEゼミ	チームリーダーのためのコミュニケーション	受講完了	—	2026/07/15
Web講義	行動障害の理解と支援	受講完了	100%	2026/09/01

2026年度個人スキルアップ計画

📅 2026/04/01〜2027/03/31 作成者: 事業所管理者全5講座

60% 完了（3 / 5講座）

受講中

▼ 受講講座の一覧を表示

種別	講座名	受講状況	視聴率	修了日時
Web講義	アセスメントの実践テクニック	受講完了	100%	2026/05/30
Web講義	地域生活支援の最新動向	受講完了	100%	2026/07/10
Web講義	ケース記録の書き方	受講完了	100%	2026/08/22
LIVEゼミ	2026年度制度改正ポイント解説	進行中	—	—
Web講義	ストレスマネジメント基礎	未受講	0%	—

福祉サービス管理者資質向上研修

📅 2026/10/01〜2027/03/31 作成者: 法人管理者全6講座

0% 完了（0 / 6講座）

未着手

▶ 受講講座の一覧を表示

種別	講座名	受講状況	視聴率	修了日時
Web講義	管理者としてのリーダーシップ	未受講	0%	—
Web講義	サービス品質向上のマネジメント	未受講	0%	—
LIVEゼミ	人材育成と職場環境改善	未受講	—	—
Web講義	財務・労務の基礎知識	未受講	0%	—
Web講義	関係機関との連携実務	未受講	0%	—
Web講義	法令遵守と個人情報保護	未受講	0%	—

📝 実装注記

1. 画面構成

一覧・検索型レイアウト。KPIカード4枚（参加計画数・修了済み数・受講中数・発行済み数）＋研修計画カードの縦スタック構成。各カードは「計画ヘッダー（タイトル・進捗バー・ボタン）＋講座テーブル（折りたたみ）」の2段構造。修了証は「研修計画単位」であり、個別講座単位の受講証明書（F-CERT系）とは完全に別の機能。

2. 権限制御

本画面は「個人アカウント」および「事業所アカウント」の両種別から利用可能。ただし研修計画の「完了」判定は受講者ごとに独立して行う。事業所アカウントの場合、計画の全講座について事業所アカウントの受講記録が完了していることが条件。法人管理者・事業所管理者のWP管理画面側からは B-HST-004（修了証集計）で確認。

3. データ表示

研修計画の一覧は `lms_training_plans`、受講進捗は `lms_progress`（または `lms_viewing_logs`）から取得。完了判定は「計画に紐づく全講座の視聴率が規定値（例: Web講義 80%以上、LIVEゼミ出席）を満たす」こと。進捗バーは `完了講座数 / 全講座数` で算出。ダミーは2026年度（2026/04〜2027/03）基準。

4. インタラクション

「修了証を発行」ボタン（`.btn-primary`）は計画100%完了時のみ活性化。未完了計画は `disabled` 属性付き `.btn-outline` で表示し、`title` 属性でツールチップを付与。クリックで発行確認モーダル（`modal-issue`）を開く。発行済み計画は「再DL」ボタン（`.btn-outline`）でダウンロードモーダル（`modal-issued`）を表示。講座テーブルは折りたたみで、toggle関数で展開/収納。

5. レスポンシブ

PC（1200px）基準。タブレット（768px以下）ではKPIを2列×2段に変更。計画ヘッダーの右エリア（進捗バー・バッジ・ボタン）は縦積みに変更。講座テーブルは横スクロール可。スマホ（480px以下）ではKPI1列、テーブルのカラムを縮小（種別・講座名・受講状況の3列に絞る想定）。

6. パフォーマンス・セキュリティ

修了証PDFはサーバーサイドで生成し、発行時に `lms_certificates`（修了証）テーブルに記録する。再DL時は生成済みファイルのURL/パスを返却し、毎回再生成しない。REST API エンドポイント `GET /wp-json/lms/v1/certificates/completion` にて計画別の完了状況と発行済み証明書を一括取得。Nonce検証必須。他ユーザーの修了証URLへの直接アクセスは403を返すようサーバー側で制御（受講者IDとファイルパスの突き合わせ）。計画一覧の件数が多い場合（20件以上）はページネーション対応を検討。

💡 本ワイヤーフレームはPC表示（1200px幅）を基準としています。タブレット・スマホ表示は別途レスポンシブ設計が必要です。

研修計画名	障害福祉サービス従事者基礎研修 2026
受講者名	山田太郎
所属法人	社会福祉法人◯◯会
所属事業所	◯◯デイサービス
修了日	2026/09/01（最終講座受講完了日）
受講講座数	4講座 / 4講座（全講座完了）

研修計画名	2026年度新入職員向け研修計画
受講者名	山田太郎
修了日	2026/09/12（最終講座受講完了日）
発行日	2026/09/13
発行番号	PCERT-000128

🏅 修了証発行

📝 実装注記

1. 画面構成

2. 権限制御

3. データ表示

4. インタラクション

5. レスポンシブ

6. パフォーマンス・セキュリティ

🏅 修了証の発行確認

📥 修了証 再ダウンロード

📥 修了証再ダウンロード