ええ加減にせんと気い狂て死ぬ

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というライブ...