フロントエンド技術
フロントエンド分野の技術ノートを収録。フレームワーク、エンジニアリング、スタイル、パフォーマンス、ブラウザの原理をカバーし、学習に合わせて継続的に追加していきます。
収録済み
- Vue 3 — コンポジション API、リアクティブの原理、エコシステム選定
- React — コアコンセプト、Hooks、状態管理
- ビルドツール — Vite、Webpack とエンジニアリング設定
- スタイル手法 — Tailwind / UnoCSS、CSS のモダン機能
- テスト — Vitest、コンポーネントテストと E2E
計画リスト
| テーマ | 説明 | 状態 |
|---|---|---|
| Vue 3 | リアクティブの原理、Composition API、エコシステム（Pinia/Router/VueUse） | 計画中 |
| React | Hooks のメンタルモデル、並行機能、状態管理の選定 | 計画中 |
| Angular | モジュール化アーキテクチャ、依存性注入、RxJS リアクティブプログラミング | 計画中 |
| Svelte | コンパイル時フレームワーク、細粒度リアクティビティ、SvelteKit フルスタック | 計画中 |
| Astro | コンテンツ優先のアイランドアーキテクチャ、静的サイト生成 | 計画中 |
| エンジニアリングにおける TypeScript 実践 | 型体操、ジェネリクス応用、エンジニアリング上の制約 | 計画中 |
| ビルドツール | Vite プラグイン機構、Webpack の原理、コード分割とキャッシュ | 計画中 |
| スタイル手法 | Tailwind / UnoCSS、CSS Modules、デザイントークン | 計画中 |
| パフォーマンス最適化 | レンダリング性能、バンドルサイズ、初回表示指標（LCP/INP） | 計画中 |
| ブラウザの原理 | レンダリングパイプライン、イベントループ、ストレージとセキュリティ | 計画中 |
| マイクロフロントエンドとアーキテクチャ | Module Federation、Monorepo 構成 | 計画中 |
| テスト | ユニット/コンポーネント/E2E テスト戦略 | 計画中 |
| フロントエンドセキュリティ | XSS、CSRF と依存関係サプライチェーンセキュリティ | 計画中 |
執筆規約
- 各記事は 1 つの技術ポイントに焦点を当て、「コアコンセプト → コード例 → よくある落とし穴 → 参考リンク」を含む構成；
- コード例は必ず実行可能にし、適用バージョンを明記；
- ファイル名はハイフン命名（例：
vue-reactivity.md）、追加後はconfig.mjsのサイドバーに登録。