学習画面の設定を引き継ぎ、添付ファイルのデザインを元に、学習履歴を時系列に表示する画面を作成する。 ・学習履歴には、ワーク、練習問題、発展問題という問題の種類がある・JavaScriptレベル1、4章、ワーク1のような形で、「コース、章、ワーク」という構造になっている・また、練習問題、発展問題は、ワークに紐づく・学習のログの種類は、見た、理解したの2種類。メモが書いてあるものもある・ワークは、見たという種類が存在するが、練習問題、発展問題は、理解したのみ
67d ago
添付画像を参考に、学習履歴を時系列で表示する画面を作成します。HJ SCHOOLのデザインを踏襲し、ワーク・練習問題・発展問題の学習ログを表示する機能を実装します。
HJ SCHOOLの学習履歴画面を作成しました。主な機能は以下の通りです：
主な機能
- 時系列表示: 学習ログを日付順で表示
- タブ切り替え: すべて・ワーク・練習問題・発展問題でフィルタリング
- 検索機能: タイトルやコース名で検索可能
学習ログの種類:
- ワーク: 「見た」ステータス
- 練習問題・発展問題: 「理解した」ステータスのみ
- メモ表示: 学習時のメモがある場合は黄色のボックスで表示
- 構造化表示: コース・章・ワークの階層構造を表示
デザイン特徴
- 元のHJ SCHOOLデザインを踏襲した赤いヘッダー
- 問題種別ごとの色分け（ワーク：青、練習問題：緑、発展問題：紫）
- レスポンシブ対応
- 直感的なタブナビゲーション
67d ago
学習履歴をよりシンプルにし、メモフィルター機能を追加して修正します。
学習履歴画面をシンプルに修正しました。主な変更点は以下の通りです：
主な変更点
シンプルな履歴表示:
- 日付、学習内容、ステータスラベルのみの表示
- コース・章・ワークの詳細情報を削除
- よりコンパクトな1行表示
メモフィルター機能:
- 「メモありのみ」チェックボックスを追加
- メモがある学習項目のみを絞り込み表示可能
メモ表示の改善:
- メモがある場合のみ、学習内容の下に黄色の背景で表示
- よりコンパクトで読みやすいデザイン
レイアウトの最適化:
- カードの高さを統一してスッキリとした表示
- アイコンとテキストの配置を調整
これにより、学習履歴がより見やすく、必要な情報に素早くアクセスできるようになりました。
66d ago