0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Expo ReactNativeで作るモバイルアプリの開発手順 ①環境構築編

Last updated at Posted at 2025-04-29

ExpoでiPhone向けアプリを作成する手順

前書き

これまでExpoでiPhone向けのアプリをいくつかリリースしてきました。
その中で得た速く開発するための手順をまとめましたので、ここに記載していきます。

▼リリースしたアプリ(iOS向け)

手順

⓪ Node.jsのインストール

Node.jsをまだインストールしていない場合は、公式サイトからインストールしてください。


① プロジェクトフォルダの作成

フォルダを作成したい場所までターミナルで移動し、以下のコマンドを実行してください。

npx create-expo-app フォルダ名 --template blank-typescript

例:

npx create-expo-app asset-forecast --template blank-typescript

以下のようなフォルダ構成が作成されます。作成されたフォルダへ移動してください。

image.png

npx expo start

コンソールに表示されるQRコードを端末のExpoアプリで読み取ると以下が表示される。
Screenshot_20250505-140226.png


次のステップ

次の章以降では、ナビゲーションバーの導入やZustandの導入を実施します。

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?