モダンHTMLボイラープレート ジェネレータ 開発・その他
Vanilla / React / Vue 3 / Alpine.js / HTMX / Petite Vue の6種スターター × Tailwind / Bootstrap / Pico CSS / なし の組合せで、CDN込みの完全なHTMLボイラープレートを即生成します。npm不要・ファイル1つで動くアプリ開発の出発点として最適です。
index.html (CDN込みの完全なHTML)
使い方
- 左側でJSフレームワーク・CSSフレームワーク・追加機能を選択
- 右側にCDN込みの完全なHTMLが即生成 (リアルタイム反映)
- 「コピー」または「ダウンロード」して保存・
index.htmlとして開けば即動作 - npm install 不要・ビルド不要・ファイル1個で完結
各JSフレームワークの選び方
- Vanilla JS: 学習・小規模・パフォーマンス最優先
- React 18: 業界標準・採用案件多い・JSXで書きやすい (Babel付き)
- Vue 3: 日本でも普及・直感的・SFC的に書ける
- Alpine.js: HTML中心 + ちょっとリアクティブ・最も軽量級 (15kB)
- HTMX: サーバサイドレンダリング派・JSをほぼ書かずに動的UI
- Petite Vue: Vue 3 の軽量版・既存HTMLに後付け
各CSSフレームワークの選び方
- Tailwind CSS: ユーティリティクラスで自由に組める・モダン (CDN版は本番非推奨)
- Bootstrap 5: UIコンポーネントが豊富・コーポレートサイト向き
- Pico CSS: クラス不要・セマンティックHTMLが即綺麗
- なし: 自分でCSSを書きたい時・最小構成