cordova

【Ionic】メニュー内で画面遷移するサイドメニュー、ナビゲーションメニュー、ドロワーを実装する

Webアプリやスマホアプリで実現したいUIの作り方を検索するときのキーワードに悩むことが多い。画面左上(または右上)のアイコンをクリックすると左からスライドして表示されるメニューって、人によって呼び方が違うが何と呼ぶのが正解なのだろう。サイドメ…

ionic(cordova)でsignin with appleを実装するプラグイン

iOS13のリリースも近いがcordovaアプリでも当然実装しないとならなくなりそう ionicで標準装備してくれるとありがたいが、まだなさそうなのでサードパーティのプラグインを使うしかなさそうgithub.com こちらで以上です

ionic Platform.readyについて

ionicのPlatform.readyはネイティブ側で必要な初期化処理が完了したときに発火される。ネイティブの機能を使うプラグインを使用する場合、Platform.readyが終わってないと使用できないというわけだ。console.logも実機で動かす場合はcordovaがラップしてObje…

ionic(cordova) での動画のトリミング

はじめに ionic(cordova)で動画を時間でトリミングすることができるUIを実装したくてプラグインを探した。Instagramの動画投稿のようなものをイメージしている。https://github.com/jbavari/cordova-plugin-video-editor 最初に見つかったのがこちらのプラグ…

ionic cordova-firebase-pluginとphonegap-plugin-pushを併用する

Badノウハウ 今回やりたかったことはphonegap-plugin-pushを使用してプッシュ通知を実装しているプロジェクトに、firebase analyticsを導入したいということ。新規のプロジェクトだったらプッシュ通知もfirebaseに寄せればいいのだろうが古いプロジェクトな…

cordova githubからcordova-androidをインストール

# githubからplatform add $ cordova platform add https://github.com/apache/cordova-android # ローカルからplatform add $ git clone https://github.com/apache/cordova-android /path/to/cordova-android $ cordova platform add /path/to/cordova-and…

cordova xcodeのEnable Bitcodeを有効にする

cordovaアプリだとアプリがクラッシュすることはあまりないのかもしれないが。 が、プラグイン等が原因でクラッシュした際にクラッシュレポートを見てもdSYMsファイルがないと原因を特定するのが難しいことがあった。cordovaのオプションで何かあるのかなと…

cordova carthage対応のライブラリを使ったプラグイン開発

Carthageを使ったライブラリを使用して開発されたCordovaプラグインをいくつか見つけた。が、導入方法はプラグインインストール後や`platform add ios`した後にXcodeからCarthageのお決まりの作業を行わなくてはならないようだった。問題点は以下 ・手間がか…

ionic3 aws s3 へ画像や動画アップロード

ざっくり以下の流れで実装できた。 ・awsのアクセスキーとシークレットキーを入手 ・s3のcorsの設定 ・aws-sdk(javascript版)を入手 ・ionic 処理実装アクセスキーとシークレットキーをコードに埋め込むのは現実的ではないが今回は動作確認という意味でそ…

ionic3 localの動画をvideoタグで再生

はじめに 今回やりたかったことは以下 ・フォトライブラリから選択した動画をvideoタグで再生 ・カメラを起動して撮影した動画をvideoタグで再生基本的な方針は以下に書いた画像の場合と同じ http://kimagureneet.hatenablog.com/entry/2018/09/05/1653231. …

cordova plugin で not defined in Pluginエラー @iOS(swift)

swiftでcordovaプラグイン作ったら以下のエラー。 何度見直しても原因がわからずいたところ、swiftのバージョンをxcodeで直接いじっていたのが問題だった。 ERROR: Method 'my_method:' not defined in Plugin 'MyPlugin' FAILED pluginJSON = ["MyPlugin188…

ionic3 localの画像をimgタグに表示

はじめに cordovaでのアプリ開発。webviewでimgタグにローカルの画像のパスを指定するだけと思ってたけど意外にはまったのでメモしておく。今回やりたかったことは以下 ・端末のフォトライブラリから選択した画像をimgタグに表示 ・カメラを起動して撮影した…

cordova8 で plugin addエラー 最低限のpackage.jsonが必要

cordova7まではpluginのpackage.jsonなしでもプラグインの追加を行えた。cordova8からはpackage.jsonの中も見てるようで最低限のpackage.jsonが必要になったぽい。package.json { "name": "my_plugin", "version": "0.0.1", "description": "" }試したらname…

ionic(cordova) iOSでのtwitterログインで403 Forbidden の対応

はじめに アプリのコードいじってないのにアプリで実装していたTwitterログインができなくなった。使っていたプラグインはこちら https://github.com/ManifestWebDesign/twitter-connect-pluginエラー内容 error: Request failed: forbidden (403) Error Dom…

cordova-androidで生成したプロジェクトにSupport Libraryを追加

cordova-androidのバージョンは7.1プロジェクト作成 $ cordova-android/bin/create android_demo test.android_demoGradle Scripts > build.gradle (Module: app) dependencies { implementation fileTree(include: '*.jar', dir: 'libs') // SUB-PROJECT DE…

【cordova】cordovaFileTransfer で params も付けてファイルアップロード

ngCordovaの$cordovaFileTransferの使い方メモ https://github.com/apache/cordova-plugin-file-transfer のラッパー $cordovaFileTransfer.upload( 'https://xxx.yyy.zzz/path/to/api' 'path/to/upload_file', { fileKey: 'image', // アップロードするファ…

Fastlaneにてcordova(ionic)プロジェクトのiOSアプリをDeploygateにアップロードする手順

今回やりたいことは以下 ・cordova(ionic)プロジェクトで作成したアプリをビルド ・ビルドしたアプリをデプロイゲートへアップロード とりあえずはデプロイゲートまでアップするのが目標 fastlaneインストール fastlaneをインストール $ sudo gem install fa…

cordova-plugin-purchaseでQuotaExceededError (DOM Exception 22): The quota has been exceededエラー

cordova-plugin-purchaseを使っての継続課金機能の開発中にこちらのエラーが多発した。iOSの話。 Error in Success callbackId: InAppPurchase1613437489 : QuotaExceededError (DOM Exception 22): The quota has been exceeded.この辺りの処理も呼ばれなく…

ionic(cordova)iPhoneXでスプラッシュ画像が正しく表示されなかったときの対応

まず、スプラッシュ画像をセットする方法は2つあってxcodeのimages.xcassetsの以下のどちらかに正しいサイズの画像をセットすれば良いらしい。 1. LaunchImageに画像をセット 2. LaunchStoryboardに画像をセット今回は1.の方でやったときの流れをメモしてお…

ionic(cordova)でiPhoneXでステータスバーの背景色が適用されなかった時の対応

タイトル通りですが、既存プロジェクトのアプリをiPhoneXに対応させたときの対応をメモ。やったことはざっくり以下1. ionic本体を1.3.3から1.3.4へバージョンアップ 2. cordova-plugin-statusbarプラグインを2.1から2.4.1へバージョンアップ1.については、コ…

macにcordovaインストールエラーメモ

新PCにcordovaのバージョン6.5.0入れようとしたら、他のPCでは出なかったのに以下のようなエラーが。。。 $ npm install -g cordova@6.5.0 npm WARN deprecated node-uuid@1.4.8: Use uuid module instead npm ERR! path /usr/local/lib/node_modules/cordov…

ionic(cordova)にてpush通知受信でフォアグラウンド・バックグラウンドを判定する

https://github.com/phonegap/phonegap-plugin-push/ こちらのプラグインを使ってプッシュ通知を実装した。で、今回やりたかったことはアプリがフォアグラウンドの場合とバックグラウンドの場合で受信した時の処理を切り分けたいということだった。ドキュメ…

【cordova】clipboardコピーのプラグインがiOS11で動かなかったときの対応

https://github.com/VersoSolutions/CordovaClipboard こちらのプラグインを使っていたのだが、iOS11でコピーできなくなっていた。https://github.com/VersoSolutions/CordovaClipboard/pull/35/files メンテされていないだけだと思うけど、こちらのPRのとお…

【cordova】アプリがインストールされているかどうかを調べるプラグイン

https://github.com/nrikiji/cordova-app-installed-plugin とりあえずiOS版だけ作ってみた。こちらにswiftのやり方がのっていたのでプラグインに書き直しただけ。androidも簡単にできそうなので近々やろうと思う。が、誰か作ってくれたら嬉しいです。以上で…

【cordova】iOSのサイレントプッシュ通知について

cordovaでiosのサイレント通知を試したときの挙動についてメモしておく。試した環境 ・ios11 ・awsのsnsでサイレント通知送信結果 通知設定アプリ状態受信 onバックグラウンド可 フォアグラウンド可 停止中不可 offバックグラウンド可 フォアグラウンド可 停…

ionic state resetとrestoreの違い

それぞれのヘルプをみてみる $ ionic --help reset ・・・ Clear out the platforms and plugins directories, and reinstall plugins and platforms restore ・・・ Restore the platforms and plugins from package.jsonreset はplatformディレクトリとplu…

ionic(cordova) config.xmlを環境(development、production)毎に分ける

以前から気になっていた内容。 ionic か corodova の標準の機能でありそうだけどドキュメント眺めたり検索してもよくわからない。みんな必要な機能な気がするがどうやるのが正しいのだろうか。解決したかったこととしては以下 ・アプリのBundle Identifierや…

【ionic】ionicPopup.promptの入力フォームがキーボードで隠れないようにする

app.js angular.module('starter', ['ionic']) .run(function($ionicPlatform, $localStorage, ParentService) { $ionicPlatform.ready(function() { if(window.cordova && window.cordova.plugins.Keyboard) { cordova.plugins.Keyboard.hideKeyboardAccess…

緯度経度の2点間の距離、角度と座標 - GoogleMap

今回はapache cordovaのGoogleMapのプラグインの話だけど、GoogleMapのAPIならきっと同じように取得できると思われる。計算方法とか調べていたが実際にGoogleMapに表示してみるとけっこうずれたりしてうまくいかなかった。で、プラグインのドキュメント見て…

【ionic2】無限スクロールの使い方

なかなか手をだせにずにいたionic2を次の案件では使えるように準備中。とりあえずionic1でできてたことをionic2でもできるようになることが当面の目標。今回はapiから取得したjsonからリスト表示で、無限スクロールを実装してみる。blankでプロジェクト作成 …