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

[frontend]評価結果から回答方式の表示を削除する

オープン 初心者向け
#211 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

評価

難易度
2/5
見積もり時間
半日
初心者へのやさしさ
88/100
issue の種類
リファクタリング
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript
領域
documentation, frontend

調査の方向性

触る範囲に記載された5つのファイルから始め、評価カード、createEvaluation payload、Evaluation type、モックデータ、S-04のデザインテキストで answer_method が使用されている箇所を確認します。評価結果の表示と送信に関する参照だけを削除し、S-05の回答方法の選択はそのまま残してから、完了を確認するためにフロントエンドのテストおよび lint コマンドを実行します。

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

説明

種別: 実装

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

目的

評価結果に含まれる「回答方式」は、バックエンドが保存・返却しておらず（API仕様 の評価結果関連レスポンスに answer_method は存在しない）、フロントエンドは常に null を代入して表示している（実質機能していない）。フロントエンド全体から表示・送信ロジックを外す。

完了条件

  • ホーム画面（frontend/src/app/(with-header)/page.tsx）の「直近の評価結果」カードから「回答方式：〜」の表示を削除する
  • frontend/src/lib/evaluation-api.ts の createEvaluation（POST /evaluations）から answer_method の送信を削除する
  • frontend/src/lib/domain.ts の Evaluation 型から answer_method フィールドを削除する（AnswerMethod 型・ANSWER_METHOD_LABEL 自体は S-05 の回答方式選択で使うため残す）
  • frontend/src/mocks/evaluations.ts のモックデータから answer_method を削除する
  • S-04 ホーム 3.2章の実施条件から「回答方式：〜」の記述を削除する

やらないこと

  • 練習の設定（S-05）での回答方式の選択機能自体（音声入力／文字入力の切り替え）は変更しない。評価結果の表示・送信だけが対象
  • バックエンドのスキーマ変更（そもそも answer_method を扱っていないため対象外）

触る範囲

  • frontend/src/app/(with-header)/page.tsx
  • frontend/src/lib/evaluation-api.ts
  • frontend/src/lib/domain.ts
  • frontend/src/mocks/evaluations.ts
  • documents/frontend/01_design/screens/S-04_ホーム.md

検証方法

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

前提・依存

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

参考

  • API仕様 5.5章・5.6章・5.7章 — 評価結果の入出力に answer_method が存在しないことの根拠
  • S-04 ホーム 3.2章 — 現行の実施条件の表示定義
主要言語
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 を短くまとめたダイジェスト。