Tizenネイティブアプリ開発ことはじめ

Tizenネイティブア
プリ開発ことはじめ
2013/7/6
Webプラットフォーム勉強会
@toshihirock
Saturday, July 6, 13

自己紹介
•@toshihirock
•音楽好き
•今までモバイル系アプリ開発(iア
プリ、Android)などを実施
•本勉強会には前回参加させて頂き
ました！

今日のお話

Tizen Native
アプリ開発

HTML５
ではありません！
すいません！！！

そもそもNativeって何
なのよ？HTML5じゃ
ねーの？

HTML5だけじゃない
• Tizenアプリ開発は以下の２種類
• TizenWebProject→HTML+JavaScrip
+CSS3
• NativeProject→C++
• Native+Webのハイブリッドアプリ
開発も可能

特徴
• C++でコードを書く
• ライフサイクルによる制御が可能
• ライブラリが利用可能
(Libxml2,OpenGLなど)

えっ?C++？めっちゃ面
倒そう。。

ある程度大丈夫！
• STL対応
• SmartPointers対応
• TizenNativeAPIで補完提供
• Collection系(ArrayList,HashMap)
• Utility系(Math,RegularExpression)

こわくないよ！
（多分）

HTML5な人はSDKイ
ンストールまでは参考に
なるよ！（多分)

目次
• 開発環境構築
• NativeでHelloWorld!
• NativeでUnitテスト!
• ビルド高速化
• ログ出力
• Tips

開発環境構築

ところで皆さんの中で
Tizen開発環境構築した
方はどれぐらいいらっ
しゃいますか？

対応OS
• WindowsXP/7(32bit/64bit)
• Ubuntu(32bit/64bit)
• MacOSX←New!

必要ハードスペック
(公式)
• At least dual-core 2GHz of CPU
• At least 2GB of RAM memory
• At least 3GB of free disk space
• エミュレーター利用時
• IntelVTx supported by CPU
(recommended)

動かしてみたが。。。
• MacBookAir(CPU:Intel Core2
Duo1.4GHz,メモリ4GB)では力不足
• エミュレーターが遅いっっ！！！
• 結局MacBookProを購入。。。

ネイティブ開発時
個人的推奨スペック
• CPU:Corei5,Corei7相当
• メモリ:8GB
• エミュレーターを利用する場合に
はIntelVT対応していないとかなり
遅い(BIOSで有効化設定が必要)

インストールの流れ
1. Java(not openJDK)のインストール
2. Tizen Install Managerのダウンロー
ド
3. TizenSDK(Tools)のインストール

Javaのインストール
• OracleからJavaをダウンロード
• OpenJDKはNG
• Javaのバージョンは6もしくは7系
• インストール後、パスを通す

Tizen Install Manager
のダウンロード
• 公式サイト(https://
developer.tizen.org/downloads/tizen-
sdk)からOSに応じたものをダウン
ロード

の起動
• Windows,Macの場合、Javaがインス
トールされていればOK
• Ubuntuの場合、必要なパッケージ
がないとNG。apt-getで取得する必
要がある。

TizenSDKの取得方法
• Tizen Install ManagerにはTizenSDK
が含まれないので取得が必要。
• Tizen Install Manager起動後、ネッ
トワークを利用して取得するか、
事前にisoをダウンロードも可能。

のインストール
Install Manager
SDK Image

TizenSDKのインストール
• Tizen Install Managerを起動

• ネットワーク経由でインストール
の場合、Next。
• iso事前取得済みの場合、Advanced
からisoを選択。

• 基本的に次へ次へでOK。
• TizenSDKのインストール先が表示
された際は一応パスを確認。

• IntelVTに関する設定画面も基本的
には次へ次へでOK。
• BIOSの設定をしていない場合、エ
ラーが表示される（Tizenのインス
トールは終わる)

ソフトウェア
• TizenIDE
• Emulator Manager
• Web Simulator
• Install Manager
• などなど。

ソフトウェア起動
• Ubuntu
• Applications→TizenSDK
• Windows
• スタート→TizenSDK
• Mac
• tizen-sdkパスの配下

TizenIDE
• ほぼEclipseのIDE
• Web,Nativeアプリ作成時に利用
• ビルド、エミュレーターへのアプ
リ転送なども可能
• Eclipse Plugin利用可能

Emulator Manager

Emulator Manager
• AndroidのAVDManagerとほぼ同じ
• IntelVT設定が失敗しているとHW
VirtualizationをEnabledに出来ず、起
動がとても遅い。
• 起動できない場合、RAM Sizeを低
くすると起動できる事がある。

Web Simulator

Web Simulator
• HTML5アプリの確認が出来るエ
ミュレーター(ブラウザ)
• Tizenエミュレーターと比較すると
高速で起動
• 画面の向き、画面解像度など端末
情報の設定も可能

Install Manager

Install Manager
• TizenSDKのインストール、アンイ
ンストール、アップデートが可
能。（アップデートは未確認）

環境構築まとめ
• Native開発時はPCスペック大事
• HTML5アプリ作成はWebSimulator
が使える
• エミュレーター利用の場合には仮
想化設定がとても大切

Nativeで
HelloWorld!

手順
1. TizenIDEでプロジェクト作成
2. 証明書作成（初回）
3. エミュレーターへの転送

プロジェクト作成
• Tizen IDE起動
• New→Others→Tizen Native Project

Tizen Native
Project

Templateタブ-From
based Aplication

• 任意のプロジェクト名を入力して
Fnish

証明書作成
• 転送時に証明書で署名する必要が
ある。
• 証明書作成はcertiﬁcate-generatorを
利用
• Windowsではbat、Linux or Macでは
Shellで提供

証明書作成
• $ tizen-sdk/tools/certificate-
generator/certificate-generator.sh
• $ tizen-sdk/tools/certificate-
generator/certificate-generator.bat

証明書作成
toshihiro308@Toshihirock-MacBook-Air:~/tizen-sdk/tools/certificate-generator$ ./
certificate-generator.sh
Please enter the country name(optional, two letters): (Enter)
Please enter the state or province name(optional): (Enter)
Please enter the city name(optional): (Enter)
Please enter your name(optional, default is 'author'): (Enter)
Please enter your organization name(optional): (Enter)
Please enter your department name(optional): (Enter)
Please enter your email id(optional): (Enter)
Please enter password for pkcs12 format key certificate:
mypassword
Please enter alias for generated pkcs12 structure:
ryan
Please enter file name for storing pkcs12 file (*.p12):
ryan.p12

証明書作成
• TizenIDEから利用する証明書を設
定
• Preferences→Secure Proﬁles

証明書作成
Certiﬁcate pathで
パスを指定
証明書のパスワー
ド指定
任意の名称で
Proﬁle作成

エミュレーターへの転送
• エミュレーターを事前に起動
• 対象プロジェクトを選択→右ク
リック→Run As→Tizen Native
Application

NativeでHelloworld
まとめ
• TizenIDEから作成可能
• エミュレーター転送でも証明書の
作成が必要

Nativeで
Unitテスト!

Unitテストはできる？
• テスト用のプロジェクトを作成す
ることで可能
• Google C++ TestFrameworkが利用
可能
• Functionテストが出来る
• 画面の確認などは出来ない

テストプロジェクト作成
• Tizen IDE起動
• File→New→Others

Tizen
Native Unit
Test Project

テスト対象の
プロジェクトを
選択

• 対象プロジェクトでincludeしてい
るファイルが読み込まれる
• 自動生成されるテストコードにテ
ストケースを追加する

テスト対象コード
#include "Util.h"
int Util::Sum(int x, int y) {
return x + y;
}
void Util::AppendWorld(Tizen::Base::String& str) {
str.Append("World!");
}

テストコード
//includeファイルなど抜粋
TEST_F(TestSuite, test03)
{
Util *p = new Util();
ASSERT_EQ(3, p->Sum(1, 2));
delete p;
}
TEST_F(TestSuite, test04)
{
Util *p = new Util();
Tizen::Base::String hello = Tizen::Base::String("Hello");
Tizen::Base::String helloworld = Tizen::Base::String("HelloWorld!");
p->AppendWorld(hello);
ASSERT_EQ(helloworld, hello);
delete p;
}

テスト実行
• エミュレーター起動
• 先にテスト対象プロジェクトをビ
ルドしておく
• テストプロジェクトで右クリック
→Run As→Tizen Native Unit Test
Application

テスト実行(成功)
実行テスト
ケース

テスト実行(失敗)
予想される値
と実際の値

NativeでUnitテスト
まとめ
• 特に設定などは必要なく、
TizenIDEからテストが可能
• Functionテストが実行可能

ビルド高速化

とあるアプリ
をビルドしてみた
• じゅ、10分超え。。だと。。
• C++やばい。。。
• C++高速化の手法をGoogle先生に
聞く

教えてGoogle先生！
• 以下の回答を貰った。
• 平行ビルド
• ccacheによるキャッシュ
• 分散ビルド

平行ビルド
• CPUの複数コアを利用して平行で
ビルドする。らしい。
• CPUのコア数+1ぐらいで平行処理
を設定すると良い。らしい。

平行ビルド設定
• TizenIDEで簡単に設定可能
• 対象プロジェクト→右クリック
→Properties

平行ビルド設定
C/C++ Build
Behaviourタブ
Use parallel
buildにチェック
平行数を指定

平行ビルド設定後
• 設定完了後、ビルドするとmake -j
hogeという形で平行ビルドが可能
• 具体的な時間計測は行っていない
が、確実にビルド時間は短くなっ
た

ccacheによるキャッシュ
• ビルドする際に以前利用した
キャッシュを利用する事で高速化
を図る
• ２回目のビルド以降早くなる
• ccacheというソフトを利用

ccacheインストール
• MacであればHomebrew,Ubuntuであ
ればapt-getでインストール
• Windowsの場合、Cygwinなどでイ
ンストール

ccache有効化
• 対象のプロジェクトで右クリック
→Properties
• Settings→C++ Compiler、及びC++
Linker

ccache有効化
Command Line
parternsを変更
(後述)

ccache有効化
• 変更前(C++ Compiler)
• ${COMMAND} ${FLAGS} $
{OUTPUT_FLAG} $
{OUTPUT_PREFIX}${OUTPUT} $
{INPUTS}

ccache有効化
• 変更後 (C++ Compiler)
• /usr/local/bin/ccache clang++ $
{FLAGS} ${OUTPUT_FLAG} $
{OUTPUT_PREFIX}${OUTPUT} $
{INPUTS}
• ccacheのフルパスは適宜変更
• C++ Linkerも忘れずに

Windowsの場合
• ccacheのキャッシュを保持する
フォルダのパス指定が/home/....と
なっている
• Windowsのパスでの指定が必要

対応方法
• TizenIDEで自動生成されるmakefile
で「../makefile.init」のinclude実施
• makefile.initを作成し、
CCACHE_DIRでキャッシュする
ディレクトリを指定

ccache設定後
• 設定後、２回目のビルド以降で
キャッシュが有効化される
• $ccache -sコマンドでキャッシュ状
況が確認できる
• こちらも具体的な数字は不明だが
早くなった気がする。多分。

分散ビルド
• 分散ビルドはまだ確認してませ
ん！
• どなかたやった人がいらっしゃっ
たら教えてください

ログ出力

ログ出力は？
• ログ出力用のマクロがある
• AndroidのLogcatのようにTizenIDE
で確認できる
• Window→ShowView→Log

マクロ種類
• Log Macros
• Try Macros
• Assert Macros
• Secure Log Macros

Log Macros
• 普通のログ出力
• ログレベル(info,debug,error）
• タグ付け可能
• 引数の条件式がtrueの場合のみの
出力も可能

Log Macros(例)
• AppLog(“Hello Wolrd”);
• AppLog(“tag”,“Hello World”);
• DebugLog(“tag”,“Hello World”);

その他
• Try Macros→条件式結果によるロ
グ出力
• Assert Macros→条件式の内容が
falseの場合、プロセスkillするらし
い（未確認）

その他
• Secure Log Macros→基本的にLog
Macros、Try Macrosと同様のログが
ある。
• コンパイル時に設定でログ出力を
やめたり出来るらしい

まとめ

まとめ
• TizenではWebかNativeでアプリが
作れる
• NativeはやはりHTML5と比べると
敷居は高い
• どうしてもNativeな場合はPCス
ペック大事

Tips
• TizenのAPIリファレンスと同じ形
式でDoxygen+GraphiraizerでAPIリ
ファレンス作成可能
• TizenIDEのHelp→Help Contentsで
ローカルのAPIリファレンス確認
• TizenAPIにHoverで詳細確認可能

ご清聴ありがとうござい
ました！

Tizenネイティブアプリ開発ことはじめ

More Related Content

Tizenネイティブアプリ開発ことはじめ