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

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

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

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

備忘録です。

 

 

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

 

 

いいね♡144
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

ブログ　2024-05-23 14:42:00

新しく5名の仲間が加わりました！！

こんにちは！23卒の牛です！     天気も春らしくなってきました。   あたたかくて過ごしやすく毎 ...

ブログ　2023-11-30 23:55:00

息抜きも大切

    今回はちょっとだけ息抜き編です笑   宮崎は常日頃からピークスの皆さんから   ...

ブログ　2024-06-29 11:04:00

【NAOTO PRESENTS HONEST HOUSE 2024】に行ってきました！

    こんにちは＾＾！ 今日は先日行ったLIVEの話を 是非是非させてください、、、！！！   ...

ブログ　2020-02-22 21:28:00

"Slack"

みなさんはslackというアプリをご存知でしょうか？   Slackとは・・・近年急速に拡大を続けているビジネス向けチャット、 ...

ブログ　2021-04-09 19:15:00

思い出残しませんか？

こんにちは☆ 最近はお昼はポカポカ日和なのに 夜は相変わらず寒いく(T-T) 早く暖かくならないかなと願うセキです。   ...

ブログ　2022-04-29 20:57:00

4/30 new MV公開！！

福岡を拠点に全国で活動するロックバンド   SHIMA   5月に発売するnew album「FLAKES」に合 ...

ブログ　2026-09-03 21:30:00

大濠公園開催の『Sekai』を体験！

こんにちは！福岡です！ 皆さん、今、大濠公園で開催されている「世解-Sekai」をご存知でしょうか？ 「世解-Sekai」は、幻想的な空 ...

ブログ　2024-11-22 21:39:00

学び

10月がすぎたと思えばもう11月が終わろうとしています。 さて、私にも次々と同期が増えていっておりますが、 嬉しい気持ちの反面焦る気持ち ...

ブログ　2023-12-11 11:43:00

【絶対に聴いて！】New album！ 4th 『 THE GREATEST UNKNOWN 』感想【King Gnu】

  こんにちわ。 色んな音楽聴きすぎてもはや誰のファンとかではなくなってしまった横山です。     ...

ブログ　2025-12-01 07:51:00

【撮影の基礎①】カメラの「アングル」の重要性

どうも皆さんこんにちは！   志水です！     同じ場所・同じ被写体を撮っているのに、「なんかこの ...

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