LaravelのViteプラグインでfontaine未導入警告が出たときの判断と対応
2026.09.09
Laravelの公式ViteプラグインでWebフォントを設定した際に表示される、fontaine未導入警告について解説します。fontaineはWebフォント自体に必須のパッケージではなく、代替フォントの大きさを調整し、フォント切り替え時の画面移動を抑えるためのビルド時パッケージです。警告とビルド失敗の違い、fontaineを導入する場合とoptimizedFallbacks: falseで無効化する場合の判断基準、CLSの確認方法を整理します。
CSS Laravel Vite Vue.js
ViteのJavaScriptチャンクサイズ警告が出たときの判断基準：コード分割・閾値変更・現状維持
2026.09.08
ViteのビルドでJavaScriptチャンクサイズ警告が出たときに、ビルドエラーとの違い、非圧縮サイズとgzipサイズの見方、静的importによるチャンク肥大化の原因を整理する。動的importや依存ライブラリの見直し、警告閾値の変更、現状維持について、一般ユーザー向けサービス・社内管理画面・自分専用の管理画面ごとの判断基準と本番運用上の注意点を紹介する。
JavaScript Vite Vue.js
ViteでVue.jsを始める：プロジェクト作成から構成確認・デプロイまで
2026.08.17
Windows 11のPowerShellからVue公式のcreate-vueを使って、JavaScript構成のVue.jsプロジェクトを作成します。Viteの役割、srcやApp.vueなどのファイル構成、開発サーバー、プロダクションビルド、静的ホスティングへのデプロイまでを解説します。
JavaScript Vite Vue.js