useEffectのクリーンアップでメモリリークを防ぐ
·
4分(3,031字)
·
-
- TL;DR - JavaScriptのGCは 参照されなくなったオブジェクト のみ解放する - 副作用で外部リソースを使う場合は 必ずクリーンアップ関数を実装 する - イベントリスナーは登録と解除で 同一の関数参照 を使う - 非同期処理は AbortController でキャンセルする -...
仕様駆動開発とTips
·
6分(3,159字)
·
-
- TL;DR - 仕様駆動開発（SDD）は「仕様 → 実装計画 → タスク分割 → 実行」の流れで迷いと手戻りを減らす開発スタイル - SpecKitは仕様・計画・タスク分割の支援が充実している - 自作プロンプトでは spec.md、plan.md、tasks.md、manual-test.md...
RSSで個人ブログの記事をREADMEに自動反映する
·
4分(2,447字)
·
-
- TL;DR 個人ブログの記事をGitHubプロフィールのREADMEに自動反映する仕組みを実装しました。 - @astrojs/rssでRSSフィードを生成 - GitHub Actionsで別リポジトリのREADMEを更新 はじめに...
JavaScriptのイベント伝搬を理解する
·
3分(1,476字)
·
-
- TL;DR - DOM のイベントは キャプチャ → ターゲット → バブリング の3フェーズを必ず通る - addEventListener で指定するのは 「どのフェーズで handler を呼ぶか」 - デフォルトは バブリングフェーズ --- はじめに JavaScriptを使っていると、...
ReactがUIを表示するまでの4つのフェーズとConcurrent Rendering
·
5分(2,953字)
·
-
- TL;DR - React のレンダリングは Trigger → Render → Commit → Browser Paint の4フェーズに分けて理解できる - Render フェーズは UI の計算だけで、DOM はまだ更新されない - Commit フェーズで初めて DOM...