2017.08.25
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 アプリのバージョン情報や、アプリ名などの固有情報をコードで取得して使いたいという場合があります。 そのような場面の実装方法を紹介します。 App Versionプラグイン プラグインのインストー …More Read
2017.08.25
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 今回はActionSheet（BottomSheet）の実装を紹介します。 ActionSheet（BottomSheet） ActionSheet（BottomSheet）は、ユーザーに機能選 …More Read
2017.07.08
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 今回は、主に非同期処理の実行中にユーザーに処理中であることを提示するためのAPIを紹介します。 Spinner IonicにはSVGアニメーションで処理中を表現するコンポーネントSpinnerが …More Read
2017.06.30
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 今回は実行プラットフォーム(Android or iOS)に応じて表示を切り替える方法を紹介します。 ShowWhen Ionicフレームワークは、プラットフォーム毎に自動でレイアウトを切り替え …More Read
2017.06.30
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 今回はデバッグの方法を紹介します。 *なお以下で出てくるionicのCLIコマンドの記述は、Ionic CLI v2環境によるものです。 デバッグ Ionicアプリは、ブラウザエンジンを内包しそ …More Read
2017.06.29
Angular Ionic
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。 今回はIonicでページ遷移に伴う各種イベントに応じた処理の実装方法を解説します。 ライフサイクルイベント アプリにおいてページが生成されて破棄されるまでをそのページのライフサイクルと呼びます。 …More Read
2017.02.06
Angular Ionic2
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonic2の使い方を紹介していきます。 今回はIonicでボタンを表示する方法とその簡単なカスタマイズ方法について解説します。 なお、本稿で載せる画像は全てMaterialDesignのスタイルです。iOSでは異なる見た目になる点に …More Read
2017.02.06
Android Angular Ionic2 iOS
クロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonic2の使い方を紹介していきます。 今回はアプリ上でアラートのダイアログを表示する方法について解説します。 なお、本稿で載せる画像は全てMaterialDesignのスタイルです。iOSでは異なる見た目になる点にご注意下さい。 …More Read
