Ionic 開発環境のセットアップ

概説

Ionic は AngularJS および Apache Cordova にビルドされたフレームワークで、これを利用して、HTML、CSS、Javascript などの Web テクノロジーを使用するハイブリッドのモバイルおよび Web アプリを迅速に作成することができます。

モバイル・アプリや Web アプリを開発するためのフレームワークとして Ionic を選択した開発者は、以下のセクションで、Ionic アプリで IBM Mobile Foundation SDK の使用を開始する方法が分かります。

アプリケーションの作成には、任意のコード・エディター (Atom.io、Visual Studio Code、Eclipse、IntelliJ、その他) を使用できます。

前提条件: Ionic 開発環境をセットアップする際には、MobileFirst 開発環境のセットアップのチュートリアルも必ずお読みください。

Ionic CLI のインストール

Ionic 開発を始めるために必要な最初のステップは Ionic CLI をインストールすることです。

Cordova および Ionic CLI をインストールするには

• NodeJS をダウンロードしてインストールします。
• コマンド・ライン・ウィンドウから、次のコマンドを実行します。

  npm install -g ionic
  

Ionic アプリへの Mobile Foundation SDK の追加

Ionic アプリケーションの MobileFirst 開発を続行するには、MobileFirst Cordova SDK またはプラグインを Ionic アプリケーションに追加する必要があります。

MobileFirst SDK を Cordova アプリケーションに追加する方法を確認します。 アプリケーション開発については、チュートリアルIonic アプリケーションへの Mobile Foundation SDK の追加を参照してください。