はじめに

NativeScript で Skeleton Screen を表示する方法。

TL;DR

  • CSS で Skeleton Screen のアニメーションを作成
  • Skeleton Screen を表示したい箇所に↑のクラスを適用
  • 実レイアウトにあわせて width, height, border-radius などを調整
  • 本物のコンテンツを表示する際に Skeleton Screen は非表示にする
続きを読む

はじめに

NativeScript(NativeScript-Vue) で次入力欄にフォーカスする方法を整理した。

TL;DR

続きを読む

はじめに

NativeScript(NativeScript-Vue) で NativeScript/nativescript-datetimepicker を使って、Locale を意識した DatePicker/TimePicker

TL;DR

  • tns plugin add nativescript-datetimepicker でインストール
  • NativeScript-Vue は Vue.use(DateTimePicker) で準備
  • <DatePickerField locale="ja_JP" /> で日本向けの日付選択
  • その他プロパティは Features を参照
続きを読む

はじめに

Cordova iOS アプリで、ダークモード設定時にステータスバーの時刻やら電波マークやらが背景色と同化して見えなくなる場合の対処方法。

TL;DR

  • config.xml に以下を追加
    • 対応としては「ライトモードの強制」なので、本質的な対応ではない
1
2
3
<config-file parent="UIUserInterfaceStyle" platform="ios" target="*-Info.plist">
<string>Light</string>
</config-file>
続きを読む

はじめに

PHP で moneyphp/money を使って浮動小数点数の誤差を考慮した金額を計算する方法。

TL;DR

  • composer require moneyphp/money でインストール
  • Money::JPY(3000) でインスタンス生成
  • multiply(1.1, Money::ROUND_UP) で丸めモードを指定して乗算
  • getAmount() で計算結果の取得
    • String なので必要に応じて (int) などでキャスト
  • 利用可能であれば 任意精度数学関数gmp 関数 を使っても OK
続きを読む

はじめに

Cordova で Android アプリエミュレータ起動時に PANIC: Missing emulator engine program for 'x86' CPU. となる場合の対処方法。

1
2
3
4
$ cordova emulate android
...
Waiting for emulator to start...
PANIC: Missing emulator engine program for 'x86' CPU.

TL;DR

  • cordova-android が未サポートの API level を指定したエミュレータを起動しようとしていることが原因
  • Android Studio で cordova-android がサポートしている API level のエミュレータを作成
    • 2020/06/04 時点では API level 27(Android 8.1) がサポート範囲内での最新
  • デバイス指定でエミュレータ起動: cordova emulate android --target="TARGET DEVICE"
続きを読む

yukik/koyomi で和暦を算出



カテゴリー Programming

はじめに

JavaScript で yukik/koyomi を使って和暦を算出する方法を整理した。

TL;DR

続きを読む

はじめに

Cordova iOS アプリでカメラ(apache/cordova-plugin-camera)のテキストを変更する方法。

デフォルトだと撮影後のボタンが「Retake」や「Use」(Use Photo だったかも)とかになっている。

TL;DR

  • config.xmlCFBundleDevelopmentRegionja_JP に設定する内容を追加
続きを読む

r17n


Softwear Engineer


Fukuoka