ブログ - 2024-11-28 18:54:00

フロントエンド開発ツール【Vita】

Posted by 柴田 あゆみ
Ayumi Shibata
いいね♡114

学んだことを忘れないように

備忘録です。

 

 

今回はVite（ヴィート）について

フロントエンド開発を「速く」「簡単」にするためのツール

 

何に使う？

  • ウェブサイトを作るとき:

    • HTML、CSS、JavaScript を使ったページをすぐにプレビューしたい。

  • アプリの開発:

    • React や Vue.js、Svelte などのフレームワークを使ってアプリを作るときに便利。

  • モダンな開発:

    • 最新のブラウザや技術（ES Modulesなど）を使った開発に最適。

 

特徴

  1. 超高速:

    • 開発サーバーの起動が速い！
    • 必要なファイルだけをその場で読み込む仕組みだから、作業効率がアップ。

  2. リアルタイム更新:

    • コードを編集すると、すぐにブラウザが変わる（HMR: ホットモジュールリプレースメント）。

  3. 簡単スタート:

    • コマンド1つで Vue.js や React のプロジェクトをすぐに始められる。
    npm create vite@latest

  4. モダン技術:

    • 最新のブラウザや JavaScript を活用。
    • 古いツール（Webpack など）よりも設定が簡単。

使い方の流れ

  1. Vite プロジェクトを作る:
    npm create vite@latest
  2. 依存関係をインストール:
     
    npm install
  3. 開発サーバーを起動:
     
    npm run dev　　
    npm run は、package.json ファイル内の scripts セクションに定義されたカスタムスクリプトを実行するためのコマンド　dev はそのスクリプト名の一つ

何に便利？

  • Vue.js や React での開発。
  • 軽くて高速なツールが欲しいとき。
  • 設定がシンプルで、すぐに使える環境が必要なとき。

Vite はとにかく「速さ」と「簡単さ」が魅力

 

 

いいね♡114
Posted by Ayumi Shibata
鹿児島エリア マネージャー / チーフクリエイター 柴田 あゆみ

柴田 あゆみが書いたその他記事

2025-04-29
2025-01-31
CDNJS とは?
2024-11-30
GitHub
2024-02-29
蜷川実花展
2022-12-19
冬の鹿児島
2021-02-26
文字の色選び
2021-01-07
初雪
2020-11-27
11月29日
2020-10-31
映画のすすめ
2020-09-27
肉がすき
2020-02-28
桜島観察記録
2020-01-30
博多座
< Prev [C4D]知ってたら楽！軸の調整[便利]
Next > ラスベガス研修 3日目！
ブログ TOP

ブログ　2021-03-31 18:14:00

まさかのHP活用術！！笑

こんにちは関です！ 最近はとても暖かくなって 桜も咲いてすっかり春ですね〜♡ 3月もおつかれさまでした＾＾   3月は少 ...

ブログ　2026-05-31 13:35:00

【面白かった映画】プラダを着た悪魔2

どうも皆さんこんにちは！ 志水です   先日、「プラダを着た悪魔2」を見に行ってきました！   「プラダを着た ...

ブログ　2021-12-31 08:13:00

2021年 〜レーザー演出で締めくくれた1年〜 来年に向けて

どうも山内です★ 2021年ラストデイ 大好きなレーザー振り返っていきたいと思います！！！ 今年一年もコロナ禍で大変な時期はありましたが ...

ブログ　2021-01-18 20:34:00

Lumix S5 HLG 魅力

こんにちは山内です 先日Lumix S5を購入し色々な事をテストしています 最近はまっている事は「HLG撮影」 Hybrid Log- ...

ブログ　2021-01-17 20:43:00

Final Cut Pro X で映像制作 〜文字に色つけてみよう〜

こんばんは〜！！！   Final Cut Proという編集ソフトをご存じでしょうか？ 知らないよ〜！という方おすすめのBL ...

ブログ　2021-02-11 19:40:00

休日撮影ライフ〜中洲夜景編〜

こんにちは！   かいとです     今回は自分の休日撮影シリーズということで、   ...

ブログ　2021-01-30 10:30:00

Youtube編集初心者がみるべきチュートリアル動画10選

          これからYouTube編集を始めたい！ でも何から始めてい ...

ブログ　2021-01-24 19:43:00

かごしまさんぽ 2

こんばんは〜！   最近だいぶ暖かくなってきましたね！ みなさんの地域はいかがですか(*^O^*)   &nb ...

ブログ　2025-06-30 22:48:00

ピークスマインド23卒同期7人　Forever......

今日は、同期7人で仲良くカノビアーノ福岡でディナーをいただいてきました！ いつもエンドロールを撮りながらゲストの料理を美味しそうだなと思い ...

ブログ　2022-11-25 20:50:00

24新卒 体験インターン募集！

先日、ある積極的な学生さんのリクエストにお応えする形で、ピークスマインド「1泊2日の体験インターン」を実施しました。 予想以上に、学生 ...

Copyrights ©️ 2019 All Rights Reserved by PEACSMIND Co.,Ltd.