SolutionsProductsPricingResourcesWhat's NewSign InFree Trial
Merpay Advent Calendar 2019 の12日目は、 Merpay iOS チームの @hitsu がお送りします。 目次 QRScannerとは OSS開発の背景 QRScannerの特徴 使い方 基本な使い方 カメラのアクセスを許可 QRScannerの導入方法 CocoaPodsを使う場合 Carthageを使う場合 カスタマイズ ソースコードでカスタマイズ Interface Builderでカスタマイズ フラッシュボタンを使いたい場合 内部実装 主要な実行フロー アニメエフェクトの実装 終わりに QRScannerとは 数行のソースコードでiOS13と同じようなQRコードスキャン機能を実装できるフレームワークです。 GitHub – mercari/QRScanner: A simple QR Code scanner framework for iOS. Pr
Nuxt.jsでバーコードリーダを作ったら、いろいろハマった上にiOSのPWAでカメラにアクセスできなかった話Vue.jsWebサービスバーコード個人開発Nuxt Nuxt.jsで開発しているWebサービスにバーコードリーダ機能をつけようとしたら、 いろいろハマったので、そのときの備忘録。 利用したのはQuaggaJS。簡単に使えて便利(´ω`) はまったポイントは、以下の4点... 1. httpsじゃないとカメラを取得できない 2. QuaggaJSで表示されてないHTML要素を指定するとエラー 3. size/width/heightを指定してもいい感じにならない 4. iOSのPWAではカメラにアクセスできない いろいろハマったけど、QuaggaJS自体がすごく良いので、サクッとできた♪ 作ったのはこんな感じ バーコードリーダ、できてきた♪ いい感じな気がする(´ω`) pic.t
TL;DR ・iOSのPWAでは表示モードがstandaloneの場合にカメラを開くことができない。 ・Androidでの起動時にはstandalone、iOSではbrowserで起動する。 ・ページアクセス時にuserAgentからOSを判定し、OSに応じて異なるmanifestを読み込む。 カメラを開く最小限のPWA構成 ファイル構成は下記の通りです。 icon.pngは適当な192x192の画像を用意してください。 <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="manifest" href="manifest.json"> <link rel="apple-touch-icon" href="ico
今年のWWDCとiOS11の注目ポイントは、「カメラのQRコード対応」ではないか? いや冗談でなく、マジで。 いまさら対応QRコード まさに「いまさら」。QRコードは枯れきったテクノロジーである。テック的には新しさもヤバさもない。 ところがこのQRコード、実はようやくiPhoneに搭載された、万人が使えるO2Oの入り口だったりする。 QRコードの搭載、ユーザーの週間学習で何が変わるか? というと、だいたい全部変わる。 この辺りは中国でのQRコード(Alipay)の成功を、Appleが無視できなくなったということだろう。 これはQRが新しいのではない。「公式カメラにQRが搭載されること」が、「全てのアプリがQR対応すること」を意味する。そちらがインパクトなのだ(そして、iOS/Android両方で使えることに意味が出る) QRコードの中に、アプリを起動させるURLを仕込めば、アプリ側で特に何
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く