The sky is the limit

Vue.js、PHP、Java、Cordova、Monacaを中心にハイブリッドアプリ開発、PWA開発など効率的なWEB、iOS、Androidアプリ開発の情報を共有します。

【モバイルアプリ開発】NativeScript-Vueとは【NativeScript, Vue.js】

【モバイルアプリ開発】NativeScript-Vueとは【NativeScript, Vue.js】

f:id:duo-taro100:20160218004611p:plain

nativescript-vue.org

翻訳しました。(googleが)

NativeScriptとは

NativeScriptは、JavaScriptを使用して本来のモバイルアプリケーションを構築するためのオープンソースのフレームワークです。

Vue.jsとは

Vueは、ユーザーインターフェイスを構築するためのプログレッシブなフレームワーク。
コアライブラリはビューレイヤにのみ焦点を当てており、他のライブラリや既存のプロジェクトとの統合が非常に簡単です。

NativeScript-Vueとは

NativeScript-Vueは、Vue.jsを使用してモバイルアプリケーションを作成するためのNativeScriptプラグインです。

NativeScript-Vueを使う理由

ネイティブデバイスの機能と連携するプラグインが豊富

.NativeScriptは、iOSとAndroidのネイティブユーザーインターフェイスコンポーネントを使用してアプリを構築します。
作成するアプリケーションはWebベースではないため、WebViewベースのアプリケーションフレームワークに固有の制限の対象にはなりません。
NativeScriptは、ネイティブデバイスの機能と連携するプラグインの豊富なコレクションも提供しています。
したがって、アプリの一部としてiOSやAndroid APIや機能を連携させる必要がある場合は、NativeScriptでその機能を使用できます。

JavaScriptが好き

NativeScript-Vueを使用すると、Javaではなく、SwiftではなくObjective-Cではなく、JavaScriptでモバイルアプリケーションを作成できます。
Webアプリケーションやノードアプリケーションで使用するJavaScriptでモバイルアプリを書くこと可能です。

Vueが好き

Vueは、ビューレイヤーへの簡単なアプローチで知られています。
Vueを使ってWebアプリケーションを作成するのが好きな人は、NativeScript-Vueを使うことによってデータバインディングやイベント処理などの一般的なタスクの処理をVueと同じ方法で実現でき、それによってモバイルアプリケーションを作成することができます。

NativeScript-Vueを上手く使うために必要なこと

NativeScript CLIの使用

NativeScriptは、WebアプリケーションではなくiOSおよびAndroidアプリケーションを構築するためのフレームワークです。
NativeScript CLIでのいくつかのコマンドの使い方や、iOSシミュレータとAndroid仮想デバイスの仕組みの基本について学ぶ必要があります。

NativeScriptのUIコンポーネントの学習

NativeScriptはネイティブのユーザーインターフェイスコンポーネントを使用するため、HTMLコントロールは存在しません。
代わりに、インターフェイスをレンダリングするために使用できる新しいコンポーネントのセットを学ぶ必要があります。

しかし、心配しないでください。NativeScript-Vueを使用するための学習曲線はありますが、iOSやAndroidを基礎から学ぶよりもはるかに簡単です。
JavaScriptとVueでソースコードを書いていることには変わりありません。


以上です。まだ新しいということもあって、ドキュメントにも全てが書かれているわけではないみたいですが、ちょっと使ってみたいですね。

NativeScript-Vueを簡単に試す方法としてNativeScriptのPlaygroundを使うものがあります。

play.nativescript.org


iOSとAndroid用アプリもあって、実機での確認も可能です。
■読み取り用アプリ
実装した内容をQRコードで読み取り、プレビュー用アプリに移動します。

NativeScript Playground

NativeScript Playground

  • Telerik Corp.
  • Utilities
  • Free


■プレビュー用アプリ
実装内容を実機で確認できるアプリです。
更新内容もその都度反映されるのが素晴らしいです。

NativeScript Preview

NativeScript Preview

  • Telerik Corp.
  • Utilities
  • Free


そのうちTODOアプリくらい作る予定です。