useSelecter Reduxの store の state をを取得する。 引数には state を引数にとる selector 関数を指定する。 useEffect useEffect( () => { }, []) classコンポーネントでいうところの、componentDidMountと同じ役割になる。 最初の一回目のRenderが走った…
Reactの子要素出力（Containment） childrenという特別なprops 受け取った子要素を出力する SidebarやDialogのような汎用的な”入れ物”を表すコンポーネントでよく使われる const Auth = ({children}) => { return children }; export default Auth;
WordPress用のデータベースを作成しよう WordPressをインストールしよう ライブラリのインストール WordPressのダウンロード WordPressの解凍 WordPressのプログラムをApachから見える場所に配置 WordPressファイルの所有者・グループを変更 Apatchの再起動 …
WordPress用のデータベースを作成しよう WordPressをインストールしよう ライブラリのインストール WordPressのダウンロード WordPressの解凍 WordPressのプログラムをApachから見える場所に配置 WordPressファイルの所有者・グループを変更 Apatchの再起動 …
RDSについて学ぼう 複数のアベイラビリティゾーンにサブネットを作成し、DBの冗長化を行う フルマネージドなリレーショナルデータベースのサービス 構築の雉間の軽減 運用の手間の軽減 AWSエンジニアによるデータベース設計のベストプラクティスを適用 ↓ コ…
ドメインについて学ぼう IPアドレスは数列なので、人にとっては覚えにくい。 そこで、ドメイン名を用いてWebサイトにアクセスできるようにする ドメインは誰が管理しているの？ ICANN→ドメイン全体を管理 レジストリ→トップレベルドメインを管理 （.jp)JPRS,…
EC2インスタンスを設置しよう AWSクラウド上の仮想サーバー。 インスタンスというのはEC2から立てられたサーバーのこと OSより上のレイヤについては自由に設定できる ■作成手順 ①AMIの選択 AMI・・・インスタンス起動に必要な情報が入った、OSのイメージ。 ②…
【VPC】ネットワークを構築する AWSのネットワークの概念を学ぼう リージョンとは、AWSの各サービスが提供されている地域のこと 最新機能はアメリカのリージョンで使用可能。徐々に広がっていく アベイラビリティゾーン 独立したデータセンター群のこと VPC…
初期設定 AWSのアカウント作成 CloudWatchで料金アラートを設定する 請求ダッシュボードで請求アラートを受け取るように設定する CloudWatchで料金アラートを設定する IAMで作業用ユーザーを作成する AWSアカウントを作成するとルートユーザーが作成される。…
コースの内容 AWSを実際に触ることで、インフラが苦手でも理解できるようになる 手を動かし、ゼロからＡＷＳでインフラを構築する 使われることの多いＡＷＳサービスをピックアップ。設計パターンを習得 作りながらインフラの基礎知識も身に付く 目標：設計…
ルーティング用ライブラリ 1. react-router v4以降 Reactのルーティング用ライブラリ 2. connected-react-router ReduxのStoreでルーティングを管理 react-router v4&v5と互換性あり
Actions 純粋にデータだけを記述するため Reducers Actionsからデータを受け取り、Storeのstateをどう変更するか決める Reducersはデータの初期状態、変更前と後を知りたいので、initialStateを記述する Store react-reduxのProviderとは propsにstoreを渡す…
なぜReduxを使うのか？ stateの見通しをよくするため どこからでもstateを参照/変更可能にするため モジュール（機能のまとまり）を疎結合にするため もしReactのみでstateを管理した場合 ひ孫でイベントが発生 孫→子→親へ伝達 親→子→孫へ伝達 Propsのバケツ…
購入済みor読み終えた本 人月の神話 アジャイルサムライ リーダブルコード はじめて学ぶソフトウェアテスト技法 購入予定 Webを支える技術
非同期処理とは・・・実行完了を待たない。並行して次の処理を行う。 Promiseで実行完了を待つ Promiseの状態には以下の3つがあります。 pendeing:初期状態 fulfilled:処理が成功して完了した状態 rejected:処理が失敗して完了した状態 以下の場合、resolve…
connect()の引数 connectの呼び出し方はmapStateToPropsとmapDispatchToPropsという2つの関数を引数に取ります。 それぞれ以下の役割がある データ型 用途 mapStateToProps storeが持っているstateをpropsに入れて子コンポーネントに渡す mapDispatchToProps…
