はじめに

NativeScript(NatvieScript-vue) で、非 SSL サイトへのリクエストを許可する方法。

TL;DR

  • Android: AndroidManifest.xmlusesCleartextTraffic の設定追加
  • iOS: Info.plistNSAllowsArbitraryLoads の設定追加
  • よりセキュアな方法もあるので、各自の状況や環境に合わせて要設定
続きを読む

はじめに

NativeScript(NatvieScript-vue) で JsBarcode を使ってバーコードを 生成/描画 する方法。

通常通りの使い方ではエラーとなるため、少しトリッキーな方法を用いている。

なお、有料で良ければ @proplugins/nativescript-zxing を使うのが早いと思われる。

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue) で履歴をクリアしつつページ遷移する方法。

TL;DR

続きを読む

はじめに

Vue.js で矢印キーや Enter キーによるキーボード操作が可能なコンテキストメニュー(右クリックメニュー)を表示する方法。

調査/検証 したところ rawilk/vue-context を使うのが一番楽だったので、基本的には vue-context の使い方についてのまとめ。

TL;DR

  • rawilk/vue-context だとキーボード操作にデフォルトで対応
  • ネストは li.v-context__subul.v-context を使う
    • , キーによる階層の移動が可能
  • スタイルは .v-context li, .v-context li a:hover, .v-context li a:focus あたりで変更
続きを読む

はじめに

Vue.js で入力フォーム フォーカス中に Enter キーで Submit させる方法について整理した。

ほぼ参考サイトの通り。

TL;DR

  • 単純に @keyup.enter を使うと、日本語変換での確定 Enter も対象になる
  • @keypress.enter だと、日本語変換での確定 Enter は発火しない
  • 組み合わせてフラグ管理することで実現
続きを読む

はじめに

Vue.js でキーボード操作で要素間を移動させる方法について整理した。

イメージとしてはツリービューみたいなやつとかを、 キーで移動するような感じ。

TL;DR

  • tabindex を移動させたい要素に設定
  • @keyup.up.exact, @keyup.down.exact でイベントハンドラを設定
  • ハンドラ内で次要素の tabindex を算出して focus
続きを読む

はじめに

NativeScript(NativeScript-Vue) で ボトムタブバーによるナビゲーションを行う方法。

TL;DR

  • ボトムタブバーによるナビゲーションを行う方法を整理
  • TabView で実装する
  • もしくは BottomNavigation で実装可能
続きを読む

はじめに

NativeScript でアクションバーのカスタマイズについて整理した

TL;DR

  • NavigationButton で Android 向けに戻るボタンを配置可能
  • ActionItem でシェアボタンや削除ボタンを追加可能
  • visibility で戻るボタンやシェアボタンの表示制御が可能
続きを読む

はじめに

NativeScript で フォトライブラリの 画像や動画 を 参照/選択 する方法。

TL;DR

続きを読む

はじめに

NativeScript で カメラを使って写真を撮影する方法。

TL;DR

続きを読む

r17n


Softwear Engineer


Fukuoka