アーカイブ：2021年 7月
-
【Web】「CORS」を使わないSOPの緩和方法
07.31
技術的な制約があるためにCORSがどうしても使えない場面はあります。その場合はいくつかの回避策があります。 JSONP(JSON with Padding)を用いた方法 予め用意したコールバック関数の名前をCross-Originのエン…
-
【Web】同一生成元ポリシー(SOP)について
07.31
オリジンとは？ URLのことです。具体的には、スキーム（httpなど）、ホスト名、ポート番号という3つの値の組み合わせのことです。 オリジン間のアクセス方法の種類 リソースのブラウザ内アクセス Fetch APIなどでリソースの中身…
-
【Web】基本コンポーネント
07.31
ユーザーエージェント ユーザーが使用するクライアントです。様々な形態があります。 Webブラウザ curlコマンド wgetコマンド Webブラウザ JavaScriptエンジン ブラウザの中で特に重要な機…
-
【Web】「CORS」について
07.30
CORSとは？ 「オリジン間リソース共有」のことです。これでは何のことかわかりませんよね？ Webブラウザには「同一生成元ポリシー（Same-Origin Policy）」というポリシーがあって通常は別オリジンにはアクセスできないよ…
-
【React】APIへの非同期処理の書き方総論
07.25
Hooksでstate管理する場合 useEffectか、onClickのハンドラの中に非同期処理を置くのが普通です。 Reduxでstate管理する場合 redux-thunkだとaction-creatorが大きくなるので、少し複…
-
【Redux】イミュータブルとは？
07.24
Reduxにおけるイミュータブルとは？ オブジェクトの状態が変わらないことです。 Reduxはミュータブルに直接値を更新してはいけないと言われています。 つまり、値を更新する際は、必ず新しいオブジェクトを生成して返しなさいとい…
-
【Redux】「Reducer」の分割単位
07.24
Reduxの分割単位 レンダリングツリーごとの分割 画面ごとに分割をすること。 [crayon-628f330e23bb1110986234/] ドメインデータごとの分割 商売、ログインなどの業務ごとに分割すること。 [cray…
-
combineReducersとは？ ReduxのReducerは関心ごとごとに分割し、Reducerごとに別々の名前空間で処理が実行させることができるイメージ。 それらのReducerを統合する。 combineReducers…
-
【Redux】仕組み
07.24
stateで保持している状態を渡す。 Reduxストアの状態を渡すためにコンテキストを使うのではなく、更新のチェックをするためにReduxストアへのサブスクリプションのためにコンテキストを使用する。 常に同じコンテキスト値を…
-
【React】レンダリングの仕組み
07.24
Reactのレンダリングの流れ レンダーフェーズ ルートのコンポーネントから更新が必要なコンポーネントを見つけるために下方にループします。（更新が必要なコンポーネントはフラグが立っています。） 更新が必要なコンポーネントを…