Next.js

スポンサーリンク
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第2章:Reactの基本操作 – props(データの受け渡し)

propsとは何か「コンポーネントに渡す“引数”のようなもの」props(プロップス)は、React コンポーネントに渡す「データの入れ物」です。少しプログラミング寄りに言うと、「コンポーネント版の関...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第1章:準備と超基礎 – Reactコンポーネントの基本

コンポーネントとは「画面を小さな部品に分けて再利用する考え方」コンポーネントは、ひと言でいうと「画面の部品」です。もっと言うと、「ある見た目と振る舞いをひとつのまとまりとして名前をつけたもの」です。例...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第1章:準備と超基礎 – JSXとは何か

JSXとは何か「JavaScriptの中でHTMLっぽく書ける特別な文法」JSX は、React で画面を作るときに使う「JavaScript拡張文法」です。ぱっと見は HTML にそっくりですが、正...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第1章:準備と超基礎 – Next.jsのフォルダ構造

Next.js のフォルダ構造の全体イメージNext.js は「フォルダの構造 = URL の構造」という、かなり直感的な仕組みを持っています。特に新しい App Router(app ディレクトリ)...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第1章:準備と超基礎 – 開発環境の準備

Node.jsとは「ブラウザの外で動くJavaScriptエンジン」JavaScript はもともと「ブラウザの中で動く言語」でした。Node.js は、その JavaScript を「パソコンの中(...
Next.js

Next.jsで学ぶReact講座(完全初心者向け・30日) | 第1章:準備と超基礎 – React / Next.js とは何か

プログラミング初心者向けに、できるだけ専門用語をかみ砕いて、「React」と「Next.js」の世界をゆっくり案内していきます。ただ知識として覚えるだけでなく、「自分なら何を作れるかな?」と想像しなが...
スポンサーリンク