Experts.jp日本に、もっとエキスパートを。2の具体的な使い方をご紹介していきたいと思います。HTML5モバイルアプリでの利用に特化した高速な動作性が特徴です。2」の正式版をリリースしました。Stylingなどの新機能を備えています。World空ディレクトリを作成し、以下のコマンドでonsenuiパッケージをインストールします。--save次に、index.htmlを以下の内容で作成します。ons-toolbarといった要素がブラウザに登録され、元々ブラウザに組み込まれているinput要素などと同じ感覚で使えるようになります。最終的なディレクトリ構成は以下のようになります。package.jsonブラウザでindex.htmlを開くと以下のような画面が表示されているはずです。要素)が表示されます。2は、特殊な知識を必要とすることなく、少しの準備ですぐに使い始めることができます。2はモバイルアプリに不可欠なコンポーネントを数多く揃えています(以下はその例です)。2を使った開発では、使用可能なコンポーネントとその使い方を公式ドキュメントから探しながら画面を実装していくことになります。2をアプリケーションフレームワークと併用する方法について解説します。2の特徴は任意のアプリケーションフレームワークと併用できる点です。Meteorと一緒に動作させても問題なく動作することを確認しています。2単体ではコンポーネントを操作する際にDOM要素への直接アクセスが必要になってしまいます。DOM要素への直接アクセスは、ReactやAngular2などといったDOM要素への直接アクセスを忌避するアプリケーションフレームワークにおいて問題となります。2は一部のアプリケーションフレームワークに対してバインディングを用意しています。2のコンポーネントを操作することができます。4種類のアプリケーションフレームワークに対してバインディングを提供しています。バインディング)を使用します。空ディレクトリを作成し、以下のコマンドで必要なパッケージをインストールします。以下の内容で作成します。document.getElementById('app'));</script></body></html>最終的なディレクトリ構成は以下のようになります。開くと先ほどと同様の画面が表示されているはずです。バインディング)を使用します。空ディレクトリを作成し、以下のコマンドで必要なパッケージ・型定義ファイルをインストールします。dt~core-js#0.0.0+20160725163759次にmain.tsを以下の内容で作成します。{}platformBrowserDynamic().bootstrapModule(AppModule);次に以下のコマンドを実行します。以下の内容に書き換えます。以下の内容で作成します。src="main.bundle.js"></script></body></html>最終的なディレクトリ構成は以下のようになります。index.d.tsブラウザでindex.htmlを開くと先ほどと同様の画面が表示されているはずです。2の具体的な使い方を紹介しました。2と併用する方法について解説しました。アプリケーションフレームワークの進化やUIライブラリの充実により、HTML5によるモバイルアプリの実装の敷居は下がり続けています。2を活用していただければと思います。先日Twitterに@Onsen_UI_jaを開設しました。