クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
``クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
` クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
``クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
`
必要なプラットフォームを追加して、
````クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
``クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
` クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
``クロスプラットフォームを触ってみたシリーズの第6弾は、Native Scriptです。
前回のReact Native に続き、JavaScriptで書ける繋がりで。
ほんとはTitaniumとマネタイズ的にカブっている Xamarin について書こうと思ったのですが、アプリはガッツリ有料なのとC#だからいまいちやる気が出なかったので。
因みに Xamarin は 少なくとも Xamarin Studio のMac版は無料なので、.Net framework なアプリがMac OS Xで作れちゃいます。
monoフレームワークを使えばLinuxとかでも動くYo!
但し iOS/AndroidアプリのSDKは有料なので、アプリ開発する場合には無料では出来ないみたいです。
話を Native Scriptに戻します。
情報少ないです。公式の情報が頼りです。
あとは NativeScript の Google Group 位でしょうか。
https://groups.google.com/forum/#!forum/nativescript
インストールとか
例によってOSXです。iOSとAndroidの開発環境、およびNode.jsは既にインストールされています。
Native Script的には、XCode (とCommand-line tools for XCode)、JDK (8以降)、Android SDK (19以降)、Apache Ant (1.8以降)が要るようです。
未だの方は公式の Getting Started から、OS X Setup をやればOKです。
そこまで出来ている場合は、CLIツールのインストールをします。
これも例によってすごく簡単です。
npm i -g nativescript
これだけ。
Native Script には AppBuilderとかいうIDEがあるみたいです。
有るみたいというか、どうやらブラウザでCross-PlatformなIDEの Telerik AppBuilder を使う様です。
これはこれで気になりますが今回はCLIだけでやってみます。
プロジェクト作成とHello World
次は Hello World を Native Script CLIでやってみます。
プロジェクトを作って
mkdir ~/nativescript<br />
cd ~/nativescript
`
必要なプラットフォームを追加して、
````
Android エミュレータで動かします。
tns run android --emulator
iPhoneシミュレータで動かすにはこうです。
tns run ios --emulator
Android実機で動かすにはこうです。USB接続してるAndroid実機とGenymothionの全てにいっぺんにインスコされます。
tns run android
iPhone実機転送はやってみたけど出来てないです。自分のMacには複数のDeveloperや多量のプロビジョニングプロファイルがあるんで、その辺Native Scriptでどう設定すれば良いか追えてないです。
tns run ios
ハマった所
Native Script のプロジェクトを Git で共有とかした場合、共有先でAndroidのビルドが失敗することがありました。
BUILD FAILED
/ant/build.xml:653: The following error occurred while executing this line:
/ant/build.xml:659: /Users/me/nativescript/MyApp/platforms/android/src does not exist.
これは単に、platforms/android/src ディレクトリが無い事が原因なだけなので作ればOKです。
mkdir -p platforms/android/src
これくらいAntタスクでハンドリングしてほしいですとJavaオジサンは嘆く訳です。
感想など
纏めるのが面倒くさくなってきたのでここから先はまた気が向いたら書きます。
まずはレイアウトの書き方の作法を覚えないとって感じでしょうか。
http://docs.nativescript.org/layouts.html
StackLayout や AbsoluteLayout、は判るとして、GridLayoutは面白いですね。Gridな View が HTMLのTableタグみたいに書けるみたいです。あと WrapLayout とかを使うことで縦横対応なレイアウトが簡単に書けそうな感じはします。
Native Script は、HTMLライクなノリでViewが作れるそうで、慣れれば早くViewを作れるかも。
コントローラとかは未だあまり触ってませんがNode.jsっぽいやつです。CommonJSです。
モデルも、TutorialででてくるMVVMなモデルの部分とかアレです。Titanium でいう AlloyのData Binding と同じノリです。
全体的に Titanium 使っている人なら、React Native よりも Native Script の方が馴染みやすい気がします。
公式ドキュメントも読み物として読みやすく構成されていてGoodです。全部英語ですが。
Appceleratorも見習って欲しいです。量が違うので仕方ない所もあるけど。
前提知識が無い状態で今から始めるとして、Titanium と Native Script のどっちを選ぶのかと聞かれると、まぁ悩むでしょうね。
ググれば Titanium はけっこう辛みの話 (特にAndorid) がでてきますし。
Native Script は完全に無料ですし。
Titaniumにしても、React Nativeにしても、Native Scriptにしても、これらのプラットフォームって早く作れる事は確かなんだけど、ガッツリ使い出すと、細かい所のTipsとかが判らなかったり、ドキュメントにない細かい挙動を調べるのに時間かかったり、フレームワーク自体のバグがあったり (フレームワークが成長中の時は結構ある)とか、いろいろと時間取られる要因も有るわけです。
Native Script は圧倒的に情報が少ない (し仲間も少なそう) なのが、やはりネックになる気がします。
Titanium で辛みが可視化されているのは、悪い事ばかりでは無いと思うんですよね。
60fps出るゲーム作りたいとか、いち早くWatchとかHealth Kitとかに対応したいとか、iOSとAndroidのエンジニアのマンパワーが揃えられる場合はネイティブでやれば良いと思いますが、時間やリソース的な制約条件の中で、お客様に価値を届けたいというシチュエーションもあるでしょう?
自分が慣れてるというバイアスも有るけど、フレームワークの成熟度合いと情報量という意味で今のところ Titanium が良いと私は思ってます。
強いて無料から選ぶなら、React Native かなー。React.js流行ってるし。最近はスマホの性能も上がってきたので、要件がゆるせばハイブリッドアプリを選択するかもしれません。
クロスプラットフォーム シリーズ1 Titanium Mobileは業務や受託開発で使えるのか
クロスプラットフォームを触ってみたシリーズ2 久々にCordova (旧PhoneGap) 触ってみた
クロスプラットフォームを触ってみたシリーズ3 Electron (旧Atom Shell)触ってみた
クロスプラットフォームを触ってみたシリーズ4 Ubuntu 15.04 で Titanium (Appcelerator CLI)、無料でどこまでできるか試してみた
クロスプラットフォームを触ってみたシリーズ5 Titanium使いが React Native を少し触ってみた
クロスプラットフォームを触ってみたシリーズ6 Titanium使いが JavaScripで書けるつながりで Native Script 触ってみた