Blog
フルスタック・AI・チームビルディングの現場知識を言語化した記事一覧
AWSのIAM設計を正しく理解する——最小権限の原則と実務での落とし穴
IAMのロール・ポリシー・グループの使い分けを整理し、テックリードとして現場で踏んだミスと改善策を実務視点で解説する。
TypeScriptとReact/Next.js実践本を読んで実務で使い続けた話——テックリード視点の正直な評価
TypeScriptとReact/Next.jsでつくる実践Webアプリ開発を実務投入直前に読み、その後チームに展開するまでの体験談。初心者向けの入門書として買ったが、中級者になった今でも参照する理由を正直に書く。
TypeScriptとReact/Next.js実践本を未経験エンジニアが読んだ正直な感想
エンジニア転職直後、TypeScriptもReactも「名前だけ知っている」状態で手に取った一冊の正直な評価。独学からの実務投入前に読んで何が役立ったか、何が足りなかったかを書く。
フロントエンドのテスト戦略——「全部書く」をやめてから品質が上がった話
React + TypeScriptプロジェクトでのテスト方針。ユニット・インテグレーション・E2Eの使い分け、テックリードとして実務で落ち着いた優先度と運用方法をまとめる。
Next.jsでSEOを実装するときに押さえるべきこと——メタデータからJSON-LDまで
「Next.jsを使えばSEOは大丈夫」は誤解。App RouterでのMetadata API、OGP、JSON-LD、サイトマップの実装方法と実務での注意点をまとめる。
StorybookをReactチームに導入して見えてきたこと——メリットと継続の難しさ
テックリードとしてStorybookの導入を主導した経験から、コンポーネントカタログとして機能させるための運用方針と、正直な失敗談をまとめる。
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・負荷分散・冗長化など、フロントエンド寄りのエンジニアが「サーバ/インフラを支える技術」を読んで初めて腑に落ちたインフラの基礎知識をまとめる。