NativeScript-Vue でネイテイブアプリの開発(チュートリアル + α)



カテゴリー Programming
タグ
Android HTML JavaScript NativeScript NativeScript-Vue Programming Vue.js iOS

はじめに

Vue.js を使ってネイテイブアプリの開発が可能な NativeScript-Vue について整理した。

セットアップから、Vue Router を使ったページ遷移、モーダルの表示などについて。

続きを読む

ios-deploy で Device doesn't support wireless sync. AMDeviceStartService となった場合の対処方法



カテゴリー Programming
タグ
Cordova Programming iOS npm

はじめに

Cordova の iOS ビルドなどで ios-deploy を使っていて、以下のエラーが出た場合の対処方法。

1
2
3
4
5
...
[100%] Installed package /Users/hoge/app/platforms/ios/build/device/AppName.app
------ Debug phase ------
2019-11-28 12:38:08.078 ios-deploy[24906:291578] [ !! ] Error 0xe800007f: Device doesn't support wireless sync. AMDeviceStartService(device, CFSTR("com.apple.debugserver"), &gdbfd, NULL)
ios-deploy: Command failed with exit code 253

ちなみに、自分の環境ではビルド・デプロイまではできるが、Mac に繋いで Safari 経由でのデバッグができない(iOS デバイスを認識しない)という状態だった。

TL;DR

  • ios-deploy をアンインストール→再インストール で解決
    • rm ~/Library/Developer/Xcode/DerivedData/ios-deploy-*
      • 削除が不安なら一度 mv でリネームするのが良い
    • npm un -g ios-deploy
    • npm i -g ios-deploy
続きを読む

Cordova で端末やエミュレータを指定してデプロイする



カテゴリー Programming
タグ
Android Cordova JavaScript Node.js Programming iOS

はじめに

Cordova でアプリデプロイ時に、指定した端末やエミュレータにデプロイする方法についてまとめた。

TL;DR

  • cordova run --list で利用可能なデバイスの表示。
  • cordova run ios --target=<target id> で実機へのデプロイ
  • cordova emulate ios --target=<target id> でエミュレータへのデプロイ
続きを読む

Git リポジトリや既存の Cordova アプリ向けコードを使って Cordova 環境を構築する方法



カテゴリー Programming
タグ
Android Cordova JavaScript Node.js Programming iOS

はじめに

GitHub などに登録されている Cordova アプリのソースコードをクローンした後に、クローンしたコードを使って Cordova 環境を構築(初期設定)する方法。

TL;DR

  • 既存ディレクトリをリネーム
    • mv <original name> <renamed name>
  • --template オプションを使って cordova create
    • cordova create <original name> --template=<renamed name>
  • リネームしたディレクトリを削除
    • rm -rf <renamed name>
続きを読む

Xcode v11 + Cordova(iOS) で Cannot read property 'toLowerCase' of undefined のエラーの解決方法



カテゴリー Programming
タグ
Cordova JavaScript Node.js Programming Vue.js iOS

はじめに

Vue + Cordova の iOS アプリを Xcode v11 でビルドすると Cannot read property 'toLowerCase' of undefined のエラーが出たので、解決方法について整理した。

TL;DR

  • Xcode v11 と cordova-ios v4 系は互換性がない
    • vue add cordova でインストールされるのは cordova-ios v4.5.5 (2019/11/21 現在)
  • cordova platform rm ios → cordova platform add ios@latest で解決
続きを読む

Cordova で iOS, Android エミュレータの起動がうまくいかない場合の対処法



カテゴリー Programming
タグ
Android Cordova Programming iOS

はじめに

Cordova でエミュレータの起動がうまくいかないときに見るポイント(やること)をまとめた。
※自分がハマった箇所の解決方法しか書いてない

TL;DR

  • iOS
    • npm i -g ios-sim で ios-sim をインストール
    • --buildFlag='-UseModernBuildSystem=0' をつける
  • Android
続きを読む

Cordova でネイティブダイアログを呼び出す cordova-plugin-dialogs



カテゴリー Programming
タグ
Android Cordova JavaScript Node.js Programming iOS

はじめに

Cordova でネイテイブのダイアログを表示できる cordova-plugin-dialogs について調べた。

TL;DR

  • cordova-plugin-dialogs はネイティブのダイアログを呼び出す
  • タイトルやボタン名も変更可能
  • 見た目の比較(window.alert などとの違い、iOS, Android での違い)をまとめた
  • 通常の window.alert なども考慮した Wrapper を作った
続きを読む

Cordova で Splash Screen を設定する cordova-plugin-splashscreen



カテゴリー Programming
タグ
Android Cordova JavaScript Node.js Programming iOS

はじめに

Cordova で Splash Screen を設定できる cordova-plugin-splashscreen についてまとめた。

TL;DR

  • cordova plugin add cordova-plugin-splashscreen でインストール
  • res/screen/ios などに画像ファイルを配置
  • config.xml に <splash src="res/screen/ios/xxxx.png" /> を追加
  • デフォルトは表示から3秒後にフェードアウト
続きを読む

r17n


Softwear Engineer


Fukuoka