| 11行目: | 11行目: | ||
* ワイヤーフレームを TailwindCSS で確認してからバニラCSSに変換 | * ワイヤーフレームを TailwindCSS で確認してからバニラCSSに変換 | ||
* 将来的に React Native への移植も考えてるなら、最初から RN指向でコーディング | * 将来的に React Native への移植も考えてるなら、最初から RN指向でコーディング | ||
==備忘メモ== | |||
* TSCは動かすため、ESLintはきれいにするため | |||
2025年4月28日 (月) 23:58時点における版
Next.js とは、Webブラウザで複雑なUIを容易に生成するためのJSライブラリ「React」を使いやすくまとめたWebアプリ開発フレームワーク。JavaScript製。Node.jsライブラリに付属。開発元は、Vercel社とOSSコミュニティ！
素の JavaScript ではWebアプリの開発は困難なので Reactが、そしてそのフレームワークである Next.js が推奨ツール(React公式お墨付き)として使われるようになった。似た立ち位置としては jQuery 等があった。ちなみに、React Native の方の人気フレームワークは Expo。
2016年10月に GitHub でオープンソースプロジェクトとして初リリース。2020年3月時点では、Next.js は Netflix、GitHub、Uber、Ticketmaster、 Starbucksなど多くの大規模サイトで利用されている。
開発TIPs
- 自宅ローカルじゃなくてVPSマシン上で開発するならVPSマシンの都合でページ描画が遅くなる時もある。自宅ローカルは安定
- TailwindCSS 使いたいなら「tailwindcss@latest」じゃなくて「tailwindcss@3」で /node_modules/.bin/ に入った
- ワイヤーフレームを TailwindCSS で確認してからバニラCSSに変換
- 将来的に React Native への移植も考えてるなら、最初から RN指向でコーディング
備忘メモ
- TSCは動かすため、ESLintはきれいにするため