GithubHelp home page GithubHelp logo

zli-uoa / ryouomoi-checker-frontend Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 1.26 MB

Home Page: https://ryouomoi-checker-frontend.pages.dev/

License: MIT License

HTML 2.05% CSS 25.41% TypeScript 69.32% JavaScript 0.63% Python 2.60%

ryouomoi-checker-frontend's People

Contributors

eraser5th avatar matumoto1234 avatar yt8492 avatar

Stargazers

 avatar

Forkers

matumoto1234

ryouomoi-checker-frontend's Issues

[BUG] pre-push の修正

不具合の詳細

input() で EOF を読み取ってしまう(標準入力になにも渡されない)

本来の動き

再現方法

改善方法

try catch でEOFのときはexit(0)をする(エラーとしない)

その他

[REFACTORING] `.searchInput` で明示的に `.color_white-a20` を使用する

提案の詳細

  • useSearchInput.css の現在
.searchInput {
  justify-content: center;
  align-items: center;
  background: rgb(255 255 255 / 20%);
  border: 1px solid rgb(255 255 255 / 40%);
  box-sizing: border-box;
  border-radius: 88px;
  width: 100%;
  height: 32px;
}
  • 理想
.searchInput {
  justify-content: center;
  align-items: center;
  border: 1px solid rgb(255 255 255 / 40%);
  box-sizing: border-box;
  border-radius: 88px;
  width: 100%;
  height: 32px;
}

そもそも、.color_white-a20 を color で適応じゃなくて background で適応させるようにする

動機

<div className="color_white-a20">
  <Hoge />
</div>

この形に持っていきたい

その他

[FEATURE] Inputを作成

提案の詳細

Inputを作成
スクリーンショット 2022-02-17 22 02 38

これとか

スクリーンショット 2022-02-17 22 02 53

これに使う。

ので、ChatInputとSearchInputとかで二つ作るのが良さそう?

動機

その他

[FEATURE] Headerを作成

提案の詳細

Headerを作成

スクリーンショット 2022-02-17 17 24 16

これらの様に、一番上に常に配置されるもののこと。
背景はbg_primary、中身はchildrenで受け取る。

中身に上下16pxのスペーシングが常にとられているが、これに関してこのコンポーネントの責任にするかどうかは要検討

動機

その他

[FEATURE] README.md の Git フック項目の更新

提案の詳細

.git/hooks を使うのではなく、.git_hooks をGit フックディレクトリとすることが可能なのが分かったので、それをする手順を追記する

動機

その他

[FEATURE] refactoring_request.md の作成

提案の詳細

refactoring_request の ISSUE_TEMPLATE を作成する

使用するラベルは refactoring (新しく作る)

動機

feature_request と リファクタリングは分けるべきな気がした

その他

[FEATURE] WithBackgroundを修正

不具合の詳細

WithBackgroundに高さが設定されているせいで、コードに対して見た目が異なる動作をしてしまう

スクリーンショット 2022-02-18 2 03 34

本来の動き

スクリーンショット 2022-02-18 2 03 54

こんな感じ

再現方法

改善方法

スクリーンショット 2022-02-18 2 04 40

スクリーンショット 2022-02-18 2 04 52

その他

[FEATURE] .git_hooks -> .githooks

提案の詳細

.git_hooks から .githooks に名前を変える

動機

こちらの方が一般的らしい
あと、ケバブケースのファイルが多いのでそれにそろえる目的もある

その他

[FEATURE] 検索機能の実装

提案の詳細

検索機能の実装

デカくなりそうだしまずはロジックだけ組んだ方が良さそう?わからん

動機

その他

[FEATURE] ページのエンドポイントを README に追記

提案の詳細

下記を追加

/
  - /home 好きな人が一覧で出てくる場所
  - /tutorial 初期ページ
  - /welcome 初期ログイン
  - /search
    - /follow
    - /follower
    - /all
  - /celebration
  - /tolkroom
  - /hakyoku
  - /power-word(要検討)
  - /lost-partner
    - /you-were-dumped

動機

その他

[FEATURE] pagesを仮作成

提案の詳細

react-router-domのインストール

pagesを仮作成
pagesに関するStorybookを書く(これも仮)
pagesをまとめるindex.tsx?をBrouserRouterでラップする

動機

作るものをプロジェクトに配置しておきたい

その他

[FEATURE] ISSUE_TEMPLATE の更新

提案の詳細

assignees の欄は空にする

動機

  • assignees への意識づけ
  • 担当外なのにメールが飛んできてややこしい

その他

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.