Ningensei848 / A-gebahyo

website that provides daily objective data analysis for horse racing forecasts
https://ningensei848.github.io/A-gebahyo/
0 stars 0 forks source link

[Feature]: 枠番と文字色をあわせる(ようなコンポネントを実装する) #3

Closed Ningensei848 closed 1 year ago

Ningensei848 commented 1 year ago

Step 1. ことの発端について

「3枠5番」と言われても、パッと見て何色かわからない

image

Step 2. あなたの考える解決策について

馬番号だけだと出走頭数も補助情報として必要だけど、「枠番」まで与えられているのでそれを素直に色を合わせれば良い

1枠=白、2枠=黒、3枠=赤、4枠=青、5枠=黄、6枠=緑、7枠=橙、8枠=桃と決められている。 cf. https://www.jra.go.jp/kouza/yougo/w390.html

カラーコードとかは見やすさに合わせる


これらの色を見て色を付け分ける React component を作成する

Step 3. 異なるアプローチについて (自由記述)

「◯枠」というワードに反応して色を付けるCSSを書く

が、どうすればいいのか想像もつかないので、代わりに component つくるアプローチを推奨した

Step 4. さいごに (自由記述)

のちのち負債になる、かなぁ…?