記事一覧
手を動かして確かめたことを書いています
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本格入門で改めて体系を学んだエンジニアが書く非同期処理入門。
JavaScriptのスコープとthisで詰まったこと——本格入門で理解が深まった概念
varとletの違い、クロージャの仕組み、thisが指すものが変わる理由など、JavaScriptを書くうえで避けられないスコープ・クロージャ・thisの挙動を実務視点で整理。
ES6+の新構文を実務でどう使うか——JavaScript本格入門で整理した基礎知識
アロー関数・分割代入・スプレッド構文・テンプレートリテラルなどES6+の構文を、独学からテックリードになったエンジニアが実務視点で整理した記録。
30代・未経験からエンジニアになるまで——学び方と実務への入り方を振り返る
接客業から30代に入って未経験でエンジニアに転身した経緯を、学習の進め方と実務への入り方に絞って振り返る。独学の進め方、社内SEから開発職に移るまでの段階、効いたことと遠回りだったことを整理した。