「Next.js」の版間の差分

2025年5月5日 (月) 03:59時点における最新版

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指向でコーディング

備忘メモ

Next.jsを使えばブラウザと開発モードを使いながら爆速で開発できる
TSC はアプリ動かすためのガチ厳格な「型」先生
ESLint はコードきれいにするためスタイルとか空気を読む「マナー」先生

@@ 1行目: / 1行目: @@
 [[ファイル:Next-React_logo.png|thumb|Next.js.js|300px]]
-Next.js とは、<strong>ReactベースのWebアプリ開発フレームワーク</strong>。JavaScript製。Node.js上に構築される。
+Next.js とは、Webブラウザで複雑なUIを容易に生成するためのJSライブラリ<strong>「React」ライブラリを利用したWebアプリ開発フレームワーク</strong>。JavaScript製。Node.jsライブラリに付属。開発元は、Vercel社とOSSコミュニティ！
+<u>素の JavaScript ではWebアプリの開発は困難なので</u> Reactが、そしてそのフレームワークである Next.js が推奨ツール(React公式お墨付き)として使われるようになった。似た立ち位置としては jQuery 等があった。ちなみに、React Native の方の人気フレームワークは Expo。
+年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指向でコーディング
 ==備忘メモ==
-* 僕の『Lv.upアプリ』ではUIを提供
+* Next.jsを使えば<u>ブラウザと開発モードを使いながら爆速で開発</u>できる
-* いずれ、React Native でスマホアプリ化
+* TSC はアプリ動かすためのガチ厳格な「型」先生
+* ESLint はコードきれいにするためスタイルとか空気を読む「マナー」先生