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

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

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

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

備忘録です。

 

 

今回は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 はとにかく「速さ」と「簡単さ」が魅力

 

 

いいね♡80
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-10-31 21:49:00

Photoshop 2022 アップデート情報

毎年更新されるAdobeCC  先日10月26日に2022版が出ました！ 今回はAIを使った機能強化がさらに推進されているとい ...

ブログ　2022-02-27 12:18:00

iPhone 13 で遊んでみたpart 2 3D scan

こんにちは、こんばんわ エハラです     前回に続き、iPhone で遊んでみた第２弾です！！   ...

ブログ　2021-11-06 19:38:00

覚えて損なし！！CC Particle World を簡単に動かす方法！！！

こんにちは、こんばんは エハラです   今日は！！！ After Effects でCC Particle Worldをモ ...

ブログ　2022-02-07 12:00:00

【スグ見るべき！】Netflixで是非見てほしいモノ4選‼︎ 【Netflix】

      こんにちは。 横山です。     最近は色々なサブスクが流行って ...

ブログ　2024-08-28 02:53:00

ネットミュージアムで美術鑑賞

こんにちは、手嶋です。   皆さんネットミュージアムを知っていますか？ コロナ禍に注目されていました、 インターネットを使 ...

ブログ　2024-02-05 21:00:00

【生成AI】凄いAIを試してみた【Runway】

こんにちは、瀬元です！ 今回は、生成AIのお話。 凄いサイト見つけちゃいました。   アメリカのAI その名もRunwa ...

ブログ　2024-05-31 17:16:00

新卒エンジニアが見つけた!迫力満点のマッピングエフェクト

こんにちは、皆さん。2024年新卒の伊藤です。入社して2カ月が経ち、新卒という呼び名も少しずつ薄れてきましたが、まだまだ新人らしい発見があり ...

ブログ　2023-10-04 01:51:00

企業内定式。内定者達の記憶に刻めた！？

ピークスマインド代表の原田です。 2023年10月2日(月)。世の多くの企業がそうであったように、ピークスマインドでも内定式を開催ぃ＝！！ ...

ブログ　2021-02-07 20:02:00

ドラゴン襲来

こんにちは、桑原です。 ARで騎士をメインに冒険させている桑原ですが そろそろラスボスが登場するようです！ 前作はこちら↓ ...

ブログ　2025-07-11 12:00:00

【その他】2年連続！23卒で

こんにちは、瀬元です！   先日、23卒の同期全員で「リストランテ カノビアーノ福岡」で食事に行ってきました！ 今回は、昨年 ...

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