はじめに
NativeScript のデバッグ方法について整理した。
TL;DR
- Chrome や NativeScript Inspector を利用したデバッグが可能
- ブレークポイントの設定、コンソールでのログ確認、要素の変更など可能
- Chrome DevTools Debugging
- iOS:
tns debug ios
- Android:
tns debug android
- VSCode の拡張機能もある(未確認)
NativeScript のデバッグ方法について整理した。
tns debug ios
tns debug android
NativeScript で作成したアプリのビルド手順やリリース手順について整理した。
Laravel で JavaScript を使うときのあれこれを調べた。
などなど。
webpack.mix.js
で mix.js()
, mix.version()
, mix.browserSync()
などを使うmix('path/to/js')
で読み込んだり、@push
と @stack
で個別 JS を読み込むようにするNativeScript で iOS の FaceID や TouchID、Android の指紋認証などの生体認証を利用する方法。
available()
で生体認証の利用可否や種別を取得verifyFingerprint()
, verifyFingerprintWithCustomFallback()
で生体認証usePasscodeFallback
を指定する必要があるNativeScript(NativeScript-Vue) で QRコードの読取りを行う方法。
new BarcodeScanner().scan()
で読取り機能の起動NativeScript + Firebase でプッシュ通知を行う方法。
multiDexEnabled true
を追加
NativeScript でデータの 保存/読み出し を行う方法を整理した。
ApplicationSettings
を使うconst appSettings = require("tns-core-modules/application-settings");
appSettings.getXXXX
, appSettings.setXXXX
, appSettings.hasKey
, etcVue.js を使ってネイテイブアプリの開発が可能な NativeScript-Vue について整理した。
セットアップから、Vue Router を使ったページ遷移、モーダルの表示などについて。
続きを読むaxios で、添付ファイルありのリクエストを送信する方法を整理した。
【React】axiosを使用してmultipart/form-data形式の通信をする - モノクロタイム を参考にさせてもらった。
FormData
の append
でデータを構築transformRequest
でも対応できるかも?(未検証)FormData
はブラウザのみなので、CLI ツールなどは別フォーマットを使う必要がありそうページ中の複数の画像を zip に圧縮してローカルにダウンロードする方法を整理した。
※JavaScript で画像をローカルにダウンロード の続き
await Promise.all()
ですべての非同期リクエストが完了したら zip 生成処理を実施folder()
, folder.file()
, generateAsync()
で、zip ファイルの生成createObjectURL
→ <a href="..." download="xxxx.zip">
→ クリック&削除