カテゴリー「TypeScript」に関連するページ一覧 2ページ目

APIの結果を待ってから画面に表示したいときは、asyncとawaitを使います。ただし、fetchはHTTPの404や500だけでは例外になりません。通信失敗とHTTPエラーを分けて扱います。awa...

同じ処理を文字列と数値の両方に使いたいとき、引数をanyにすると戻り値の型も分からなくなります。ジェネリクスを使うと「受け取った型と返す型が同じ」という関係を表せます。Tは関数を呼ぶときに決まる型です...

ステータスごとの表示名や色を定義するとき、文字列を自由にキーへ使うと、追加漏れやタイプミスに気付きにくくなります。キーの候補が決まっている対応表にはRecordを利用できます。RecordOrderS...

API仕様からTypeScriptの型と通信コードを生成し、変更に追従しやすくする構成を紹介します。生成コードと手書きコードの分け方、API変更時の作業順序、型チェックでは見つからない問題を説明します...

再読み込みや画面遷移を直接呼ぶ処理を、小さな関数へ分ける方法を紹介します。保存処理を例に、テストでの置き換え、失敗時に操作しない確認、実ブラウザーで確認すべき範囲を説明します。

機能間の通知を小さなイベントバスへまとめ、イベント名とデータの取り違えを型で検出する方法を紹介します。購読解除、通知の保持、直接呼び出しとの使い分けも説明します。

検索条件をURLへ変換するときのルールを小さな関数へまとめる方法を紹介します。0とfalseを残す判定、配列の表現、URLSearchParamsによる変換、確認項目を説明します。

Uint8Arrayのbufferをそのまま渡すと余分なデータまで含まれる場合を説明します。subarrayとコピーの違い、範囲を限定する変換関数、元データの変更による影響を具体例で紹介します。

Intl.NumberFormatで通貨と言語を指定して金額を表示する方法を紹介します。0と未設定の区別、丸めと計算の違い、表示用の共通関数に含める範囲を説明します。

環境ごとに変わるAPIの接続先を共通関数で扱う方法を紹介します。URLの解決、末尾スラッシュ、別オリジンの扱い、API用と外部リンク用を分ける理由を説明します。