Dockerの基礎から学んだことを備忘録として記事にまとめていきます。 初回である今回はコンテナとはそもそも何なのかという超基礎的なことをテーマにまとめていきたいと思います。 コンテナは、アプリケーションを実行するための軽量な仮想化技術です。 従来の仮想マシン（VM）技術と比較して、コンテナはオペレーティングシステム（OS）のカーネルを共有し、アプリケーションとその依存関係をコンテナ内にパッケージ化します。 これにより、アプリケーションはどの環境でも一貫して実行することが可能になります。 Dockerはコンテナを構築するツールのディファクトスタンダードとなっているツールであり、AWSやAzureなどのクラウドサービスでも利用できるツールとなっています。
React hooksとは関数コンポーネント内の状態やライフサイクルなどのReactの機能を「フック」するために用意されている機能群の総称です。 React hooksを副作用や状態管理の実行などを行うことができ、その用途に合わせて様々な種類のhooksを利用することができます。 React hooksはuse〇〇と名付けられており、〇〇の部分に利用する機能を表す単語が入ります。 前回まではReactで用意されているhooksを紹介してきましたが、今回はそれらのhooksを組み合わせて自分で新たなhooksを作成するカスタムhooksを紹介していきたいと思います。 React hooksを組み合わせて独自のロジックなどを実装することで特定の役割に特化したhooksを作成することができます。 この独自に作成されたhooksをカスタムhooksと言います。 カスタムhooksを作成することでコンポーネントのロジックを柔軟にすることができ、再利用性を高めることができます。
React hooksとは関数コンポーネント内の状態やライフサイクルなどのReactの機能を「フック」するために用意されている機能群の総称です。 React hooksを副作用や状態管理の実行などを行うことができ、その用途に合わせて様々な種類のhooksを利用することができます。 React hooksはuse〇〇と名付けられており、〇〇の部分に利用する機能を表す単語が入ります。 React hooksはあらかじめ用意されている機能が多数あり、いくつかの記事に分けて紹介していきたいと思います。 今回は状態管理を行うためのhooksで、更新ロジックの定義や前の状態に依存する更新を行うことができるuseReducer()についてまとめてきます。 useReducer()は状態管理を行うhooksの一つで、複雑な状態管理のロジックを扱う場合や次の状態が前の状態に依存する場合に利用されます。 useReducer()の基本的な使い方は以下の通りです。
React hooksとは関数コンポーネント内の状態やライフサイクルなどのReactの機能を「フック」するために用意されている機能群の総称です。 React hooksを副作用や状態管理の実行などを行うことができ、その用途に合わせて様々な種類のhooksを利用することができます。 React hooksはuse〇〇と名付けられており、〇〇の部分に利用する機能を表す単語が入ります。 React hooksはあらかじめ用意されている機能が多数あり、いくつかの記事に分けて紹介していきたいと思います。 今回は複数の階層のコンポーネントに跨った状態（コンテキスト）を管理することができるuseContext()についてまとめていきます。
新しい現場で本格的にReactを触ることになったのでReactについて学んだことを備忘録として記事にしていきます。 いくつかの記事にわけてReactでステートメントを保持・管理するための機能であるReact hooksについてまとめていきます。 今回は副作用フックを扱うuseEffect()についてまとめていきます。 副作用とは、レンダリングに直接関係しない処理のことで、データのフェッチや手動でのDOMの更新、ログの記録などが含まれます。 例えば、初期表示の際のデータを取得する処理やユーザーによる状態の変更が発生した際の表示の更新などです。 useEffect()は第一引数に副作用として実行する処理、第二引数に依存配列を渡すことで副作用の設定をします。
今回からいくつかの記事にわけてReactでステートメントを保持・管理するための機能であるReact hooksについてまとめていきます。 React hooksとは関数コンポーネント内の状態やライフサイクルなどのReactの機能を「フック」するために用意されている機能群の総称です。 React hooksを副作用や状態管理の実行などを行うことができ、その用途に合わせて様々な種類のhooksを利用することができます。 React hooksはuse〇〇と名付けられており、〇〇の部分に利用する機能を表す単語が入ります。 React hooksはあらかじめ用意されている機能が多数あり、いくつかの記事に分けて紹介していきたいと思います。 今回は代表的なReact hooksであるuseState()を紹介します。
AWSome Day モジュール1の内容についてまとめていきます。 モジュール1はAWSの概要、グローバルインフラストラクチャとコンピューティングがテーマです。
前回のGitの記事ではローカルリポジトリをリモートリポジトリに同期させる方法をまとめました。 今回の記事ではリモートリポジトリの基本操作であるクローン・プッシュ・プルの方法をまとめていきたいと思います。
Git関連の記事、前回はGitHubにリモートリポジトリを作成までを行いました。 今回はローカルリポジトリのソースをリモートリポジトリに同期させる手順についてまとめていきたいと思います。
今回はGit関連の記事の第三弾です。 これまでのGitの記事ではCUIであるGitを利用して自分のローカルPC内でソースコードを管理するだけでした。 今回からオンライン上で管理・共有ができるGitHubを利用していきます。 この記事ではGitHub上でのアカウント作成からリポジトリ作成までをまとめていきます。