#React
12 件の記事
Fetch APIで非同期通信をマスターする——GET・POST・エラーハンドリング・React連携まで
JavaScriptのFetch APIの基本から、POST送信・エラーハンドリング・タイムアウト・ReactのuseEffectとの組み合わせまで実務で使うパターンをコード例で整理する。
フロントエンドエンジニアが最低限知っておくべきアクセシビリティ入門
WAI-ARIA・セマンティックHTML・キーボード操作・コントラスト比など、ReactとNext.jsプロジェクトで押さえるべきアクセシビリティの基本を実装例とともに解説。医療系システムの現場での実体験もあわせて紹介。
styled-components vs CSS Modules——Next.jsプロジェクトでCSS設計を選ぶ基準
CSS-in-JSのstyled-componentsとCSS Modulesをパフォーマンス・DX・チーム開発の観点で比較。Next.js + TypeScriptプロジェクトでどちらを選ぶべきか、実務経験をもとに判断基準を整理する。
TypeScript Utility Types実践ガイド——Partial・Pick・Omitを実務でどう使うか
TypeScriptのUtility Types（Partial、Required、Pick、Omit、Record、ReturnTypeなど）をReact/Next.js実務で使うパターンをコード例付きで解説。any禁止チームが型安全を保つための具体的なテクニック集。
React×Next.jsの選択基準を実務から考える —SPA・SSR・SSGをどう使い分けるか
治験CRMではSPA、このブログではSSGを選んだ理由を実体験から整理。App Router vs Pages Router、CSR/SSR/SSG/ISRそれぞれのユースケースと実務での判断基準をまとめます。
TypeScriptとReact/Next.js実践本を読んで実務で使い続けた話——テックリード視点の正直な評価
TypeScriptとReact/Next.jsでつくる実践Webアプリ開発を実務投入直前に読み、その後チームに展開するまでの体験談。初心者向けの入門書として買ったが、中級者になった今でも参照する理由を正直に書く。
TypeScriptとReact/Next.js実践本を未経験エンジニアが読んだ正直な感想
エンジニア転職直後、TypeScriptもReactも「名前だけ知っている」状態で手に取った一冊の正直な評価。独学からの実務投入前に読んで何が役立ったか、何が足りなかったかを書く。
フロントエンドのテスト戦略——「全部書く」をやめてから品質が上がった話
React + TypeScriptプロジェクトでのテスト方針。ユニット・インテグレーション・E2Eの使い分け、テックリードとして実務で落ち着いた優先度と運用方法をまとめる。
StorybookをReactチームに導入して見えてきたこと——メリットと継続の難しさ
テックリードとしてStorybookの導入を主導した経験から、コンポーネントカタログとして機能させるための運用方針と、正直な失敗談をまとめる。
Next.jsのSSR・SSG・ISRを実務でどう使い分けるか
ドキュメントを読めばわかるが実務判断が難しいNext.jsのレンダリング手法。複数プロジェクトの経験から判断フローと落とし穴を整理する。
Atomic Designを実務で使って気づいたこと——設計の共通言語はチームを助ける
React + TypeScriptのプロジェクトでAtomicDesignを採用したときの実体験。よかった点と困ったこと、Next.jsとの組み合わせでの実用的な運用方針をまとめる。
JavaScriptのArray高階関数を実務で使いこなす——map・filter・reduceの使い分け
forループからArray高階関数へ移行した理由から、map・filter・reduce・find・some・everyの使い分け、TypeScriptでの型付けまで実務目線で解説する。