Skill.md検索

フィーチャーベースアーキテクチャに沿って、コンポーネント・カスタムフック・ユーティリティを一貫して実装できます。 ディレクトリ構造（features//components/hooks/utils/）を自動生成し、整理された状態で機能開発を進められます。 Reactコンポーネントとカスタムフック（状態管理・API連携）を標準パターンで実装でき、属人性を減らせます。 パブリックAPIのindex.tsを作成することで、他の機能から適切に import できる設計になります。 ユーティリティ関数のテストコード（.test.ts）も含めて実装できます。 フロントエンド開発者で、スケーラブルなプロジェクト構成を実現したい人 複数機能を並行開発するチームで、統一された実装パターンを求める人 Reactの初心者〜中級者で、「新機能をどう配置するか」迷っている人 既存プロジェクトに後から新機能を追加する際に、構成のガイドラインが欲しい人 フィーチャーベースアーキテクチャに基づき、以下の手順で実装します： 1. ディレクトリ構造作成: src/renderer/features//{components,hooks,utils} を作成 2. コンポーネント実装: components/FeatureItem.tsx など、TypeScriptで型安全なコンポーネントを実装 3. カスタムフック作成: hooks/useFeatures.ts で、状態管理・API連携・ライフサイクルを封カプセル化 4. ユーティリティ関数: 機能固有のロジック（フォーマット等）を utils/ に分離し、テストコード付きで実装 5. パブリックAPI設計: features//index.ts で外部向けのエクスポートを定義 これにより、各機能が独立したモジュールとして管理され、保守性と拡張性が向上します。