# laravelとReactとviteの話です.ローカルサーバーを建てず

おはようございます.laravelとReactとviteの話です.ローカルサーバーを建てずに直本番にアップロードしてテストしたいなど、こんな場面はあまりないとは思いますが出先でひ弱なPC環境だった場合.Dockerなどを立ち上げているとパソコンが落ちまくる等という場面、この方法を踏めば別にDocker立ち上げなくても済むという話です.

まず、パソコンにNodeJSがインストールされていることを前提条件として書いていくとまずViteをグローバルにインストールします.次にパッケージをインストールしビルドを行います.

```
npm install -g vite
```



これでビルドしたファイルがパブリックディレクトリの中に出来るのでそれだけサーバーにアップロードすれば本番環境で確認等出来るという話です.まぁでもこれはある意味、本番環境とパソコンが一致していないので、正しい手順ではないしリスクも伴います.

```
npm install
npm run build
```



なので、自分で運用しているサービスでシステムが停止しても何も問題ない時に使える話です.

ここで何を言いたいかというと、ノードモジュールのディレクトリをアップロードする必要はないという事です.

尚、この頃npmではマルウェアが伝染しているようなので、この方法はリスクを伴いますのでくれぐれも慎重にご対応ください.

明日へ続く

 [ ![](https://zip358.com/wp-content/uploads/2026/01/image-11.png) ロボット元年だと言われている2026年.

 ](https://zip358.com/2026/01/15/%e3%83%ad%e3%83%9c%e3%83%83%e3%83%88%e5%85%83%e5%b9%b4%e3%81%a0%e3%81%a8%e8%a8%80%e3%82%8f%e3%82%8c%e3%81%a6%e3%81%84%e3%82%8b2026%e5%b9%b4.html) 

 [ ![](https://zip358.com/wp-content/uploads/2025/12/music-2025-1.png) 音楽とリピートリストを作っている.

 ](https://zip358.com/2026/01/14/%e9%9f%b3%e6%a5%bd%e3%81%a8%e3%83%aa%e3%83%94%e3%83%bc%e3%83%88%e3%83%aa%e3%82%b9%e3%83%88%e3%82%92%e4%bd%9c%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b.html) 

 [ ![](https://zip358.com/wp-content/uploads/2026/01/image-10.png) デコボコな能力を持っている気がします.

 ](https://zip358.com/2026/01/13/%e3%83%87%e3%82%b3%e3%83%9c%e3%82%b3%e3%81%aa%e8%83%bd%e5%8a%9b%e3%82%92%e6%8c%81%e3%81%a3%e3%81%a6%e3%81%84%e3%82%8b%e6%b0%97%e3%81%8c%e3%81%97%e3%81%be%e3%81%99.html) 

 [ ![](https://zip358.com/wp-content/uploads/2026/01/image-8.png) 今年の資産目標金額に達成してしまった.

 ](https://zip358.com/2026/01/12/%e4%bb%8a%e5%b9%b4%e3%81%ae%e8%b3%87%e7%94%a3%e7%9b%ae%e6%a8%99%e9%87%91%e9%a1%8d%e3%81%ab%e9%81%94%e6%88%90%e3%81%97%e3%81%a6%e3%81%97%e3%81%be%e3%81%a3%e3%81%9f.html) 

 [ ![](https://zip358.com/wp-content/uploads/2026/01/image-4.png) ドラゴンクエストVII Reimagined（リイマジンド）ドラクエ7

 ](https://zip358.com/2026/01/11/%e3%83%89%e3%83%a9%e3%82%b4%e3%83%b3%e3%82%af%e3%82%a8%e3%82%b9%e3%83%88vii-reimagined%ef%bc%88%e3%83%aa%e3%82%a4%e3%83%9e%e3%82%b8%e3%83%b3%e3%83%89%ef%bc%89%e3%83%89%e3%83%a9%e3%82%af%e3%82%a87.html) 

 

[](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "Facebook")[](https://www.addtoany.com/add_to/x?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "X")[](https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "Bluesky")[](https://www.addtoany.com/add_to/line?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "Line")[](https://www.addtoany.com/add_to/threads?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "Threads")[](https://www.addtoany.com/add_to/copy_link?linkurl=https%3A%2F%2Fzip358.com%2F2025%2F11%2F29%2Flaravel%25e3%2581%25a8react%25e3%2581%25a8vite%25e3%2581%25ae%25e8%25a9%25b1%25e3%2581%25a7%25e3%2581%2599-%25e3%2583%25ad%25e3%2583%25bc%25e3%2582%25ab%25e3%2583%25ab%25e3%2582%25b5%25e3%2583%25bc%25e3%2583%2590%25e3%2583%25bc%25e3%2582%2592%25e5%25bb%25ba%25e3%2581%25a6%25e3%2581%259a.html&linkname=laravel%E3%81%A8React%E3%81%A8vite%E3%81%AE%E8%A9%B1%E3%81%A7%E3%81%99.%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%82%B5%E3%83%BC%E3%83%90%E3%83%BC%E3%82%92%E5%BB%BA%E3%81%A6%E3%81%9A "Copy Link")[](https://www.addtoany.com/share)
