- React https://ja.reactjs.org/
- Next.js https://nextjs.org/docs
- twin.macro https://github.com/ben-rogerson/twin.macro
- next-styled-components-typescript
- stailwc https://github.com/arlyon/stailwc
- Tailwind CSS https://tailwindcss.com/docs/guides/nextjs
- Styled Components https://styled-components.com/
- Headless UI https://headlessui.com/
- Radix UI https://www.radix-ui.com/docs/primitives/overview/introduction
- heroicons https://heroicons.com/
- Remix Icon https://remixicon.com/
- ESLint https://eslint.org/docs/latest/
- Prettier https://prettier.io/docs/en/
- ts-unused-exports https://github.com/pzavolinsky/ts-unused-exports
- Vercel
TODO:教訓：後から大文字小文字を変更するとローカルでは認識されてもサーバで認識されないとか色々大変になるので要注意
一度親ディレクトリごとリネーム -> 中身のリネームし -> 親の名前戻す するとよい
./pages以下の自動でルーティングしているページにあたるファイルはスネークケース(url のパスに準じる)- React コンポーネント(
tsx)やそれが入っているディレクトリはパスカルケース - メソッドや型(
ts)その他設定ファイルはキャメルケース
UI コンポーネント
- データ配列の定義(?) もっといい呼び方あると思う
- 学んだこと! 型定義で
typeじゃなくてinterface使う時って json のデータに型つけたい時？多分
- ロジックや型や i18n
- ComponentProps<typeof
コンポーネント> でコンポーネントの props の型を取得する