react, フロントエンド

Next.jsについて、チュートリアルを参考に少しづつ理解していくまとめ記事となります。

そのままチュートリアルをせずに時間がある方は少し変更を加えて、理解をしながら進めると良いと思います。

実際に手を動かしな ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今までは特にデザイン部分に触れてくる部分を学習しなかったため、今回はデザインをスタイルする部分についてやっていこうと思います。

前回作成した天 ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は前回作成した天気予報のAPIをgetInitialPropsを使って非同期データを取得、表示する部分について実践してみようと思います。

...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、Next.jsにて簡単なAPIを作成して、APIの取得から表示をする部分について進めていこうと思います。

公式サイトを参考にして、天気 ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、LinkとuseRouterでのクリーンなURL作成について進めていこうと思います。

前回は、以下のようなURLになっていました。

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は、LinkとuseRouterを使って、動的なページを作成していきます。

Linkのhrefでページのパスと動的なクエリパラメータを渡 ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回は共通で利用するLayout作成して、メニューなどの各pagesで汎用的に利用できるようにしてみます。

前回の続きでやっていきますので、手 ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

前回に引き続きNext.jsについて、今回はページにメニューを追加して、Linkを使った遷移をやっていこうと思います。

前回の続きでやっていき ...

react, フロントエンド

こんにちは、Yuuichi(@WestHillWorker)です。

今回はReactのフレームワークNext.jsでプロジェクト作成からブラウザに表示するところまでやっていきたいと思います。

ブラウザ表示までに ...

react, フロントエンド

私がReactを初めて学習した際に、学習した内容についてまとめました。

Reactのプロジェクト作成から基礎的な知識を手を動かしながら学習してみたい方向けとなります。

1.初めてプロジェクト作成を学習

React ...