←このページRxJS6(Ionic4-Angular6)での変更点Ionic4とDialogflow(V1)でチャットボットアプリIonic4とfirebaseでチャットアプリIonic4とFirestoreでCRUDCapacitorプラグインIonic4でのAndroidアプリ開発環境Ionic4でルーティングVue.jsでIonic4Ionic4でStorage利用でCRUDを写経してみるIonic4とFirestoreでCRUDIonic3についてはこちらをご覧下さい。4.6.0nvm-windowsについてはこちらへnvm-windowsが面倒であれば、最初のうちは、https://nodejs.org/ja/からインストーラーをダウンロードして、Node.jsをインストールするのが一番簡単です。CLIがインストールされます。公式サイトIonic3からIonic4への移行方法(英語)https://www.joshmorony.com/my-method-for-upgrading-from-ionic-3-to-ionic-4/→こちらのサイトがよいと思われます。start"ionic4では、コマンドブロンプトで以下のコマンドを入力して、ionic4アプリを作成します(アプリの名前をmyAppとする場合)。--type=angular将来的に、ReactやVueでもIonicが利用できるようになる予定だそうで、そのために、--type=angularが必要になってしまったようです。http://twosquirrel.mints.ne.jp/?p=26519フォルダ構造とファイル名が変更ionic4では、pagesフォルダが無くなり、appフォルダ直下にページ用フォルダを作成するようになりました。フォルダが作成されます。フォルダの中に、以下の5個のファイルが作成されます。サンプルコードをご覧下さい。routingが大幅変更Ionic3では、NavControllerのpushなどを用いてページ遷移していましたが、Ionic4では、Angularのルーティングを用いる必要があります。Ionic4でもNavControllerというものはありますが、Ionic3のNavControllerとは使い方が異なるようです。英語ですが、以下の記事がお勧めです。https://www.joshmorony.com/converting-ionic-3-push-pop-navigation-to-angular-routing-in-ionic-4/routingを試してみたので、以下に記載してみました。slot=“end”>のように、ボタンなどの配置を設定します。以下のサイトが分かりやすいです。(英語)https://www.joshmorony.com/understanding-how-slots-are-used-in-ionic-4/上記サイトによると、例えば、ページのヘッダーは、以下のように記載するとのことです。(ちなみに、ion-navbarではなく、ion-toolbarを用います。上記のコードを参考にしてください。toolbarなどという名前に変更にしたのか疑問でしたが、CSSフレームワークBulmaやVuetifyもtoolbarという名前を用いており、他のフレームワークにあわせたのかなと思います。非同期通信のためのRxJSですが、大幅変更が行われています。RxJS6(Ionic4-Angular6)での変更点PWA化が面倒にionic3では、index.htmlの一部分のコメントを外すだけでPWA化できたのですが、ionic4では、コマンドブロンプトで@angular/pwaをインストールする必要があります。Hostingにデプロイする過程を以下に記載しましたので、もしよろしければご覧下さい。Apps)また、Ionic4デフォルトアプリをPWA化して、Netlifyにデプロイする過程も以下に記載しました。Apps)化してNetlifyにデプロイリンクhttps://www.joshmorony.com/what-to-expect-when-ionic-4-is-released/2018年5月時点(Ionic公式ではVersion4は未発表)でのIonic4での変更点の予想が分かりやすく記載されています(英語)。https://ionicthemes.com/tutorials/about/ionic-4-tutorial-mastering-web-components-in-ionic-4https://github.com/ionicthemes/ionic-4-custom-componentsIonic4でお勧めの本2019年2月現在、Ionic4の本は、以下の1冊のみです。パスワード制限つき掲示板の作り方が丁寧に記載されています。以下のサイトが非常に分かりやすいです。https://github.com/Ionic-jp/handbook以下はIonic3入門の本ですが、アプリ作成時点ではIonic4との違いはわずかですし、最初から丁寧にわかりやすくIonicについて解説されていますので、非常にお勧めです。以前のリビジョンバックリンク文書の先頭へ。