windowsでionic4を始める方法
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン次のリビジョン両方とも次のリビジョン | ||
windowsでionic4を始める方法 [2018/12/22] – [WindowsでIonic4を始める方法] adash333 | windowsでionic4を始める方法 [2018/12/22] – [4.新規Ionic4アプリ(Angularベース)の作成] adash333 | ||
---|---|---|---|
行 1: | 行 1: | ||
====== WindowsでIonic4を始める方法 ====== | ====== WindowsでIonic4を始める方法 ====== | ||
+ | スマホアプリ(& | ||
+ | PWA(Progressive Web Apps)という考え方があり、Ionicで作成してPWA対応させたWEBページであれば、WEBページを閲覧するだけで、そのままスマホアプリとしてユーザーにスマホに保存してもらうことが可能だそうです。 | ||
===== 開発環境 ===== | ===== 開発環境 ===== | ||
行 52: | 行 54: | ||
{{: | {{: | ||
+ | ==== 4.新規Ionic4アプリ(Angularベース)の作成 ==== | ||
+ | Ionic3まではJavascriptフレームワークとしてAngularが必須でした。しかし、Ionic4からは、Angularの他にもReactやVueが使用できるらしく、Ionic3までと同様にAngularを用いる場合は、ターミナルで、以下のように、最後に< | ||
+ | < | ||
+ | ionic start myApp blank --type=angular | ||
+ | </ | ||
+ | {{: | ||
+ | 数分かかる。 | ||
+ | {{: | ||
+ | ? Install the free Ionic Appflow SDK and connect your app? (Y/ | ||
+ | {{: | ||
+ | {{: | ||
+ | 言われた通りに、下記コードを入力。 | ||
+ | < | ||
+ | cd myApp | ||
+ | ionic serve | ||
+ | </ | ||
+ | ブラウザが自動的に開いて、以下のようになる。 | ||
+ | {{: | ||
+ | |||
+ | ちなみに、この時点で275MBの容量があります。 | ||
===== リンク ===== | ===== リンク ===== | ||
- | 公式サイト | ||
https:// | https:// | ||
+ | Ionic公式サイト | ||
+ | http:// | ||
+ | Ionic4.0.0-beta.0を試してみる | ||
+ | 2018/7/27 2018/9/2 |
windowsでionic4を始める方法.txt · 最終更新: 2019/02/10 by adash333