はじめに
NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。
TL;DR
- Android:
AndroidManifest.xml
にusesCleartextTraffic
の設定追加 - iOS:
Info.plist
にNSAllowsArbitraryLoads
の設定追加 - よりセキュアな方法もあるので、各自の状況や環境に合わせて要設定
NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。
AndroidManifest.xml
に usesCleartextTraffic
の設定追加Info.plist
に NSAllowsArbitraryLoads
の設定追加NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを 生成/描画 する方法。
通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。
なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。
Object
を渡す方法でコードを生成StackLayout
を orientation="horizontal"
で利用Label
で処理backgroundColor
で黒塗りつぶしNativeScript(NativeScript-Vue) で履歴をクリアしつつページ遷移する方法。
clearHistory: true
を設定するthis.$navigateTo(Page, { clearHistory: true });
Vue.js で矢印キーや Enter キーによるキーボード操作が可能なコンテキストメニュー(右クリックメニュー)を表示する方法。
調査/検証 したところ rawilk/vue-context を使うのが一番楽だったので、基本的には vue-context の使い方についてのまとめ。
li.v-context__sub
と ul.v-context
を使う←
, →
キーによる階層の移動が可能.v-context li
, .v-context li a:hover
, .v-context li a:focus
あたりで変更Vue.js で入力フォーム フォーカス中に Enter
キーで Submit させる方法について整理した。
ほぼ参考サイトの通り。
@keyup.enter
を使うと、日本語変換での確定 Enter も対象になる@keypress.enter
だと、日本語変換での確定 Enter は発火しないVue.js でキーボード操作で要素間を移動させる方法について整理した。
イメージとしてはツリービューみたいなやつとかを、↑
↓
→
←
キーで移動するような感じ。
tabindex
を移動させたい要素に設定@keyup.up.exact
, @keyup.down.exact
でイベントハンドラを設定tabindex
を算出して focus
NativeScript(NativeScript-Vue) で ボトムタブバーによるナビゲーションを行う方法。
TabView
で実装するBottomNavigation
で実装可能NativeScript でアクションバーのカスタマイズについて整理した
NavigationButton
で Android 向けに戻るボタンを配置可能ActionItem
でシェアボタンや削除ボタンを追加可能visibility
で戻るボタンやシェアボタンの表示制御が可能NativeScript で フォトライブラリの 画像や動画 を 参照/選択 する方法。
create()
で ImagePicker を生成authorize()
で権限要求、present()
で選択画面表示、コールバックで選択画像の処理NativeScript で カメラを使って写真を撮影する方法。
requestPermissions()
で カメラ/フォトライブラリ の利用権限要求takePicture()
で カメラ起動〜撮影