Blog
フルスタック・AI・チームビルディングの現場知識を言語化した記事一覧
Next.jsのSSR・SSG・ISRを実務でどう使い分けるか
ドキュメントを読めばわかるが実務判断が難しいNext.jsのレンダリング手法。複数プロジェクトの経験から判断フローと落とし穴を整理する。
Atomic Designを実務で使って気づいたこと——設計の共通言語はチームを助ける
React + TypeScriptのプロジェクトでAtomicDesignを採用したときの実体験。よかった点と困ったこと、Next.jsとの組み合わせでの実用的な運用方針をまとめる。
REST APIの設計原則を学び直す——URLの考え方から冪等性まで
「Webを支える技術」でRESTの設計原則を体系的に学び直した記録。リソース指向のURL設計・統一インターフェース・冪等性の考え方を実例とともに整理する。
望ましいURIとは何か——Webを支える技術で学んだURL設計のベストプラクティス
「わかりやすいURL」と「正しいURL」は別物。Webを支える技術をもとに、REST設計と整合するURI設計の原則と実務での判断基準を整理する。
HTTPを正しく理解する——メソッド・ステータスコード・ヘッダーの実務知識
GET/POST/PUT/PATCHの使い分けからステータスコードの正確な意味、キャッシュ制御ヘッダーまで、「Webを支える技術」で学び直したHTTPの実務知識を整理する。
フロントエンドエンジニアがサーバ/インフラを学んで気づいたこと——見えていなかった仕組み
DNS・負荷分散・冗長化など、フロントエンド寄りのエンジニアが「サーバ/インフラを支える技術」を読んで初めて腑に落ちたインフラの基礎知識をまとめる。
Linux運用で最低限知るべきこと——ターミナル作業を怖くなくするための基礎知識
プロセス管理・ログ監視・ファイルシステム・パーミッションなど、フロントエンド出身のエンジニアがLinuxサーバ運用で実際に必要になった基礎知識を整理する。
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の挙動を実務視点で整理。