Ionic

Ionic v4 で ion-input のフォーカス時に枠線がちらつく問題の対処法

Ionic v4 で ion-input のフォーカス時に枠線がちらつく Ionic v4 はまだbeta版なせいもあってか、色々と細かいところで動作がおかしい箇所があります。ion-input で気になる現象があったので、対処法をメモしておきます。 問題の現象は バージョン 4.0.0-beta.15 の、テキストを入力する為のコンポーネント ion-input で […]

Ionic+FirebaseでGoogle認証ログインをする方法

IonicでもFirebaseでSNS認証がしたい IonicはAngularが使われているので、AngularFireを使って普通に認証処理を書くことができます。ionic serve で動かして問題なくよしよし、と思っていたのですが予期せぬ自体が発生しました。 実機でも動かしてみようと思って手持ちの iPhone にインストールして動かしてみると動かない … 。いろいろ調べてみると […]

[Ionic] スワイプでページをバックさせない方法

Ionicでスワイプすると前のページに戻るのを無効にする方法 表題の通り、スワイプで直前のページに戻らないための設定をまとめます。 特定のページでのみ無効にする 指定するページクラスでメニューコントローラーから swipeEnable メソッドを呼び出します。 import { Component } from '@angular/core'; import { MenuContr […]

[Ionic, Cordova] iOSでカメラ起動時できないエラーの対処法

Ionic + iOS でカメラが起動できない Ionicを使ってアプリを開発しているとき、Androidだとうまくいったカメラの起動が、iOSで試すとクラッシュする現象に見舞われました。いろいろ調べてみると、アプリの設定項目にカメラの利用目的が定義されていないのが原因のようでした。たぶんCordovaの設定項目だと思うのでCordovaでも同じなのではないかと思います。 iOSでは NSCame […]

Ionic(Cordova)で画面向きを固定する方法

Ionic(Cordova)で画面向きを固定する方法 Ionicで画面向きを固定するには、config.xml に以下の項目を追加します。 <preference name="Orientation" value="landscape" /> Orientationの設定値 Orientationで設定できる項目は以下のようなものがあります。 default landscape(横向き […]

[Ionic3] Storageを使ったTODOアプリの作成

TODOアプリと作る よく見かけるTODOアプリをIonic3で作っていきます。基本的には以下のサイトの写経ですが、データ保存のために、公式ドキュメントに書いてある Storage を利用します。 それから編集もできるようにします。 ionic3でstorage利用todoアプリ Storage – Ionic Framework 作ったものはgithubに有ります。 https:// […]

[Ionic3]開発環境構築方法

Ionicとは Ionic Ionicとは、モバイルアプリケーションを構築するためのWebコンポーネントを提供する UI Framework です。Ionicは Apache Cordova 上に構築されることを想定されているため、ハイブリットアプリの開発に用いられます。具体的には以下のような技術を利用しながら開発を行うことになります。 Apache Cordova Angular Sass Ty […]