Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン
#208 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
76/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
領域
documentation, frontend

調査の方向性

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.

索引モデルが issue の本文から書いたものです。

説明

種別: 実装

種別: 実装 — コードを書き、「検証方法」で検証してから 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: なし

参考

主要言語
HTML
スター
1
フォーク
0
平均マージ
1時間 19分
マージ済み PR（30日）
76

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

study-basic-hackathon/hanasu のほかの issue

study-basic-hackathon/hanasu の issue をすべて見る

似ている issue

Documentation の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。