ユーザ用ツール

サイト用ツール


サイドバー

目次

機械学習とは

プログラミング無しで機械学習

機械学習プログラミング入門

初めてのKeras2.0

初めてのTensorflow(YouTube)

初めてのChainer2.0

初めてのビットコイン

ビットコイン用語集

初めてのSolidityプログラミング

初めての医療統計

初めてのエクセルで医療統計

初めてのEZRで医療統計

初めてのRStudioでレポート作成

スマホアプリ作成ソフトIonic3

スマホアプリ作成ソフトIonic4

Ionicのためのjavascript tips

その他

NiftyCloudMobileBackend

税金など

Dokuwiki

ionicウェブアプリをfirebaseにデプロイ

Ionicウェブアプリをfirebaseにデプロイ

IonicはAndroidアプリ、iOSアプリを簡単に作成できるシステムではあるが、原理的には、フォルダの中身を全部サーバーにアップロードすることにより、ウェブアプリとして公開することもできるらしい。(これでは何百MBにもなってしまうが、、、)

現実的には、以下のサイトの通りにやるのがよさそうです。(英語ですが、youtubeでの動画もあります。)

PWA(Progressive Web Apps)

以下の3つのファイルを変更。(詳細は、こちら(英語)をご覧ください。)

index.html
service-worker.js
manifest.json

次に、以下のコマンドを実行してから、www/ ファイルの中身を自分のサーバーにアップロードすればよいらしいです。

npm run ionic:build --prod

https://www.joshmorony.com/the-bare-necessities-progressive-web-apps-in-ionic/
The Bare Necessities: Progressive Web Apps in Ionic Josh Morony · January 25, 2018

https://www.joshmorony.com/uploading-a-production-pwa-with-ionic/
Uploading a Production PWA with Ionic Josh Morony · January 25, 2018

しかし、注意点としては、

  1. WEBアプリでは、Cordovaプラグインが使用できない
  2. 全てのjs, cssファイルを1個にまとめているので、読み込みがすごく遅い(?)

ということがあるらしいです。

もっと良い方法として、Netlifyやfirebaseといったサービス(無料枠あり)を利用してウェブアプリを公開する方法もあります。

IonicウェブアプリをNetlifyで簡単デプロイ

Ionicウェブアプリをfirebaseにデプロイ (このページ)

http://odhyan.com/blog/2017/04/deploying-ionic-app-mobile-website/
April 15, 2017 3 comments on “Deploying an Ionic app as a mobile website” Deploying an Ionic app as a mobile website

https://blog.ionicframework.com/how-to-make-pwas-with-ionic/

Ionicウェブアプリをfirebaseにデプロイ

http://yebisupress.dac.co.jp/2018/03/13/angular_spa-02/
ゼロからAngularでSPAを作ってみた(2) デプロイ・公開編 2018/03/13

Angularウェブアプリをfirebaseにデプロイ

https://angular.io/guide/deployment
Deployment (Angular公式サイト)

http://m12i.hatenablog.com/entry/2017/02/18/224932
20170218 Angular2アプリケーションのデプロイについて学ぶ

ionicウェブアプリをfirebaseにデプロイ.txt · 最終更新: 2018/10/07 (外部編集)