zli-uoa / ryouomoi-checker-frontend Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://ryouomoi-checker-frontend.pages.dev/
License: MIT License
Home Page: https://ryouomoi-checker-frontend.pages.dev/
License: MIT License
input()
で EOF を読み取ってしまう(標準入力になにも渡されない)
try catch
でEOFのときはexit(0)
をする(エラーとしない)
ボタン作成
.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>
この形に持っていきたい
好きな人のリストを取得する
storybook 入れたときに作られたであろうボタンを消す
tutorialページの1ページ目を作成
アイコンの白版を作成
よくよくみたら黒のアイコンなんかなかった
アイコンを作成
linter.yml
のチェックアウトを checkout@v2
にする
古い checkout@v1
をなぜ使っているんだ
.git/hooks
を使うのではなく、.git_hooks
をGit フックディレクトリとすることが可能なのが分かったので、それをする手順を追記する
コミット規則とかブランチ規則とかいろいろ
refactoring_request の ISSUE_TEMPLATE を作成する
使用するラベルは refactoring
(新しく作る)
feature_request と リファクタリングは分けるべきな気がした
Twitterログインの実装
ユーザーの状態によって遷移先を決める
tutorialページの2ページ目を作成
wellcomeページの作成
とりあえず、アイコンに関しては以下urlをpropsのimageに渡す。
https://pbs.twimg.com/profile_images/1429604062127792132/4JPTr6M9_400x400.jpg
.css が主にばらばらになってしまった
コミットメッセージを命名規則にしたがって制限する
具体的には以下
.git_hooks/commit-msg
を追加するいえい
Storybookの導入
.git_hooks
から .githooks
に名前を変える
こちらの方が一般的らしい
あと、ケバブケースのファイルが多いのでそれにそろえる目的もある
検索機能の実装
デカくなりそうだしまずはロジックだけ組んだ方が良さそう?わからん
下記を追加
/
- /home 好きな人が一覧で出てくる場所
- /tutorial 初期ページ
- /welcome 初期ログイン
- /search
- /follow
- /follower
- /all
- /celebration
- /tolkroom
- /hakyoku
- /power-word(要検討)
- /lost-partner
- /you-were-dumped
react-router-domのインストール
pagesを仮作成
pagesに関するStorybookを書く(これも仮)
pagesをまとめるindex.tsx?をBrouserRouterでラップする
作るものをプロジェクトに配置しておきたい
git hooks もしくは GitHub の設定
.git_hooks
のままだったりしてる
location.href
を変更してしまっているので、button コンポーネントに href を受け取れるように変更する
git hooks を使って linter に怒ってもらう
コミットごとにフォーマットされている状況を作る目的
assignees の欄は空にする
汎用CSSを作成、適応する
ディレクトリ構造についての規則を追加
GitHub Actionsを使う
push をトリガーとする
ついでにバッジをREADMEに
UserIconを作成
WithBackgroundを作成
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.