[frontend]評価履歴一覧の項目別スコアを指標ごとの列表示にする

Open
#208 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
76/100
Issue type
Feature
Clarity
Clearly specified
Activity status
Active
Domain
documentation, frontend

Research direction

Start with the history-list screen components under frontend/src/app/(with-header)/evaluations and compare them with chapter 5 of documents/frontend/01_design/screens/S-16_履歴一覧.md. Update the item-score layout so each metric has its own column, showing its score or — while retaining the bar background. Run the frontend test and lint commands in the issue, and update the S-16 table when the implementation is complete.

Written by the indexing model from the issue text.

Description

種別: 実装

種別: 実装 — コードを書き、「検証方法」で検証してから PR を出す。

目的

評価履歴一覧（S-16）の項目別スコア表示を、現行の「3本のバーを横に並べるだけで数値を出さない」形式から、話す速さ・フィラー・構成/内容をそれぞれ独立した列にし、点数を小さく表示する形式に変更する。

完了条件

  • 一覧の項目別スコアを、話す速さ・フィラー・構成・内容の3列に分ける（現行は3本のバーをまとめた1列）
  • 各列に点数を小さいフォントサイズで表示する（バーの表示自体は維持する）
  • 計測できない項目は、既存仕様どおり点数を —、バーは下地だけを表示する（評価仕様 6章）
  • S-16 履歴一覧 5章の一覧項目の表を、列構成の変更に合わせて更新する

やらないこと

  • 総合スコアの表示形式の変更
  • ソート機能の追加（別Issueで扱う）
  • 削除操作の追加（別Issueで扱う）

触る範囲

  • frontend/src/app/(with-header)/evaluations 配下の履歴一覧の画面コンポーネント
  • documents/frontend/01_design/screens/S-16_履歴一覧.md

検証方法

cd frontend
docker compose run --rm web npm run test
docker compose run --rm web npm run lint

前提・依存

  • 依存Issue: なし
  • 適用ADR: なし

参考

Dominant language
HTML
Stars
1
Forks
0
Avg merge
1h 19m
Merged PRs (30d)
76

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from study-basic-hackathon/hanasu

All issues in study-basic-hackathon/hanasu

Similar issues

More Documentation issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.