DeviceOneを使ったJavaScriptの実践開発 (1) 設定とstart_javascriptスキル

2015 年 9 月末に、DeviceOne リリースがリリースされました。この時点でDeviceOneは基本的に複数端末への対応が完了しました。 DeviceOne に基づいて次のことが可能です:

HTML5、Android、iOS、Windows のマルチターミナル コードは一度作成すればどこでも再利用できます。

リアルタイムでの簡単な展開。

ローカライズされた UI

次回はDeviceOneについて連載記事で紹介していきます。この記事では、環境構築と簡単なプロジェクトのセットアップ方法を紹介します。 (注: この記事は iOS、Android、および Windows の開発に適用されます。)

現在、DeviceOne を使用した開発は Windows または Mac システムで実行できます。

以下は、DeviceOne 環境のセットアップの概要です。アプリケーション開発でもコンポーネント開発でも、開発環境のセットアップは 3 分しかかかりません。

1. ハードウェア環境

開発用の 1 台の PC または MAC コンピューター
デバッグとテストには、携帯電話またはパッドのいずれかのモバイル デバイスが使用されます (Android、iOS、Windowsphone はすべて使用可能です)。Android 用のエミュレータを試すこともできます。

2. ソフトウェア環境

オペレーティング システム (MAC または Windows でサポート)
Windows: 7 以降のオペレーティング システム。
MAC: 10.9 以降

モバイル:

Android: 4.0 以降のオペレーティング システム
IOS: 7.0 以降のオペレーティング システム
WinPhone: 8.1 以降のオペレーティング システム

JDK: バージョン 1.7 以降

3. ネットワーク環境

外部ネットワーク環境: 多くの機能の動作には外部ネットワークが必要であり、アプリの開発とデバッグはオフラインで実行できます。

4. DeviceOne 開発者アカウントを登録します

DeviceOne を使用してアプリケーションを開発するには、まず www.deviceone.net に開発者アカウントを登録する必要があります。登録アドレスは Register

です。

5. デザイナー (IDE) をダウンロードします

ユーザーは、モバイル アプリケーションを開発するには、DeviceOne が提供するデザイナー (IDE) をダウンロードして使用する必要があります。デザイナーは、UI を構築するための WYSIWYG アプローチと、標準の JavaScript または LUA ロジック スクリプト コードを作成するためのコード エディターを提供します。デザイナーが提供する時間デバッグ機能により、実際のモバイル デバイスと対話してアプリケーションをデバッグし、最終的にデザイナーが提供するパッケージ化機能を通じて最終アプリケーションを公開します。

デザイナーには現在 2 つのメジャー バージョンが含まれており、1 つは Eclipse RCP に基づいており、もう 1 つは Windows のみをサポートする自社開発バージョンです。 Eclipse ベースのバージョンを使用することをお勧めします。

ダウンロード アドレスは http://docs.deviceone.net/ プラットフォーム—>ダウンロード センター

デザイナーをインストールし、ダウンロードした zip ファイルを直接見つけます。適切な場所に解凍します。このデザイナーはインストール不要の緑色のバージョンです。Windows バージョンの場合は、解凍されたファイル パスに直接移動して DoStudio.exe を見つけ、ダブルクリックして開きます。 Mac版を解凍後、dostuio.appをダブルクリックして起動します。起動プロセス中に問題が発生する場合があります。インストールおよび起動の問題については、新しいバージョンの設計を参照してください。

開発環境がセットアップされた後、最初の DeviceOne モバイル アプリケーションの開発を開始しました。以下では、Hello DeviceOne アプリケーションの構築方法を段階的に紹介します。

1. 新しいアプリケーションを作成します

まず、デザイナーを開いて [新しいプロジェクト] をクリックし、新しいプロジェクトを作成するには、ユーザーのパスワード確認コードを入力してログインする必要があります。ただし、作成後は、オフラインでの開発とデバッグがサポートされます。

ポップアップ ダイアログ ボックスに新しいプロジェクトの名前を入力し、プログラムの作成に使用するフロントエンド スクリプト言語を選択します。現在、JavaScript と Lua を選択することもできます。空のページ テンプレートやリストビュー テンプレートなどのプロジェクト テンプレートを使用して、画面の解像度を設定することもできます。すべてを設定した後、[OK] ボタンをクリックすると、プロジェクトが自動的に生成されます。

以下に示すように、デザイナーのメイン ページが表示されます。デザイナーの左側にあるプロジェクト ナビゲーション領域のツリーにすべてのコードが表示されます。app.js はプログラム全体への入り口です。他の開発言語の main 関数に。ファイル構造の詳細については、「DeviceOne アプリケーション構造」ドキュメントを参照してください。デザイナーの詳しい使い方については、「デザイナー利用ガイド」を参照してください。

「コントロール リスト」のラベル コンポーネントを、index.ui ファイルに対応する「ビュー デザイン」にドラッグして、ラベルの背景色を緑色に設定してみます。ビューのデザインにより、インターフェイス要素の基本プロパティと独自プロパティの WYSIWYG ドラッグと設定が可能になります。

index.ui.js ソース コードを再度変更して、Hello World を Hello DeviceOne に変更しましょう。アプリケーション実行のロジックはjsファイルで変更できます。

以上がこの記事で紹介するDeviceOne(1)の設定と起動を使った実際のJavaScript開発の全内容です。次の記事では DeviceOne を使用した JavaScript 開発 (2) デバッグ インストール パッケージの生成 を紹介します。引き続き注目してください。気に入った友達は直接クリックして詳細を確認できます。