#TypeScript
26 件の記事
フロントエンドのテスト戦略——「全部書く」をやめてから品質が上がった話
React + TypeScriptプロジェクトでのテスト方針。ユニット・インテグレーション・E2Eの使い分け、テックリードとして実務で落ち着いた優先度と運用方法をまとめる。
StorybookをReactチームに導入して見えてきたこと——メリットと継続の難しさ
テックリードとしてStorybookの導入を主導した経験から、コンポーネントカタログとして機能させるための運用方針と、正直な失敗談をまとめる。
Atomic Designを実務で使って気づいたこと——設計の共通言語はチームを助ける
React + TypeScriptのプロジェクトでAtomicDesignを採用したときの実体験。よかった点と困ったこと、Next.jsとの組み合わせでの実用的な運用方針をまとめる。
REST APIの書き込み設計——冪等性・トランザクション・楽観的ロックの実装パターン
REST APIの書き込み操作（POST・PUT・PATCH・DELETE）における冪等性の確保、トランザクション設計、楽観的ロック・悲観的ロックの実装パターンをNestJS/TypeScriptのコード例で解説。
改訂3版 JavaScript本格入門——100万部超えロングセラーを独学エンジニアが読んだ正直な評価
ECMAScript 2022対応に大幅改訂されたJavaScript本格入門を、独学からテックリードになったエンジニアが評価。どの章が実務で役立ったか、どんな読者に向いているかを正直に書く。
JavaScriptのMap・Setを使いこなす——Arrayとの使い分けを実務目線で整理する
JavaScriptのMapとSetを、よく使うArrayと比較しながら解説。重複除去・高速キー検索・順序保証など、実務でMapとSetを選ぶべき場面をコード例とともに整理する。
Fetch APIで非同期通信をマスターする——GET・POST・エラーハンドリング・React連携まで
JavaScriptのFetch APIの基本から、POST送信・エラーハンドリング・タイムアウト・ReactのuseEffectとの組み合わせまで実務で使うパターンをコード例で整理する。
JavaScriptの正規表現入門——実務でよく使うパターンをコード例で整理する
JavaScriptのRegExpを使った文字列検索・置換・バリデーションの書き方を解説。メールアドレス・電話番号・郵便番号などフォームバリデーションでよく使うパターンをTypeScriptで整理。
ESLint・Jest・Viteを最初に整備する——JavaScriptプロジェクトの開発環境構築
後から開発ツールを入れると既存コードの修正が大変になる。ESLint・Prettier・Jest・Viteをプロジェクト初期に導入する手順と設定例を実務目線でまとめる。
JavaScriptのクラスとモジュールを理解する——TypeScriptに活きるOOPの基礎
classはシンタックスシュガーという基礎から、カプセル化・継承・ESモジュールまで。TypeScriptのinterface・abstractとの対応も含め実務目線で整理する。
JavaScriptのArray高階関数を実務で使いこなす——map・filter・reduceの使い分け
forループからArray高階関数へ移行した理由から、map・filter・reduce・find・some・everyの使い分け、TypeScriptでの型付けまで実務目線で解説する。
JavaScriptの非同期処理を整理する——コールバック・Promise・async/awaitの使い分け
コールバック地獄からPromise、async/awaitへの変遷を実務経験ベースで整理。JavaScript本格入門で改めて体系を学んだエンジニアが書く非同期処理入門。