TIZENアプリ開発研究ブログ 興味しんしんドリーム

このブログはTIZENアプリ開発情報を実践して情報を共有する為のブログです。

HelloWorld チュートリアル

以下の記事は、Tizen SDK Dev Guide にあるHelloWorld Tutorial の日本語訳です。

その他のドキュメントの日本語訳はTIZEN 2.0 SDK Dev Guide 日本語訳 目次をご覧ください。

[x]が右横についているリンク先は、まだ日本語に翻訳していませんのでご了承下さい。


HelloWorld チュートリアル

このチュートリアルでは、簡単なHelloWorldアプリケーションを作成する方法を示します。Tizen SDKを使用したり作成したアプリケーションをエミュレータやデバイスにインストールすることで、チュートリアルを通してTizen Webアプリケーション開発プロセスに慣れることができます。

さらに複雑なアプリケーションの開発には、機能作成やアプリケーションUI設計を容易にするTizen SDK付属ツールを利用することができます。

HelloWorldアプリケーションを作成するためにすること

1. HelloWorldプロジェクトの作成

  1. Tizen IDEを起動します。
  2. IDEでアプリケーションプロジェクトを作成します。

    プロジェクト作成にTizenプロジェクトテンプレートを使います。New Tizen Web ProjectウィンドウでTemplate > Tizen > Basic > Blank Applicationを選択します。

  3. プロジェクトの名前にhelloworldを記入してFinishをクリックします。

新規作成されたhelloworldプロジェクトがProject Explorerビューに表示されます。プロジェクトには、初期設定されたconfig.xmlやプロジェクトフォルダが含まれています。

  • cssフォルダ:CSSファイルディレクトリ
  • jsフォルダ:JavaScriptファイルのディレクトリ
  • config.xmlファイル:アプリケーション構成ファイル
  • icon.pngファイル:アイコンファイル
  • index.htmlファイル:デフォルトHTMLファイル

2. アプリケーションの設定とアプリケーションコードの作成

Webプロジェクトのソースファイルは、すでに基本的なアプリケーションの機能が含まれています。

自動的生成されたコードはタイトル "Application Name"のアプリケーションを作成します。タイトルを"HelloWorld !!"に変更するには、次の手順に従います(下記画像で示します)。

  1. index.htmlを開きます(1)。
  2. タイトル(2)を選択します。
  3. コードの中にあるタイトルを見つけて、"Application Name"を"HelloWorld !!"変更します(3)。

HelloWorldのプロジェクト

HelloWorld project

config.xmlファイルを使用してアプリケーションの設定をしたりアプリケーションのUIを設計したりすることができます。

3. アプリケーションのビルドとパッケージ化

アプリケーションの実装が終わったら、ビルドをする必要があります。

ビルド後、Tizen IDEがプロジェクトをパッケージ化した.wgtファイルを自動生成します。

4. エミュレータ上のアプリケーションの実行とデバッグ

エミュレータシミュレータ実際のターゲットデバイスでHelloWorldのアプリケーションを実行できます。

次の画像は、エミュレータで実行されているウィジェットを示しています。

プロジェクトの実行

Running the project

実際のターゲットデバイスでは、アプリケーションをデバッグするためにRemote Inspectorツールを使用することが できます。

次に読むドキュメント

Webチュートリアル


日本語訳: yasuyk

http://www.softolet.com

Creative Commons License This content is licensed under Creative Commons Attribution 3.0. For details, see the Content License.