• ホーム
• miyabisan2

miyabisan2の記事一覧

1. 08.14

   【GraphQL】GaphQLの基本、「Node」と「Edge」の概念について

   GraphQLとは？ 2012年にfacebook社が開発をスタートさせて、2015年にリリースされたWeb APIクエリ言語です。2018年にはGraphQL Foundationが設立された。 REST APIとの比較 REST …

   • GraphQL
   • コメントを書く

2. 08.13

   【Next.js】「CSR」、「SSR」、「SSG」の違い

   使い分け SEO リアルタイム更新 サイト再生成 初期ロード ページ遷移 サーバー負荷 用途 CSR × ○ × 遅い 早い SSR ○ ○ ○ 遅い…

   • Next.js
   • コメントを書く

3. 08.08

   【OAuth】「トークン」、「エンドポイント」、「ロール」

   全て、認可サーバーからクライアントに対して発行される。（例えば、CognitoからWebアプリに対してなど） アクセストークン クライアントから、リソースサーバーに送れられる。 アクセストークンには以下の情報が紐づいています。 …

   • セキュリティ
   • コメントを書く

4. 08.01

   【データベース設計】テーブル設計の指針、アンチパターン

   テーブル設計の指針 特定の値以外入れて欲しくないカラムはCHECK制約を使う。 例えば、削除フラグなどで1、2のみしか入って欲しくない場合などは使えます。 なお、MySQLではCHECK制約は対応していません。（8.0.16以降で…

   • データベース, 設計
   • コメントを書く

5. 08.01

   【DDD】三層 + ドメインモデル

   層 役割 説明 プレゼンテーション層 画面 進行役に処理を依頼します。 アプリケーション層 進行役 ・処理の流れの進行役、調整役 ・「データソース層」と「ドメインモデル」を使います。 …

   • DDD
   • コメントを書く

6. 08.01

   【リファクタリング】変更な大変なプログラムと改善策、「区分」や「タイプ」の実装方法

   わかりにくプログラムの特徴 メソッドが長い 理解するのが大変。特にif-elseが入り組んだメソッドは理解が骨が折れる。 引数が増えるたびにメソッドも長くなりif文も増える。 クラスが大きい 関心ごとを詰め込みすぎないこと。 …

   • リファクタリング
   • コメントを書く

7. 07.31

   【Web】「CORS」を使わないSOPの緩和方法

   そもそもSOPとは？ 「Same Origin Policy」の略で「Same-Origin」ではアクセスできても、「Cross-Origin」ではアクセス制限があるという仕組みです。詳しくは以下の記事で解説しています。 http:…

   • Web技術
   • コメントを書く

8. 07.31

   【Web】同一生成元ポリシー(SOP)について

   オリジンとは？ URLのことです。具体的には、スキーム（httpなど）、ホスト名、ポート番号という3つの値の組み合わせのことです。(RFC 6454で定義されています。) オリジン間のアクセス方法の種類 リソースのブラウザ内アクセス …

   • Web技術
   • コメントを書く

9. 07.23

   【React/Redux】「Presentational Component」と「Container Component」、「HOC」

   今はHooksが使える時代なのであまりこの考え方はしないようになってきていますが、過去の案件のソースとかを読む場合に知っておくと良い概念かと思いましたので、まとめておきます。 Reduxを使うにあたってどのようにコンポーネントを分ける…

   • React, Redux
   • コメントを書く

10. 07.22

    【Redux】新しいStoreとの接続方法

    2019年にReact Hooksが登場して、Reduxもv7.1.0になりReact Hooksに対応したReduxのStoreに接続する方法が増えました。 従来の書き方 connect関数を使う。 新しい書き方 useSelec…

    • Redux
    • コメントを書く