Skip to content
This repository has been archived by the owner on Jan 1, 2024. It is now read-only.

アプリケーションを設計する #2

Open
junseinagao opened this issue May 27, 2022 · 1 comment
Open

アプリケーションを設計する #2

junseinagao opened this issue May 27, 2022 · 1 comment

Comments

@junseinagao
Copy link
Owner

junseinagao commented May 27, 2022

方針

#1 で検討した方針リスト

Must

  • Next.js を採用する。
  • ホスティング環境はVercelを使用する
  • CDはVercelを使用する。
  • Next.jsで構築する際にSuspenseを使う
  • .browserslistrc で chrome@latest を指定する
  • iPhone SE2 のディスプレイサイズを仮想テストデバイスにする
  • huskeyとlint-stagedを使ってコミット時にCIを実行する
  • スタイリングには、css-module を使う。
  • TypeScriptで型安全に開発する。
  • デザインドキュメント、開発ドキュメント、カバーレター、Public用のREADMEを用意する
  • 一人でPull Rquestを使った開発プロセスを実行する。
  • セマンティクスを意識したコーディングをする

More

  • TDDで開発する
  • グラフ描画系ライブラリを調査する
  • UI Good を意識したスタイリングを実装する
  • lighthouseスコアを高める。

Extra

  • アクセシビリティを意識する。
  • Vue3 (vite) を使った構築も作る。
  • Sveltekit を使った構築も作る。
@junseinagao
Copy link
Owner Author

junseinagao commented May 27, 2022

アプリケーション構成

FW

  • Next.js v12.1

Using Library in App

Using API in App

  • Fetch API
  • React Hooks API
  • React Suspense API

@junseinagao junseinagao changed the title アプリケーションの概要を設計する アプリケーションを設計する May 27, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Development

No branches or pull requests

1 participant