Expoと導入方法を紹介します。実際に手を動かしながら、一緒に開発できる環境を整えましょう。実際に以下の環境で動作していることが確認できています(2019/09/27)。Native上で完全にJavsScriptのみでAndoroid/iOS、Webのネイティブアプリケーション*1を開発・ビルドできる環境です。Nativeプロジェクトを1から立ち上げることなしに開発できます。Expoにはデフォルトで実機確認用アプリと即座に確認できる環境やPush通知もOS関係なく使える等の便利な機能が付属しています。Expo対応のライブラリしか使えないという制限はありますが、カメラやAudio、Videoなどの大体のアプリケーションで使えるようなものは一通り揃っています。worldと表示するところまで行います。MacOS等)において、そのプラットフォーム上で直接動作するアプリケーションのこと。逆にWebアプリはブラウザ上で動作するため、ネイティブアプリケーションではない。TwitterExpoのセットアップnodeとnpmのインストールExpoをセットアップするにはnodeとnpmをインストールする必要があります。インストールする方はMacをお使いの方は以下の記事を参考にしてください。これらの記事は今後の行う可能性のあるバージョン管理のためにnodebrewも導入しています。わからない方は直接nodeをインストールしてしまっても大丈夫です。MacにNode.jsをインストール以下のコマンドを打ってnodeやnpmのバージョンが表示されていればインストールされています。CLIをインストールする必要があります。以下のコマンドでインストールしましょう。--globalインストール終了後、バージョンが表示されればインストール成功です。-Vプロジェクトの作成それでは自分の好きな場所にディレクトリを作ってプロジェクトを立ち上げましょう。以下のコマンドでプロジェクトを立ち上げることができます。(TypeScript)を選びましょう。configuration次にnameとslugを設定します。基本的に好きな名前で構いませんが、ここではsampleで行います。}あとは自動でインストールされるので待ちましょう。インストールが終わるとsampleというディレクトリができていると思います。構造は以下のとおりです。tsconfig.jsonプロジェクトの起動それではさっそくプロジェクトを起動してみましょう。startすると次のような画面が表示されます。問題なくプロジェクトが立ち上がっているでしょうか。今立ち上がっているプロジェクトはAndroidやiOSで動作確認ができます。確認するためには自分のスマートフォンに以下のアプリをインストールしてください。自分のスマートフォンに合ったアプリを選択してください。iOSクライアントAndroidクライアントあとは画面に表示されているQRコードを読み込むと起動できます。Cで一度停止して次のコマンドで実行できます。iOSの3つをまとめて開発できることがご理解いただけたでしょうか。ここから先は自分の好きなもので動作確認を行ってみてください。worldと表示させようそれでは画面に文字を表示させてみましょう。src/screens/Hello.tsxのファイルを作ります。tsconfig.jsonそしてHello.tsxに以下のように記述します。必要に応じてコピー&ペーストしてください。}});この作った画面をApp.tsxに読み込んで表示させます。},});これで以下のように表示できていれば成功です。Worldと表示するところまで行いました。人によっては物足りないと感じた人もいると思います。Expoでは最初に紹介したようにスマホのカメラなどを使った機能を簡単に追加することができます。興味がある方はぜひこれを機にさらに勉強してみてください。【React特集】アプリ開発オススメ記事まとめ!言語・FWの知識から開発・運用までReactでのアプリ開発を学ぶならCodeShipでは、現状プログラミングスクールでも取り扱いの少ない「React.js」でのアプリ開発を修得する学習カリキュラムを設置。どこよりも早く目をつけ長らく指導実績を積んできたCodeShipだからこそ可能な、ニーズにあったモダンなアプリ開発の指導とサポートがあります。CodeShip卒業生のReact作品を見るhttps://haruharuharukichi.github.io/勉強目的ごとに用意された6つの学習コース&オリジナルのポートフォリオ開発と実戦経験豊富な現役エンジニア、キャリアコンサルタントがあなたの「開発スキル修得」と「キャリアプランニング」をサポート。独学での挫折や未経験からでも、スタートアップベンチャーや日系・外資の大手WEB系企業まで幅広くエンジニアを輩出する教育実績を残しています。期間内であれば選択した以外のコースのカリキュラムも無料で受講可能。頑張った分だけ勉強できる「勉強し放題」はCodeShipだけ。ご自身のプログラミング学習やキャリアプランについて、無料個別相談会にてお気軽にご相談ください。キャリア選択の実現”を目指す、池袋のオフラインプログラミングスクール。活かす・趣味など、プログラミングを学習する全てのを目的達成を応援するため、技術やプログラミング、キャリアについての情報発信をしています。日々プログラミング学習を進める皆さんの支えや気づきになるよう、CodeShipの授業内での技術・プログラミング・キャリアに関する質疑応答や、卒業生のインタビューなども公開していきます。【今日のQ&A】モジュールとメソッド?クイック回答【R...NEW【Q&A】効率よくコードから文章を探す方法を教えてください。