React 【実務・中級編】 状態管理ロジックのテスト戦略 – React実践ガイド
こんにちは。君もそろそろ「よし、コンポーネントの見た目のテストは書けるようになったぞ。でも、この複雑に絡み合ったカスタムフックやreducerのロジック、どうやって単体テスト書けばいいんだ……？」という壁にぶち当たっている頃じゃないかな。大...
2026-09
React TypeScript 【実務・中級編】 Excludeによるユニオン型の絞り込み – TypeScript実践ガイド
やあ、調子はどうだい？日々のコンポーネント実装やAPIの型定義に追われて、気がついたら `any` の爆弾を抱えて冷や汗をかく……なんていう泥臭いフロントエンドの戦場を、君も毎日のように駆け抜けていることだと思う。さて、今日は中級から一歩抜...
Webブラウザの仕組み 【実務・中級編】 フォント読み込み戦略（font-display） – Webブラウザの仕組み実践ガイド
こんにちは。フロントエンドチームのシニアアーキテクトとして、日々ブラウザのパフォーマンスチューニングに明け暮れる君に、今日はWebフォントの読み込み戦略、特に`font-display`の深淵について話をしよう。「デザインカンプ通りにフォン...
JavaScript 【実務・中級編】 String.prototype.startsWith() – JavaScript実践ガイド
お疲れ。今日のコードレビューで、また「あの書き方」を見かけたんだよね。// レビューでよく見るやつif (str.indexOf('prefix_') === 0) { // 処理}おいおい、平成か！……いや、冗談はさておき、中級からもう一...
CSS 【実務・中級編】 is関数型疑似クラス – CSS実践ガイド
おい、調子はどうだい？最近、後輩のコードレビューをしていて「おっ、やるじゃん」と感心させられることが増えたんだが、同時に「あー、まだ古いCSSの書き方に囚われてるな」ってもどかしく思う瞬間も多いんだよね。特に、コンポーネントが複雑化してくる...
React 【実務・中級編】 関数型更新（Functional Updates）の活用 – React実践ガイド
やあ。最近、チームのコードレビューをしていて「またか」と天を仰ぎたくなる瞬間があるんだ。それが今回テーマにする`useState`の非同期バグ、そしてそれを鮮やかに解決する「関数型更新（Functional Updates）」の不徹底による...
TypeScript 【実務・中級編】 Recordによるオブジェクト型の生成 – TypeScript実践ガイド
お疲れ。最近、君の書いているコードをいくつかレビューさせてもらったんだけどさ……うん、全体的にすごくよく書けている。キャッチアップも早いし、TypeScriptの型システムに対する苦手意識もなさそうだ。ただ、ふと気になったんだよね。オブジェ...
Webブラウザの仕組み 【実務・中級編】 ペイントホールドとレイアウト安定性（CLS対策） – Webブラウザの仕組み実践ガイド
やあ。今日もレガシーとモダンが入り交じったコードベースの海で、CLS（Cumulative Layout Shift）の亡霊と戦っているところかい？「ページを開いた瞬間にボタンを押そうとしたら、急に画像が読み込まれて下のコンテンツがガクッと...
JavaScript 【実務・中級編】 String.prototype.lastIndexOf()による逆順検索 – JavaScript実践ガイド
やあ。最近、コードレビューをしていて「あ、これ惜しいな」「もっと綺麗に書けるのに」と思うことがよくあるんだよね。特に文字列操作あたりは、なんとなく`indexOf()`や正規表現を引っ張り出してきて、動くには動くけど……というコードに出会う...
CSS 【実務・中級編】 not関数型疑似クラス – CSS実践ガイド
やあ。今日も今日とてCSSの海を泳ぎ回っているかい？デザインカンプを忠実に再現するだけなら初級者でもできる。だが、保守性が高く、将来の仕様変更にもビクともしない堅牢なスタイルシートを組み上げるとなると話は別だ。特に「例外処理」の書き方一つで...