はじめに
nestjs/nest のチュートリアルなどを触った際のメモ。
自分の中で知見がまとまったら内容ごとに別記事に分離するかも。
チュートリアル: Documentation | NestJS - A progressive Node.js framework
TL;DR
- 別途記載
nestjs/nest のチュートリアルなどを触った際のメモ。
自分の中で知見がまとまったら内容ごとに別記事に分離するかも。
チュートリアル: Documentation | NestJS - A progressive Node.js framework
NativeScript(NativeScript-Vue) でアニメーションの利用方法。
NativeScript(NativeScript-Vue) で iOS の Status Bar の情報(時刻、電池量など)が表示されない場合の対応方法。
app/App_Resources/iOS/Info.plist で UIViewControllerBasedStatusBarAppearance を false に設定NativeScript(NativeScript-Vue)で Dark Mode(iOS), Dark Theme(Android) に対応する方法。
forceDarkAllowed で Dark Theme のサポート有無を設定UIUserInterfaceStyle で Dark Mode を非サポートに設定可能(デフォルトで影響を受ける).ns-dark, Light だと .ns-light が root-view に適用される@nativescript/theme を使って Theme.setMode(Theme.Light) で強制変更もできるNativeScript(NativeScript-Vue) の Application Lifecycle について。
アプリの起動や終了、バックグラウンドへの移動などを検出して処理させることができる。
application.on(<event>, <handler>) でイベント検出・ハンドラの設定new Vue().$start() を実行していれば application.run は実行不要NativeScript-Vue でページ読み込み後にページ移動やダイアログの表示をする方法。
アプリ起動直後のページ(xxxx.vue) 内の created や mounted で、$navigateTo や $showModal を使っても期待通りに動作しない場合の対応方法。
<Page @loaded="onLoaded"> のように NativeScript 側の loaded イベントを使う$showModal)は loaded + setTimeout で対応NativeScript(NativeScript-Vue) で ActionBar/ActionItem に FontAwesome などのアイコンフォントを使用する方法。
ActionBar:title プロパティは使わないXxxxLayout と Label 定義ActionItem:ios.systemIcon, android.systemIcon は使わないLabel で定義NativeScript(NativeScript-Vue) での border の使い方を整理した。
border-width, border-color, border-radius で指定width, color は border-[top|right|bottom|left]-xxxx で個別指定も可能border-width: 1 2 3 4; のような指定も可能border: 1px black solid;)は使えないので注意NativeScript(NativeScript-Vue) で adamwdraper/Numeral を使って、toLocaleString を実現する方法。
toLocaleString は未対応(2020/05/09 現在)
numeral(val).format('')NativeScript(NativeScript-Vue) でアイコンフォント(FontAwesome)付きのボトムタブバーを表示する方法。
BottomNavigation を使う<Image src.decode />TabView