penicillin0 / light-blue Goto Github PK

本家に寄せたい

今はこれのprimaryとかsecondaryとか
https://material-ui.com/components/chips/

style propsで変えられると思う

#7 の続き

水色しかない #20 ので、まだいいけど、ゆくゆくは増えていくと思うので、問題一覧画面が欲しい。

問題集も問題について

ヘッダーのハンバーガーとかいろいろ

現在

外部のAPIを叩くトリガーをButtonのonClickになっている

理想

ページを開いたときに叩く感じ

useEffectみたいな感じでいけそうかな
まあ、ぐちゃぐちゃになるの嫌だから、#7 の後だろうな

現状、
ACかーしかないので

問題点として

• 同じ問題を解いている可能性があるので、どのステータスを表示するのか

案

• 「AC > WA系 > 未回答」という表示優先順位を設けてあげる
  • 今のデータの持ち方だ と毎回filterすることになるので計算量大きくなりそう
  • 高々問題100問、提出数~10⁵だしいいか

• 影つける
• 透かせる

同じユーザー名じゃないこともありそうなので、Headerとかにinput固定したらいいかな

ばばば！となるのをくるくる待機にしたい

#23 の後にやる

カテゴリ表示がヒントになってしまう気もするので、デフォは非表示にする？

上級編が存在した
https://qiita.com/e869120/items/acba3dd8649d913102b5#3-3-%E5%88%86%E9%87%8E%E5%88%A5%E4%B8%8A%E7%B4%9A%E8%80%85%E3%81%8C%E8%A7%A3%E3%81%8F%E3%81%B9%E3%81%8D%E9%81%8E%E5%8E%BB%E5%95%8F%E7%B2%BE%E9%81%B8-100--50-%E5%95%8F

ACしたけど、だいぶ前に解いた問題ということを認識したいかもしれない

かもしれない

githubっぽくする

全探索とかbit演算とかなんたらDPとか

• 手でここから取ってくる

https://qiita.com/e869120/items/eb50fdaece12be418faa#2-3-%E5%88%86%E9%87%8E%E5%88%A5%E5%88%9D%E4%B8%AD%E7%B4%9A%E8%80%85%E3%81%8C%E8%A7%A3%E3%81%8F%E3%81%B9%E3%81%8D%E9%81%8E%E5%8E%BB%E5%95%8F%E7%B2%BE%E9%81%B8-100-%E5%95%8F

• ここで管理
  https://github.com/penicillin0/light-blue/blob/main/src/data/constants.ts

• 一覧に表示

src/typesみたいなの作ってそこに
ref: https://github.com/kenkoooo/AtCoderProblems/blob/master/doc/api.md#user-submissions

react標準じゃないなんかいい感じの
水色貴重だといいかな

どうにか調べる方法ないかな

aizuとatcoderのアカウント名だけ保持できればそれでいい
変更したいときはどっかから変更できるようにする

簡単そうなので、localStorageとかでやってみる

ref: https://developer.mozilla.org/ja/docs/Web/API/Window/localStorage

タイトルみたいなやつがずれるのでその調整

cssでどうにか

わかる

App.tsxに作り始めちゃったけど、pagesに新たに作りたい

案としては

• netlify
• firebase
• githubpages
• AWSのなにか
• その他

githubpagesが一番簡単そうだけど、いろんな人に使ってもらおうと思うと別のがいいのかな
調べてみたい

うっかりmainにpushしてしまった、、、

actionsで
とりあえずはprettier, eslintくらいで