内部で開催したIonic4ハンズオン資料を公開します。
本ハンズオン資料では大きく下記の内容を実施します。
- WordPressのWebAPIと連携した簡単なアプリの実装(Web+PWAアプリ)
- Nativeアプリのビルド、配布、Native機能の連携(Nativeアプリ)
こんな感じ(↓)のサンプルアプリをサクッと作成できます。
ハンズオン手順
ハンズオン手順は下記GithubリポジトリのREADME.mdを参照してください。 github.com
実装するアプリ
ハンズオンで実装するアプリは下記GithubリポジトリのREADME.mdを参照してください。 github.com
Webアプリ
PWAアプリ
Nativeアプリ
- ソースコード
GitHub - orinbou/ionic-hands-on-app at native/circleci
GitHub - orinbou/ionic-hands-on-app at camera/2
※補足
利用している外部サービス
本ハンズオン資料では下記のサービスを使用しています。
- ビルド&Webホスティングサービス
www.netlify.com - ビルドサービス
circleci.com - スマホアプリ配布
deploygate.com
元ネタについて
上記のハンズオン資料は @rdlabo さんの下記の著書を参考に作成しています。
またWordPressのAPIも利用させていただきました。本当に感謝です!
※もうすくIonic4 バージョンが出る(COMING SOON!)ようです。