フロントエンドのビルドを理解する
·
13分(8,866字)
·
-
- TL;DR - フロントエンドのビルドは パース → トランスパイル → モジュール解決 → バンドル → ミニファイ の5工程で構成される - パース はソースコードをAST（抽象構文木）に変換する - トランスパイル はJSX/TypeScriptをJavaScriptに変換する -...
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を使っていると、...