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にてページ切り替えを ...

react, フロントエンド

コンポーネントで事前に子要素がわからない場合、props.childrenを利用して子要素の出力を行います。

入れ物のような汎用的に使うことがある「ダイアログ」・「サイドバー」などで利用することがあるようです。

react, フロントエンド

今回は、条件に応じて表示を切り替えるような処理について学びたいと思います。

良くあるいいねボタンの切り替えを作っていきたいと思います。

手を動かしながら学びたい方は、以下を実施してプロジェクトを作成ください。

react, フロントエンド

今回は、ボタンを押下するとカウンターの値がカウントアップするコードを書いて、Reactでのイベントハンドリングについて学んでいきたいと思います。

実際に手を動かしてみたいという方は、以下を参考にプロジェクトを作成ください。 ...

react, フロントエンド

前回Reactの超入門ということで、プロジェクトの作成からReactでのブラウザ表示までを学びました。

今回は、Reactでも重要な要素であるprops・stateについて学習しようと思います。

初期プロジェク ...

フリーランス

今回は、正社員を約10年以上ずっと続けてきましたが、今年からフリーランスのエンジニアになった僕の半年間の経過について働き方・時間面・収入面などについて振り返ってみました。

フリーランスエンジニアに興味がある方は、ぜひ一読い ...

GCP, インフラ

Google Cloud Platformを最近使うようになりました。

アプリケーションではデータベースを利用することが多いため、GCPのCloud SQLを使ってみることにしました。

今回は、Cloud SQ ...