• ホーム
• miyabisan2

miyabisan2の記事一覧

1. 07.22

   【React】「useMemo/useCallback」について

   結論 別コンポーネントにpropsで渡す関数はuseCallbackを使い、コンポーネント内で計算結果を値として使う関数に対してはuseMemoを使う。 前提 「useMemoは値を返す。useCallbackは関数を返…

   • React
   • コメントを書く

2. 07.11

   【業務知識】「端末の種類(CAT、CCT)」について

   CATとは？ 1980年代に登場した。日本独自の規格。信用照会端末。カードの磁気テープに書き込んであるカード会員の情報を読み取り、カード会社がカードの有効性を確認して結果を返す。接続回線はNTTデータが運営するCAFIS。 CATに…

   • 業務知識
   • コメントを書く

3. 07.11

   【業務知識】「TID(端末識別番号)」とは？(「クレジット基礎」なども)

   TID(端末識別番号)とは？ クレジット端末などの横にシールで貼り付けてある13桁の端末識別番号のことです。端末固有の番号になります。 メーカーに端末の故障などの問い合わせをする場合などには必要な情報になります。 TID(端末識別…

   • 業務知識
   • コメントを書く

4. 07.04

   【業務知識】決済手法

   決済手法の種類 そもそも、決済の分類はオンライン決済とオフライン決済の二つに分かれます。 オンライン/オフライン共通 クレジットカード デビットカード 電子マネー オフライン決済 現金払い …

   • 業務知識
   • コメントを書く

5. 06.20

   【JavaScript】「HTTPクライアントライブラリ」の比較(axios、fetch)、導入方法など

   axios ブラウザや、Node.jsで動くAjaxリクエストを送るためのPromiseベースのHTTPクライアントです。 404などエラーを受け取るとcatchできる。 GitHubスター数が多い。 メリット …

   • JavaScript
   • コメントを書く

6. 06.20

   【JavaScript】「APIモックライブラリ」の比較

   MSW(Mock Server Worker) RestとGraphQL両方に対応している。 Service Workerがブラウザリクエストをインターセプトして、任意のレスポンスを返せる。 SSR/CSRの両方に対応…

   • React
   • コメントを書く

7. 06.20

   【React】基本(インストール、設定、Error Boundaryなど)、「react-router」について

   概要 2013に公開されて2017年にライセンスを得てオープンソースライセンスに受け入れられました。Facebook社が開発しました。 特徴 仮想DOMの採用で高速で動作する。 採用事例 下記のようなサービスで採用されています。 …

   • React
   • コメントを書く

8. 06.13

   【React】「Redux Tool Kit」のテスト

   各コンポーネントからuseDispatchなどでRedux Tool Kit内のReducer関数を呼び出したり、useSelectorでstateを参照したりすると思いますが、RTK独自の構文になるのでRenderでそのまま呼び出そうとし…

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

9. 06.13

   【React】「ページ遷移」のテスト

   コンポーネント内でページ遷移のテストをする方法です。 react-router-domをモック化する方法 react-router-dom自体をjestでモック化します。ただ、この方法だとwithRouterとかがコードに記述…

   • React
   • コメントを書く

10. 06.06

    【React】「React Query」の「useMutation」について

    useMutationとは？ React Queryでデータを登録・編集・削除したりする場合に使います。AXIOSなどのHTTPライブラリの代替プラスキャッシュ機能を持っている感じです。 動きとしては、APIでバックエンドのデ…

    • React
    • コメントを書く