はじめに
NativeScript(NativeScript-Vue) で QRコードの読取りを行う方法。
TL;DR
- プラグイン: EddyVerbruggen/nativescript-barcodescanner
- スキャン機能のページ内埋め込みは iOS のみ対応なので注意
new BarcodeScanner().scan()
で読取り機能の起動
NativeScript(NativeScript-Vue) で QRコードの読取りを行う方法。
new BarcodeScanner().scan()
で読取り機能の起動NativeScript + Firebase でプッシュ通知を行う方法。
multiDexEnabled true
を追加
Vue.js を使ってネイテイブアプリの開発が可能な NativeScript-Vue について整理した。
セットアップから、Vue Router を使ったページ遷移、モーダルの表示などについて。
続きを読むVue.js で画像プレビューする方法を整理した。
基本的に たった2ステップ!Vue.js で選択画像をプレビューする方法(サンプルDL可) – console dot log の通り。
<input type="file">
に @change
でイベントハンドラを設定FileReader
の readAsDataURL
で data: url
として読み込みdata
に data: url
を設定<img :src="dataUrl
>` のようにバインドして表示Vue + Cordova + Firebase でプッシュ通知を利用する方法を整理した。
※Firebase やプッシュ通知の細かい仕様については詳しくないため、最新/最適 でない方法の可能性があることに注意。
※試行錯誤を経て成功した後に情報を整理しているので、手順漏れや実施タイミングが異なるものなどがあるかもしれないことに注意。
関連: Node.js で firebase-admin を使ってサーバからプッシュ通知
Vue + Cordova の iOS アプリを Xcode v11 でビルドすると Cannot read property 'toLowerCase' of undefined
のエラーが出たので、解決方法について整理した。
cordova-ios
v4 系は互換性がないvue add cordova
でインストールされるのは cordova-ios v4.5.5
(2019/11/21 現在)cordova platform rm ios
→ cordova platform add ios@latest
で解決Vue.js + TypeScript で CDN からスクリプトを読み込んで、xxxx.ts
で window.hoge
にアクセスするコードをビルドすると Property 'hoge' does not exist on type 'Window'.
のビルドエラーが出たので、解決方法を調べて整理した。
declare global
を使うdeclare global { interface Window { hoge: any } }
window.hoge = window.hoge || {};
Vue.js プロジェクトで Performance Timing API を使う方法についてメモ。
new Vue({performance: true})
とするmark
と measure
を使うVue CLI + Vue Router で作成したプロジェクトを GitHub Pages で公開する方法についてまとめた。
vue create
時点で Vue Router を使う設定にしておくと楽vue.config.js
でビルドファイルの出力先などを設定Twitterデータの tweet.js を読み込んで全ツイート履歴を表示するツール「tweet.js loader」の紹介 で作った tweet.js loader の技術面について整理した。