Interface Tour
LearnPathのインターフェースは、誰でも直感的に操作できるよう設計されています。このページでは、ナビゲーション、サイドバー、学習画面など、主要なUIコンポーネントを紹介します。
1. サイドバーとナビゲーション
LearnPathの基本ナビゲーションは画面左側の「サイドバー」です。ここから以下の項目にすばやくアクセスできます：
- Home： Path一覧が表示されます。学びたいPathを検索
- Forum： スレッドで質問・交流ができる学習者向け掲示板
- Leaderboard： 獲得ポイントのランキング表示
- Progress： 各Roomの進捗状況を可視化
- Create Content： クリエイター用のコンテンツ作成画面（UGC）
- Business： 法人向けダッシュボード（該当ユーザーのみ）
右上のユーザーアイコンからは、プロフィール設定・購読管理・ログアウトなどのアカウント操作にアクセスできます。
2. Pathページ構成
Pathページでは、対象スキルに関連するRoomが一覧表示されます。各Roomにはタイトル・概要・進捗が表示され、クリックすることで詳細なStep（学習項目）一覧に遷移します。
一部のPathでは、修了条件や証明書の発行条件が明示されている場合もあります。学習を始める前に、各Pathの構成を確認しましょう。
3. Step画面と解説・問題パネル
各Stepでは、画面上部に「解説」、下部に「問題」が表示されます。エディタ内でコードや文章を読みながら、すぐに回答欄に取り組むことができます。解答が正しければポイントが即時に加算され、次のStepへスムーズに遷移可能です。
- 解説エリア： Markdownまたはリッチテキストで構成された学習内容
- 問題パネル： 完全一致・選択式・自由記述など様々な問題形式に対応
- ヒント機能： 一部の問題では「ヒント」を参照可能
💡 ヒント： Step画面右上の「Preview」アイコンを切り替えることで、問題エリアの表示モード（縦分割／横分割）を変更できます。
4. モバイル表示とレスポンシブ対応
LearnPathはスマートフォンやタブレットでも快適に利用できるよう、全画面がレスポンシブ対応されています。サイドバーはハンバーガーメニューとして表示され、学習画面も縦スクロールに最適化されています。