Next.js, react, フロントエンド

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

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

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

Next.js, react, フロントエンド

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

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

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

Next.js, react, フロントエンド

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

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

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

Next.js, react, フロントエンド

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

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

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

キャリア, ライフスタイル

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

今回は僕が新卒で入社したSierからWebエンジニア(自社開発)に転身した時にどんな違いがあったのかを中心に記事にしてみました。

自分の場合は ...

キャリア, ライフスタイル

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

今年が初めての確定申告で、ブログあげる時間がなく更新が途絶えてました。

やっと時間が確保できそうになってきましたので、今回はエンジニアの情報発 ...

react, フロントエンド

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

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

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

React ...

react, フロントエンド

ReactではReduxというStateの状態を管理するツールを利用するのが一般的になっているため、todoリストを元にreact-reduxについて学習していきたいと思います。

手を動かしたい方は、以下よりプロジェクトを ...

react, フロントエンド

前回react-router-domについて、画面遷移を学習しました。

今回は、ネストしたルート・ルートにパラメータで遷移できるようなメニューを作成して行こうと思います。

実際に手を動かしたい方は、以下からプロ ...

react, フロントエンド

今回は、react-router-domというライブラリを利用して、Reactでの画面遷移について学習していきたいと思います。

Webページでよくあるヘッダーのメニューをreact-router-domにてページ切り替えを ...