nativescript チュートリアル
nativescriptを使い始める
サーチ…
備考
Nativescriptは、ウェブ技術(JSおよびhtml)を使用して、iOSとAndroid(パイプラインのウィンドウ)をターゲットにすることができる、パフォーマンスの高いクロスプラットフォームのモバイルアプリランタイムです。それはいくつかの重要な目的で作られました:
- 視覚的に奏でるもの:UIのない人は、
- 拡張性:すべてのネイティブAPIにアクセスできるため、簡単なクロスプラットフォームプラグインを作成できます
- 完全にネイティブなUI
- TypescriptとAngular 2との高度な統合
- オープンソース、Telerikからの強力な企業支援
インストールまたはセットアップ
Nativescriptを設定またはインストールする手順の詳細。
次の例は、WindowsまたはOSXシステムをセットアップし、問題が発生した場合に備えて、トラブルシューティングガイドに投稿に署名するために必要な手順を示しています。
また、推奨されるワークフロー、IDE、エミュレータの設定方法の例もあります。
マックOS
- 最新の Node.js LTSがインストールされていることを確認してください。 Homebrewを使用している場合、これは
brew install node4-ltsできます。 - ターミナルを開き、
npm install -g nativescriptます。EACCESエラーが発生した場合は、sudo npm install -g nativescript使用してsudo npm install -g nativescript。 - コマンドプロンプトで
ruby -e "$(curl -fsSL https://www.nativescript.org/setup/mac)"ます。 (これには時間がかかることがあります)。 - 上記が機能していることを確認するには、ターミナルに
tns doctorします。 - エラーがある場合は、 トラブルシューティングガイドをフォローアップしてください 。
Windows
- 最新のnodeJS LTSがインストールされていることを確認する
- コマンドプロンプトを開き、
$ npm install -g nativescriptと入力します。 - コマンドプロンプトで、
$ @powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://www.nativescript.org/setup/win'))"しばらく時間がかかります - 上記が機能していることを確認するには、コマンドプロンプトで
$ tns doctorと入力します(あなたのcmd) - エラーがある場合は、 トラブルシューティングガイドをフォローアップしてください
NativeScript開発用のVisual Studioコードの使用
Visual Studioコードは、Microsoftのオープンソースで機能豊富なコードエディタです。 NativeScript開発用に設定するには、コマンドパレット( F1または⌘ + Shift + P )を開き、 ext install NativeScriptと入力します。
NativeScriptエクステンションがインストールされると、デバッガでコード内にブレークポイントを設定できるようになります。デバイスが接続されている場合、またはエミュレータが起動している場合は、[デバッグ]タブからアプリを起動できます。 
あなたの最初のHello Worldプログラム
$ mkdir hello-world
$ cd hello-world
$ tns create hello-world --ng
$ tns platform add android #You can only add ios on an OSX machine
次に、デバイスが接続されているかエミュレータが動作していることを確認します(そうでない場合、デフォルトのエミュレータが起動するか、エラーが発生します)。
$ tns run android
デフォルトのアンドロイドエミュレータを使用する場合は、-- --emulatorフラグを追加します。
tns 2.5の時点で、livesnsyncはtns run <platform>のデフォルトアクションになりました。これはファイルの変更を保存すると自動的に再コンパイルされます。これにより開発時間が大幅に短縮されますが、プラグインに変更を加えた場合は、適切に再コンパイルする必要があります。
WiFi経由でnativescript-androidアプリケーションをデバッグする方法(ルートなし)
1 - USBケーブルでデバイスをコンピュータに接続する必要があります。 USBデバッグが機能していることを確認してください。 adb devices (またはtns device )の実行時に表示されるかどうかを確認できます。
2ランadb tcpip 5555
3 - デバイスを取り外します(USBケーブルを外します)。
4 - [設定] - > [電話機について] - > [ステータス]に移動して、お使いの電話機のIPアドレスを表示します。
5ランadb connect <IP address of your device>:5555
6 - adb devices (またはtns device )を再度実行すると、デバイスが表示されます。
7-今、あなたは、 tns run android 、 tns livesync androidコマンドをtns run androidするtns run androidを使用することができます。
ノート :
1 - WiFiネットワークが変更された場合、手順1〜3(これらはWi-Fiデバッグモードに設定されています)を繰り返す必要はありません。手順4〜6を実行して、再度携帯電話に接続する必要があります。
2-Android端末は、再起動時にWi-Fiデバッグモードを失います。したがって、電池が消耗した場合は、最初からやり直す必要があります。それ以外の場合は、あなたのバッテリーを見守って、あなたの携帯電話を再起動しない場合、あなたはケーブルなしで何週間も生きることができます!
警告:
オプションを有効にしたままにしておくと危険です。データネットワークにいても、ネットワーク内の誰でもデバッグでデバイスに接続できます。信頼できるWi-Fiに接続しているときにのみ実行し、完了したら接続を切断することを忘れないでください!
リファレンス :
1-Norman Peitek。 WiFi上であなたのAndroid Appをデバッグする方法(ルートなし!)。 [オンライン] https://futurestud.io/blog/how-to-debug-your-android-app-over-wifi-without-rootから入手できます 。 [2016年8月8日アクセス]
2-usethece。 Wi-Fi経由でAndroidアプリケーションを実行/インストール/デバッグしますか? [オンライン]利用可能: http : //stackoverflow.com/a/10236938/4146943 。 [2016年8月8日アクセス]



