日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。React過去にこんな記事を書いてて、react-nativeの型定義を手動で書き直してコンパイルするという変なことをやってたのですが、この方法をやらなくて済む構成を見つけました。blog.okazuki.jpblog.okazuki.jpblog.okazuki.jpどうせなので、最初から手順を書いて整理したいと思います。因みにAndroidとWindows環境です。(Mac持ってないので試せない)react-nativeのインストール以下のサイトを参考にインストールしていきます。facebook.github.ionpmから以下のコマンドでインストールします。SDKとJDKをインストールして、それぞれのインストールフォルダに対してANDROID_HOMEとJAVA_HOME環境変数を定義します。Repositoryあたりをインストールしておけばよさそうです。6.0のイメージをインストールしておきましょう。Androidプロジェクトの作成react-nativeは、以下のコマンドでプロジェクトを作ります。ReactNativeEduコマンドライン引数の最後がプロジェクト名になります。待つとプロジェクトが作成されます。Androidを起動してエミュレータを立ち上げます。adbコマンドで以下のコマンドをうっておきます。tcp:8081プロジェクトのフォルダで以下のコマンドを打ちます。start別のコマンドプロンプトでプロジェクトフォルダを開いて以下のコマンドをうってアプリを起動します。run-andorid雛形で作成されている、以下の画面が表示されれば動作確認は完了です。Codeを立ち上げます。srcフォルダを作って、そこでコマンドプロンプトを開いて以下のコマンドを打ち込んで型定義ファイルを取り込みます。-ssrcフォルダにtsconfig.jsonを作成して以下の内容に編集します。]}ポイントはes6をターゲットに指定してるところです。これをしないと、react-nativeの型定義がそのままだと使えなくなります。プロジェクトのルートで以下のコマンドをたたいてgulp関連のモジュールをインストールします。--save-devgulpfile.jsは以下のような感じです。.pipe(gulp.dest('./src'));});TypeScriptファイルの作成srcフォルダにHelloWorld.tsxという名前で以下の内容のファイルを作ります。}}ビルドしてHelloWorld.jsを生成します。index.android.jsを以下のように書き換えます。HelloWorld);HelloWorldを取り込んで、それを表示するようにしています。再度コマンドプロンプトで以下のコマンドを実行して配備します。run-androidこのように表示されたら成功です。CodeでTypeScriptのデバッグExpressを使ったアプリをデバッグしてみたいと思います。Codeを使ってサーバーもクライアントもTypeScriptで開発!(E...Expressを使ってサーバーサイドをTypeScriptで開発。C#の組み合わせをメインに、たまにASP.NETやJavaなどの.NET系以外のことも書いています。Blogの内容は個人の見解であり、所属する企業を代表するものではありません。)はてなブログをはじめよう!okazukiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。