ionic3

ionic async awaitでAPIへ同期的にリクエスト

やりたいことはタイトルのとおり。初めてでハマったのでコードをメモしておく。 import { Component } from '@angular/core'; import { Http, Headers,RequestOptions } from '@angular/http' import 'rxjs/add/operator/map' import 'rxjs/add/operator/cat…

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

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

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

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

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

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

【ionic3】iOSでvideoインライン再生

ionic3でvideoタグのインライン再生しようとしたら上手くいかなかったのでそのときのメモHTMLはこんな感じ <video muted="true" preload="auto" webkit-playsinline playsinline controls src="assets/imgs/sample.mp4"> </video>調べてみると wkwebview の設定で allowsInlineMediaPlayback という設定があった。 CDVWKWebViewEngine.m を見てると allowsInlineMediaPlayback …

【Ionic3(Angular)】Componentを作成してHTMLを分割する方法まとめておく

はじめに 今回やりたかったことは以下のようなコードの「リスト」の部分が複雑になったので別ファイルに分けたいということでした。AngularのComponentを作成すれば実現できるようでIonicコマンドでComponentを作成できるのでこちらの使い方をメモしておく。 <ion-content></ion-content>…

Ionic3とAngularのバージョン確認

IonicはCLIとフレームワークとでそれぞれバージョン違うし。Angularはバージョンどんどん上がってる印象なので。自分がそれぞれどのバージョン使ってるかわからなくなってきた。CLIのバージョン $ ionic -v 3.20.0FWのバージョンはpackage.jsonを見るとわか…

ionic3でcordova pluginを使用する

ionic2からionic-native経由でcordovaプラグインを使うような形になってる。 素のcordovaプラグインを使うことも多いと思うのでメモしておく。pages/home/home.ts import { Component } from '@angular/core'; import { Platform } from 'ionic-angular'; de…