1 1

【脱Gulp】Vite × FLOCSS 爆速開発環境（静的コーディング用）

【脱Gulp】Vite × FLOCSS 爆速開発環境（静的コーディング用）

4,980円
4,980円
セール 売り切れ
（税込）

Gulpの「遅さ・複雑さ」から解放される、静的サイト専用キット

「リロードが遅い」「gulpfile.jsが複雑で読めない」「案件ごとの環境構築が面倒」 そんなGulp開発のストレスや、メンテナンスの悩みは今日で終わりにしませんか？

本キットは、次世代ビルドツール「Vite」と、実務で標準的な「FLOCSS設計」を組み合わせた、静的コーディング特化型のスターターキットです。

パッケージ内容と特徴

1. 爆速Vite環境（ツール本体） yarn dev コマンド一発で、即座に開発サーバーが起動します。

  • 構築1分: 面倒な初期設定は完了済み。解凍してすぐにコーディングに入れます。

  • FLOCSS設計: SCSSディレクトリ構成済み。設計に迷う時間をゼロにします。

  • パーツ管理: Handlebars対応。ヘッダー/フッター等の共通パーツ化も実装済み。

  • 画像自動圧縮: WebP / AVIF への変換・圧縮も全自動で行います。

2. 実務直結コンポーネント集 よく使うUIパーツを実装済みの状態で同梱しています。

  • ハンバーガーメニュー（ドロワー）

  • Splideスライダー / アコーディオン

  • ボタン / カード / セクションタイトル

2大特典プレゼント

特典1：完全マニュアル & FAQ（購入者全員） 購入後に公式LINEへ登録いただくと、「取り扱いマニュアル（Googleドキュメント）」と「よくある質問集」をお渡しします。

特典2：実務用スニペット集（レビュー特典） レビューを書いてくださった方には、VS Code用「爆速スニペット集（約15種）」を追加でプレゼントします。 （画像タグ、Grid配置、ホバーアニメーションなど）

注意事項 / 動作環境

  • 種別: 静的サイト構築用（※WordPress環境ではありません）

  • 必須: Node.js 20.19以上 / yarn

  • 禁止: データの再配布・再販売

ご購入後の流れ

決済完了後、すぐにZipファイルのダウンロードリンクがメールで送付されます。

詳細を表示する