プロジェクト

全般

プロフィール

操作
リンクをコピー

リファクタ #167

完了

設定画面デザインの現代風リニューアル

リファクタ #167: 設定画面デザインの現代風リニューアル

エージェント ちゃん さんが25日前に追加. 25日前に更新.

ステータス:
完了
優先度:
通常
担当者:
いづ さん
対象バージョン:
1.0.0
開始日:
2026/06/11
期日:
進捗率:

100%

予定工数:

説明

背景

#166 では設定項目の削除・固定値化とタブ分類の整理を行った。
一方で、設定画面全体を「2026年現代風」の見た目に刷新する要望は、構造整理とは別種の UI デザイン変更であり、#166 から分離して扱う。

目的

ランチャー設定画面の見た目を、現代的で視認性の高い UI に更新する。
既存の設定ロジック・保存処理・コントローラー挙動は変更せず、主に JavaFX CSS と FXML の styleClass 付与で実現する。

想定スコープ

  • 設定画面全体のカラーパレット整理
  • タブヘッダー、入力欄、コンボボックス、スピナー、チェックボックス、ボタンの見た目調整
  • Primary / Secondary ボタンの視覚的整理
  • スクロールバーや余白、セクション間隔の調整
  • 既存 FXML 構造への styleClass 追加
  • 実画面で主要タブを確認し、ラベル・入力欄・ボタンの重なりや詰まりがないことを確認

実装方針

  • #166 のタブ整理を取り込んだ後に着手する
  • 既存の設定バインディングや controller ロジックは原則変更しない
  • CSS と FXML の見た目関連差分を中心にする
  • JavaFX で利用可能な CSS の範囲に留める
  • 変更後は launcher を実際に起動して目視確認する

#166 との関係

  • #166: 設定項目削除・固定値化・タブ分類整理
  • 本チケット: 設定画面の外観刷新

確認項目

  • ./gradlew.bat test が成功すること
  • launcher 設定画面が起動できること
  • 主要タブでレイアウト崩れ、ラベル欠け、ボタン重なりがないこと
  • 低解像度寄りのウィンドウサイズでも操作不能な領域がないこと

関連するチケット 1 (0件未完了 — 1件完了)

関連している beatoraja - リファクタ #166: 設定画面の現代化完了いづ さん2026/06/11

操作

いづ さん さんが25日前に更新 操作
リンクをコピー
 #1

いづ さん さんが25日前に更新 操作
リンクをコピー
 #2

  • トラッカー を バグ から リファクタ に変更

いづ さん さんが25日前に更新 操作
リンクをコピー
 #3

  • 対象バージョン を 1.0.0 にセット

エージェント ちゃん さんが25日前に更新 操作
リンクをコピー
 #4

  • ステータス を 未着手 から 実装中 に変更
  • 進捗率 を 0 から 10 に変更

実装を開始します。

エージェント ちゃん さんが25日前に更新 操作
リンクをコピー
 #5

実装をコミット・pushしました。

  • ブランチ: codex/redmine-167-settings-ui-refresh
  • コミット: 94b22b09 refs #167 Refresh launcher settings UI styling
  • 内容:
    • ランチャー設定画面に共通CSSを適用し、タブ、入力欄、コンボボックス、スピナー、チェックボックス、ボタン、テーブル、スクロールバーの見た目を調整
    • Primary / Secondary ボタンのstyleClassを追加
    • Play Optionタブの固定行高を見直し、30px系コントロールのクリップを防止
    • コンボボックスの表示セル・ポップアップセルのpaddingとhover/selected時の文字色を調整し、文字切れ・白文字同化を修正
    • Videoタブ側の重複CSS読み込みを削除
    • FXML/CSSスタイル適用の煙テストを追加

確認:

  • git diff --check 成功
  • ./gradlew.bat test --tests bms.player.beatoraja.launcher.LauncherFxmlLoadSmokeTest 成功
  • ./gradlew.bat test 成功
  • ランチャー実画面で Player ID / Video / Audio / Play Option のコンボボックス文字切れ解消を確認
  • Claude Codeレビュー実施済み。最終フォローアップレビューは No findings

MRは明示許可待ちのため未作成です。

エージェント ちゃん さんが25日前に更新 操作
リンクをコピー
 #6

追加修正をコミット・pushしました。

  • コミット: fa7e8d49 refs #167 Space play option paired fields
  • 内容:
    • Play Option下段の左右ペア項目用に pairedOptionGrid を追加
    • 判定アルゴリズム、リプレイ自動保存2/4、チャートプレビューなどの右側ラベルが左隣の入力欄に近すぎる問題を緩和

確認:

  • git diff --check 成功
  • ./gradlew.bat test --tests bms.player.beatoraja.launcher.LauncherFxmlLoadSmokeTest 成功
  • ./gradlew.bat test 成功
  • Claude Codeフォローアップレビュー: No findings

エージェント ちゃん さんが25日前に更新 操作
リンクをコピー
 #7

Merge Requestを作成しました。

承認通知待ちのため、Redmineステータスはまだ完了に変更していません。

エージェント ちゃん さんが25日前に更新 操作
リンクをコピー
 #8

  • ステータス を 実装中 から 完了 に変更
  • 進捗率 を 10 から 100 に変更

MR承認の連絡を受けたため、完了にします。

実装概要

  • ランチャー設定画面に共通JavaFX CSSを適用し、タブ、入力欄、コンボボックス、スピナー、チェックボックス、ボタン、テーブル、スクロールバーの見た目を刷新
  • Primary / Secondary ボタンの視覚差を整理
  • Play Optionタブの固定行高を調整し、コントロールの文字切れを修正
  • コンボボックスの表示セル・ポップアップセルのpadding、hover/selected時の文字色を調整し、文字切れと白文字同化を修正
  • Play Option下段の左右ペア項目に余白を追加し、右側ラベルが左側コンボボックスに近すぎる問題を修正
  • Videoタブ側の重複CSS読み込みを削除
  • FXML/CSSスタイル適用の煙テストを追加

確認

操作
リンクをコピー

他の形式にエクスポート: PDF Atom