はじめに
NativeScript のデバッグ方法について整理した。
TL;DR
- Chrome や NativeScript Inspector を利用したデバッグが可能
- ブレークポイントの設定、コンソールでのログ確認、要素の変更など可能
- Chrome DevTools Debugging
- iOS:
tns debug ios - Android:
tns debug android - VSCode の拡張機能もある(未確認)
NativeScript のデバッグ方法について整理した。
tns debug iostns debug androidNativeScript で作成したアプリのビルド手順やリリース手順について整理した。
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"> → クリック&削除