Vite入門 - HTMLからTypeScript・React・Tailwind CSSまで - ICS MEDIA

Viteヴィート（フランス語で「速い」の意味）はフロントエンドのビルドツールです。 シンプルなウェブページの作成からReactやVue.jsなどのフレームワークを使ったアプリケーションの開発まで、さまざまな環境で利用できる汎用的で強力なツールです。2026年にリリースされたバージョン8では、パフォーマンスや開発体験がさらに向上しています。 ViteはNext.js・Nuxt・Astroのようなフレームワーク（メタフレームワーク）を使わずに静的サイトやReact・Vue.js等のSPAを開発するために使われます。位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。 この記事では、Viteを導入して静的ウェブサイトからTypeScript・React・Tailwind CSS等を組み合わせたアプリケーションまで、快適な開発環境を手に入れる方法

[kappaseijin]

"開発者がVue.jsの作者であるEvan You氏""プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツール"

[gabill]

開発はES modules、本番環境ではバンドルってことかな。

[sezemi]

“必要な時に必要なファイルだけをコンパイルしてブラウザーに送ります” ちょっとチュートリアルやったみるか

[yasu-log]

Vite ヴィート

[d_animal141]

[vite

[efcl]

Viteの基本的な使い方についての記事。 ライブラリ、TypeScript、画像などのアセットの利用、設定ファイル、IE11対応についてなど

[yuki_2021]

フロントエンドのビルドツール。

[kai_kou]

これはよさげなツール。けどもうjQueryはなくていいやんっておもっちゃう

[nicht-sein]

試してみる

[nijitaro]

移行検討する

[field_combat]

一度試してみよう

[stp7]

お試しで使ってみよう。

[sharaku3eyes]

こういうのでいいんだよ

[yao3]

[フロントエンド]

[otchy210]

ちょろっとした個人用ツールを書いたりするのに、自分なりの初期設定パターンみたいのできつつあったけど、いっそこういうのに乗っかっちゃった方が楽そう。

[tettekete37564]

そろそろ最近のフロントエンド開発環境・フローに手を出したがどこから手を付けて良いか分からん、と思ってたので題材的にちょうど良いかも / VSCode 重くね？と思ったらワシの業務マシンが8年前の iMac だもんな・・・

[airj12]

親切設計だ

[mayumayu_nimolove]

はいはいはい。気になってた所だ

[matarillo]

覚えておきたい

[kagehiens]

良いことづくめに見えるので実際のところを確認したくなる。

[KoshianX]

ふーむ、vite か。ちょっと触ってみるかなあ

[shumaru2525]

ええやん