✅ SCSS自動生成（index.scss）

やったこと

• 各ディレクトリ内のSCSSファイルを自動検出し、index.scssに整理してimport
• layout/、component/、project/、utility/、foundation/、global/など、プロジェクトごとに分けられたSCSSディレクトリの中で、index.scssを自動生成する処理を実装。
• @use文を自動で整理し、アルファベット順に並べることができるようにした。

どう役立つか

• 手動管理のミスを排除し、各SCSSファイルの@use文を手動で追加する手間を完全に省略。
• 各SCSSファイルを削除した場合、index.SCSSにも連動して@use文を削除。
• SCSS構造が常に整理され、管理しやすくなるため、プロジェクトの規模が大きくなっても一貫性を保つことができる。
• FLOCSS設計ルールに沿った運用が可能になるため、チーム開発や大規模サイトのメンテナンス性が向上。

✅ 差分ビルド（画像/JS/CSS）

やったこと

• 画像、JS、CSSファイルの差分チェックを導入し、更新されたファイルのみをビルド対象にする仕組みを構築。
• 変更がないファイル（画像・JS・CSS）は再ビルドをスキップすることで、処理時間を短縮。
• *JSファイルをminify（gulp-uglify）**し、サイズ削減を行い、ページの初回表示速度を向上。
• *CSSファイルをminify（gulp-clean-css）**し、無駄なスペースやコメントを削除、最適化された状態で出力。

どう役立つか

• ビルド時間を大幅に短縮でき、開発時の効率が大幅に向上。