UIが2.0になり、AngularJSが必須ではなくなりました。Nativeが有名ですが、あちらはネイティブアプリを開発するための技術になります。JavaScriptは使いますが、独自のルールがあります。UIの場合はWeb技術をそのままに、Reactのレンダリング技術を活かしたアプリ開発が可能になります。今回はその最初の一歩を紹介します。導入方法は2パターンイチからはじめる場合の導入方法は2通りあります。CLIを使った方法です。インストールとサインアップは次のようになります。signupそしてアプリケーションのベースを作るのですが、テンプレートとしてReactを使ったものが用意されています。Minimumその中から好きなテンプレートを選択してください。一つの導入方法はnpmを使った方法です。UI×Reactが組み込めます。Sinkを使う方法もあります。こちらはそのまま開発に使えないと思いますが、コードの参考になるはずです。Worldを出してみる今回はテンプレートから試しています。作成したアプリのディレクトリに入ってコマンドを打ちます。--saveさらにES2016で記述するために幾つかのライブラリを入れます。して次のように記述します。対してReactを反映するだけのシンプルなコードです。次にHTMLは次のようになります。src="bundle.js"></script></body></html>最後にapp.jsを通常のJavaScriptに変換します。]この変換については慣れればgulpなどを使って自動的に行えば良いでしょう。動かしてみるでは実際に動かしてみます。コマンドを打つとWebサーバが立ち上がるので、http://127.0.0.1:8000にアクセスします。表示されたらボタンをタップします。UIのアラートが出るのが確認できるはずです。UIのUIライブラリ、さらにアラートなどのライブラリを組み合わせられるようになります。Reactを使ってスマートフォン向けのWebアプリケーションやハイブリッドアプリを開発する際にはぜひ使ってみてください。中津川篤司プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。2004年、まだ情報が少なかったオープンソースソフトの技術ブログ『MOONGIFT』を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶエバンジェリスト業「DevRel」活動をスタートした。