Next.js · LEARN AT YOUR OWN PACE今日も、一歩ずつ。

はじめてのNext.js、ここから。

初心者向け · JavaScript
NEXT STEP, NEXT.JS

「何から学ぶ?」を、
「わかった!」へ。

Next.jsの全体像から、動くしくみまで。
読む・試す・確かめる。自分のペースで、一歩ずつ。

◎ アカウント登録不要◷ 1レッスン約12〜35分
✳+
N↗Next.jsアプリを作るしくみ
FRAMEWORK
⚛
React画面を組み立てる
JS
JavaScript動きを作る土台
土台から理解すると、つながる。
18LESSONS

基礎から応用まで、順番に

64QUESTIONS

すべての選択肢に解説付き

4CATEGORIES

基礎・応用・用語・コード

✦

全部わからなくても、大丈夫。
ひとつずつ、自分のものに。

THREE WAYS TO BUILD THE WEB

つくりたいものから、学ぶコースへ。

BUILD APPLICATIONS

Next.js

Reactを土台に、ルーティングからサーバー処理まで。

18レッスン · 四択64問このコースのホーム →

THINK IN COMPONENTS

React

部品と状態から、動きのある画面を組み立てる。

12レッスン · 四択32問コースをはじめる →

CONTENT FIRST

Astro

コンテンツを届ける、軽くて読みやすいサイトづくり。

12レッスン · 四択32問コースをはじめる →

Reactは画面を作るためのライブラリ。Next.jsはReactのフレームワーク。Astroはコンテンツ中心のサイトに向き、必要な部分にReactも使えます。進捗はコースごとに保存されます。

CHOOSE YOUR FIRST STEP

今日は、どこから始める?

気になるところからでもOK
↗01 / OVERVIEW

全体の地図をつかむ

Next.jsで何ができる?
Reactとの関係から整理しよう。

学習ロードマップ →
▤02 / LEARN

読んで、しくみを知る

小さなコードと身近な例で、
基礎から応用まで学ぼう。

レッスン一覧 →
◇03 / PRACTICE

クイズで、理解を深める

間違いは、学びの入り口。
理由まで読んで確かめよう。

四択問題にチャレンジ →

START SMALL

はじめの3レッスン

すべてのレッスン →