Next.js-1.構築編-

スプレッド構文とはスプレッド構文について説明します。スプレッド構文は配列やオブジェクトを「展開」する機能を持ちます。まずは下記のようなpersonというオブジェクトがあったとします。const person = { name: "Alice...

propsを使ってデータを渡そう今回はコンポーネント間でデータを受け渡す方法について見ていきます。Propsとはprops（プロップス）は、親コンポーネントから子コンポーネントへデータを渡す仕組みです。親から子へ一方向に渡されるデータで、子...

Javascriptの扱い方これまでWebページを構成するHTML(JSX)、CSS、画像ファイルの使い方を見てきました。もう一つWebページに欠かせないJavascriptの扱い方について見ていきましょう。まずは今回記述する内容のためのコ...

CSSをあてようCSSをあてていきましょう。まずは「public」フォルダ内に「asset」フォルダを作成し、その中に「css」フォルダを作成し、更にその中に「style.css」ファイルを作成します。style.cssの中にスタイルを記述...

ページの追加現在はトップページのみですので、ページ追加をしてみましょう。まず、appフォルダ内にページのフォルダを作成します。ここでは「about」ページを作る想定です。次にaboutフォルダ内にpage.jsを作成します。page.jsに...

コンポーネントとはコンポーネントの言葉の定義から見ていきます。まず、REACTにおけるコンポーネントというのは、画面の各構成要素をREACTで定義したものだと捉えてください。ページにはいろいろな部品。例えばヘッダーやサイドバーがあったりしま...

プロジェクト構造の理解（App Router版）主なフォルダとファイルapp/: ルート構造を管理するディレクトリ。各サブフォルダがルート（ページ）になります。フォルダ内のpage.jsが、そのルートのコンポーネントを定義します。publi...

Node.jsをインストールNode.jsは、Next.jsを動かすための基盤です。Node.jsの公式サイトにアクセスします。「Download Node.js(LTS)」と書かれたボタンをクリックしてインストーラーをダウンロード3．ダウ...

Next.jsとはNEXT.jsはREACT開発のフレームワークです。REACTというのは機能が多く、複雑になってきていますので、そういった高機能なものをより使いやすくしたものだと思ってください。高速なWEBアプリケーションを作成するための...

Reactとは今回のこちらのコースでは、JAVASCRIPTライブラリーであるREACTについて学んでいきます。REACTというのはユーザーインターフェースを構築するためのJAVASCRIPTライブラリになります。このREACTというライブ...