開発環境WindowsにIonic3をインストールする流れWindowsでIonicを始める方法Ionicに関するリンク集リンクころころVersionが変わるので、注意が必要です。v3がリリースされました)。6以上が必要ですので、以下の順番でインストールを行います。今回は、エディタとして、筆者の趣味で、VisualStudioCodeも一緒にインストールします。Proの画面ですが、Windows7やWindows10でもほぼ同じです。このページを動画にまとめてみました(約6分)。クリックしてダウンロード(約12MB)。ダウンロードしたファイル(node-v6.11.0-x64.msi)をダブルクリックして、指示に従ってインストールします。途中、許可を求められたら、「許可する」をクリックします。クリックしてダウンロード(約34MB)。ダウンロードに15分くらい(最初は1時間くらいと表示されていました)かかるかもしれませんが、後のことを考えて、コーヒーでも飲みながらダウンロード終了まで待ってください。ダウンロードしたファイル(VSCodeSetup-1.12.2.exe)をダブルクリックして、指示に従ってインストールします。(3)Ionicとcordovaのインストール今回は、C:\ドライブ直下にionicという名前のフォルダを作成し、その中に、ionicアプリを作成していくこととします。code」をクリックすると、VisualStudioCodeが起動して、以下のような画面になります。押すと、右下の方にcmd.exeが出てきます。cordovaと入力して、Enter.かなり長い時間待ちますが、我慢。-vと入力して、Enterすると、以下のようにionic-cliがインストールされたことが分かります。選択された状態になっているので、そのままEnterを押すと、以下のような画面になります。聞かれても、とりあえず、Enterを押しておきます。(ionicにloginしていなければ、どちらにしろ、以下のような画面になります。)作成したアプリの起動を行います。serveとすると、以下のように表示されて、その後、自動的にブラウザが開いて、以下のような画面が表示されます。これであなたもIonic3デビューです!なお、サーバを停止するときは、VisualStudioCodeのcmd.exeの画面で、Ctrl+Cを押して、Y+Enterを押すと、以下のようにサーバを停止することができます。continue?」と聞かれたら、Yesとしておきます。指定されたフォルダを開いて、android-debug.apkというファイル(約4MB)を、自分のスマホにメールして、インストールします。スマホの設定については、こちらのリンクをご覧ください。M03にインストールして起動した画面は、以下のようになります。worldはおしまいです。v2のときのものであり、今は微妙にコマンドが異なっています。Ionicはversion変更がめまぐるしく、そのたびに、新しいコマンドなどを覚えてなければならなかったりするのが非常に面倒です。何かエラーが出たときには、そのエラー内容をGoogle検索して、英語のStackoverflowなどの回答を見て、自分のパソコンで修正していく必要があります。2ことはじめ(正式リリース版対応)榊原昌彦(一般社団法人リレーションデザイン研究所)2017年2月16日https://html5experts.jp/rdlabo/22296/桃缶食べたい。2017https://www.joshmorony.com/getting-started-with-the-ionic-command-line-interface-cli/⇒ionic2で調べたいことを検索すると、必ずこのページが出てきます。英語ですが、お勧めです。以前のリビジョンバックリンク文書の先頭へ。