NativeScript

[hysryt]

https://www.nativescript.org/

[hysryt]

特徴

• HTML/CSS/JavaScript で iOS、Android アプリを作成できる。
• 一つのコードで iOS と Android の両方のアプリケーションを作成可能。
• Angular、Vue.js、TypeScript、JavaScript を使用できる。
• WebView ではなくネイティブなUIを使用する。
• すべてのiOS、Android API にアクセス可能。 CocoPods や Android SDK をかんたんに使用できる。
• マーケットプレイスでプラグインやテンプレートを探すことも可能。
• Apache2 ライセンスでフリーに使用可能。

[hysryt]

CLI セットアップ

https://docs.nativescript.org/angular/start/quick-setup セットアップには2種類ある

• Quick Setup iOS や Android に依存する部分をインストールしない。
• Full Setup Quick Setup に加え、依存関係をすべてインストールする。 App Store や Google Play で公開する場合はこちらが必要。

Quick Setup のほうが手軽に開始できるが、以下のような制約がある。 https://docs.nativescript.org/angular/start/quick-setup#quick-setup-limitations

• プラグインが使用できない
• リソースを使用できない
• デバッグツールが使用できない。
• ユニットテストができない
• Angular の遅延読み込みが使用できない。

インストール手順

Quick Setup

1. Node.js のインストール
2. NativeScript CLI をインストール
3. スマホ側に NativeScript Playground app をインストール

Full Setup

4. iOS、Android アプリをビルドする上での依存関係をインストール

プロジェクトの作成

$ tns create HelloWorld --template tns-template-blank

プロジェクトのプレビュー

$tns preview

$tns preview --bundle

[hysryt]

ns preview を行うには、端末側に以下の2つのアプリが必要

• NativeScript Playground
• NativeScript Preview

Android https://play.google.com/store/apps/details?id=org.nativescript.play https://play.google.com/store/apps/details?id=org.nativescript.preview

iOS https://apps.apple.com/jp/app/nativescript-playground/id1263543946 https://apps.apple.com/jp/app/nativescript-preview/id1264484702