Skip to main content
Version: v8

Ionicのインストール

Ionic アプリは、主に Ionic CLI（command-line）を利用して作成・開発します。Ionic CLI は、幅広い開発ツールと開発を手助けするオプションを提供している、Ionic team が推奨しているインストール方法です。Ionic CLI は、アプリの実行や、Appflow といった他のサービスに接続などができる重要なツールです。

ウィザードではじめる

App Wizard を使用して、Ionic プロジェクトをビジュアルに生成します。テンプレート、カスタムカラー、アプリアイコン、JavaScriptフレームワークを選択し JavaScript Framework を選択し、ビルドを迅速に開始します。

Ionic CLI をインストール​

進める前に、あなたのコンピュータにNode.jsがインストールされていることを確認してください。マシンを準備するには、環境設定ガイドを参照してください。

npm を使って Ionic CLI をインストールします:

npm install -g @ionic/cli

Ionic CLI が以前にインストールされていた場合は、パッケージ名が変更されているため、アンインストールする必要があります。

$ npm uninstall -g ionic
$ npm install -g @ionic/cli

note

-gオプションはグローバルにインストールすることを意味します。パッケージをグローバルにインストールすると、EACCES権限エラーが発生することがあります。権限を昇格させずに npm をグローバルで操作する設定を検討してください。詳細については、権限エラーの解決を参照してください。

アプリケーションの起動​

Ionic アプリを作成するには、スターターテンプレートを利用するか、まっさらな状態からつくるためのblankテンプレートを利用して作成します。汎用的な 3 つのスターターテンプレートは、blank、tabs、sidemenuがあります。ionic startコマンドで作成を開始できます。

ionic start

Three thumbnail previews of Ionic app templates: blank, tabs, and side menu.

Ionic アプリの開始方法について詳しく知りたい場合は、スタートガイドを参照してください。

アプリケーションを実行する​

ほとんどの Ionic アプリは、ionic serveコマンドを利用することによってブラウザですぐに利用することができます。

$ cd myApp
$ ionic serve

アプリを実行する方法はいくつかありますが、このワークフローから始めることをおすすめします。デバイスやエミュレーターでアプリを開発およびテストするには、アプリ実行ガイドを参照してください。

Contents

Edit this page