3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

React 360で作ったウェブページを今流行りのNetlifyを使ってサクッとデプロイをする

Last updated at Posted at 2018-09-22
Image 41.png

先程QiitaのReact 360を使用して、動かすところまで書いた記事を上げたのでそのついでにデプロイまでをする方法も書こうと思います。

ReactでVR空間が作れてiPhoneでグルグル動かせるらしいので作ってみる【React 360】

https://qiita.com/yushimatenjin/items/870c2b8c965489884571

デプロイしたいGitファイルのあるサービスを選択します

Image 43.png

ビルドのセッティングをします。

React 360はデフォルトの設定では動かないためここで一つ設定をします。

Build command
yarn build
Publish directory
build

Image 51.png

しばらく待ちます。

Image 45.png

デプロイに成功

Image 50.png

URLにアクセスをして動いていれば成功です

Image 50.png

今回作成した物はこちらになります。
https://reverent-ritchie-aaea5b.netlify.com

感想

サクッとデプロイができるのでかなり使い勝手が良いサービスですね。
さっき書いた記事もあるのでもしよろしければこちらも御覧ください。

ReactでVR空間が作れてiPhoneでグルグル動かせるらしいので作ってみる【React 360】

https://qiita.com/yushimatenjin/items/870c2b8c965489884571

書いた人

普段はReact、React Nativeを触っています。
Twitter https://twitter.com/mxcn3
GitHub https://github.com/yushimatenjin

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?