iPhoneIonicでモバイルアプリを作ろう!(13)Gridレイアウトを作るクロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。今回はIonicでGridレイアウトを作る方法を紹介します。JavaScriptIonicでモバイルアプリを作ろう!(11)ページのイベントを扱うクロスプラットフォーム対応のモバイルアプリ開発フレームワークであるIonicの使い方を紹介していきます。今回はIonicでページ遷移に伴う各種イベントに応じた処理の実装方法を解説します。指定した日時に通知(Notification)を送るスケジュール管理系のアプリをはじめとして、特定の日時にステータスバーに通知を表示したいという場面があると思います。今回はその実装方法を紹介します。処理は以下のような流れになります。コード上でのdp<=>px変換Androidにおいてdpとpxの変換を行うコードを紹介します。Androidでレイアウトのパラメータ指定をコードで行いたい場合がどうしてもあります。JavaScriptionicでPipeを使ってみる変数を見せるようにPipeを使用して変更してみます。今回は、booleanのものを「true」なら「同意する」、「false」なら「同意しない」を表示させてみます。実装まずはPipeを作成します。JavaScriptionicで文字列をHTMLとしてレンダリングするメッセージの表示等で変数に入っている文字列をHTMLとして表示したい場合の方法を試していきます。実装普通にHTMLのコードを変数として出力するとそのまま出力されてしまうので「DomSanitizer」を使用して表示していきます。JavaScriptionicでスワイプイベントを取得するionicのアプリでスワイプイベントを取得することになったので試してみます。実装home.htmlの中にdivを準備してそこにスワイプイベントをつけていきます。JavaScriptionicのCLIコマンド変更メモionic3にバージョンアップしたことに伴いCLIのバージョンもアップしました。使用してみると少しずつ使い方が変更されていたのでよく使用していたコマンドが何に変わったのかメモを残します。StudioにはTerminalが付属しており、ここから各種コマンドを実行できます。