📱
React Native (Expo) をやってみた
はじめに
自分はWebしかやっていないのですが、モバイルもやってみたいなーと思っていました
ですが、環境構築とか新しい言語を習得するとかいうちょい面倒なことをするほどやりたいわけでもない
ってことでちょうどいいReact Nativeにしました
React Native とは?
そもそもReact Nativeとは、Meta社が開発しているクロスプラットフォームのアプリ開発用フレームワークです
Reactを使って書けるので自分にとっては学習コストが低いです
Expo とは？
今回使っていくExpoとは、React Nativeのフレームワークです
これを使うとかなり簡単に作成できます！
プロジェクトを作る
こちらのドキュメントのGet startedをやっていきます
以下のコマンドでプロジェクトを作ります
npx create-expo-app@latest
スマホにExpo Goを入れる
今回はXcodeを入れずにやるので、iphoneに表示させます
そのためにExpo Goというアプリを入れておきます
プロジェクトを起動する
またターミナルに戻って、このコマンドで起動させましょう
npx expo start
すると、ターミナルにはQRコードが表示されます
これをスマホで読み取ると、Expo Goで画面が見れます！
Webでも、ターミナルに表示されたURLから見ることができます
変更してみる
元々書いてあるタイトルをWelcome!からHello World!に変更してみましょう
保存すると、ホットリロードで画面が変更されます！
まとめ
今回はReact Nativeのプロジェクト起動までをやってみました
これだけでもモバイル開発やれてる！って感じで楽しかったです
この後、Youtubeを見ながらTodoアプリを作ったのでまた別の機会でまとめようと思います
これを書くために改めてExpoのドキュメント見たらチュートリアルを見つけたので、それも作りたいですね〜
Discussion