1. スマートフォン向けOS
～はじめて学ぶアプリ開発入門～
TIZEN OS for smartphone
Kickstart application development
2013/03/09 プロ生勉強会 第20回＠品川 1

2. 自己紹介 Who
●
くまだす（Hiroshi Sakate） Kumadasu
●
自称 組込みやさん Embedded Engineer
●
所属 Groups
– Tizen Japan コンソーシアム Tizen Japan Consortium
– 日本Androidの会 神戸支部 Japan Android Group Kobe
●
ペットとお菓子 animal companions and sweets
* Raspberry Pi is a trademark of the Raspberry Pi Foundation. http://raspberrypi.org/
2013/03/09 プロ生勉強会 第20回＠品川 2

3. 読み方 pronounce
たいぜん
2013/03/09 プロ生勉強会 第20回＠品川 3

4. みんな って知ってる？
Do you know Tizen?
●
新OS「タイゼン」搭載スマホ Docomo will sell device which has
New OS “TIZEN” in 2013
ドコモ、年内発売 Nikkei newspaper Feb 27th 2013
日経新聞 2013/2/27
●
もうすぐ発売される新しいOS The new OS which comes soon.
2013/03/09 プロ生勉強会 第20回＠品川 4

5. 第 3 のOS The third OS
●
iOS, Android の次のOS The Next OS of iOS and Android
– Windows Phone 8
– Tizen
– Firefox OS
– Ubuntu Phone
●
たくさん出てきたけど何が違うんだろう？
What is the difference of these OSs.
2013/03/09 プロ生勉強会 第20回＠品川 5

6. よくあるOS比較表 Well seen
comparison table
Android iOS WP8 Firefox Tizen
OS
利用料 無償 - 有償 無償 無償
fee free free free
non-free
OS 一部変更に 変更 制限 ほぼ制限 ほぼ制限
変更 制限あり 不可 あり なし なし
Almost no Almost no
modifiablity Partly restricted Cannot change restricted
restriction restriction
アプリ 移植難 移植難 移植難 他OSで 他OSで
App hard hard hard 動作 動作
portability Works on Works on
other OS other OS
2013/03/09 プロ生勉強会 第20回＠品川 6

7. OSを変更できる Benefit of modifiable OS
●
キャリア独自サービスを組込みやすい
Easy to implement carrier service
– それって本当に嬉しいの？ Is that really for customer?
●
かんたん携帯とかには嬉しいかも。 May for
easy to use smartphone.
– Android以上にフラグメント起こらない？
Fragment will become bigger than Android?
●
HTML5なら大丈夫？ HTML5 solves the problem?
●
今のところよくわかりません Not sure in this moment.
2013/03/09 プロ生勉強会 第20回＠品川 7

8. HTML5アプリならどこでも動く？
HTML5 apps work on anywhere?
●
Write once, Run anywhere...
●
以下を除けばある程度可能 It's partly true except for
below items.
– 独自API Original API
●
Tizen は独自APIあり Tizen has original API
– パッケージング Packaging
●
Tizen は W3C 標準の Widget 採用
Tizen has W3C standard Widget
2013/03/09 プロ生勉強会 第20回＠品川 8

9. HTML5 アプリの利点
Benefit of HTML5 apps
●
開発者が多い Many developers
●
開発の敷居も低い Easy to start
●
便利なライブラリが使える Useful libraries
– jQuery
– PhoneGap
2013/03/09 プロ生勉強会 第20回＠品川 9

10. 第３のOS比較
●
Windows Phone 8
– XAML with C#/VB
– ここにいる人は私より詳しいはず（省略）
Firefox OS
Probably you know well than me
●
●
Ubuntu Phone
●
Tizen
2013/03/09 プロ生勉強会 第20回＠品川 10

11. Firefox OS
●
Web = OS
●
シンプルなアーキテクチャ
– 軽量、安価なデバイスに
●
マーケット整備済み
HTML5のみ
Simple architecture
●
Lightweight
for lowend device
– ネイティブなし Market available
HTML5 only
No native
2013/03/09 プロ生勉強会 第20回＠品川 11

12. Ubuntu Phone
●
まだ出たばかり。個人的にはすごく期待。
New OS. New hope.
●
Native + Web
●
Desktop/Phone 双方で動くアプリ
●
Linaroとの関係でARMは十八番？
●
マーケット整備済み Run on both Desktop & Phone
Advantage in ARM Because
relation with Linaro
●
新しいモバイル向けUI Market available
New UI for mobile http://www.ubuntu.com より引用
2013/03/09 プロ生勉強会 第20回＠品川 12

13. ここからあとは
Tizenの内容 From here
talking about Tizen
2013/03/09 プロ生勉強会 第20回＠品川 13

14. Tizen
●
Native + Web
– OpenGLもよく動く
– JNIのオーバヘッドなし
●
見た目はちょっと地味
●
歴史がちょっと複雑
– 歴史は繰り返さないで
OpenGL works well, No overhead from JNI
Nothing special in looks
Complicated history, Don't repeat history.
2013/03/09 プロ生勉強会 第20回＠品川 14

15. Mobile と IVI
Mobile and IVI
2 line
●
２つの系統 For Mobile
For In Vehicle Infortaiment
– Mobile（携帯向け）
– IVI（カーナビ向け）
●
現状は名前だけ同じ別のOS
●
特に言及しない限り大抵
Tizen = モバイル Only the name is same,
different OS.
HTML5 test score
In this slide, Tizen = Tizen Mobile
http://html5test.com
2013/03/09 プロ生勉強会 第20回＠品川 15

16. Tizen を取り巻く団体
●
Linux Foundation
Samsung（主にMobileを推進）
Samsung mainly lead Mobile
●
Intel mainly lead IVI
●
Intel（主にIVIを推進）
●
Tizen Association
– Tizenを推進する企業が
名を連ねる
Tizen association's member https://www.tizenassociation.org/members/
より引用
2013/03/09 プロ生勉強会 第20回＠品川 16

17. Tizenの最近の動き
Recent activity
●
SDK2.0 Alpha → 2013/02/18 SDK 2.0
– API大量削除・変更 Many deleted / changed APIs
– 大きく変わってより魅力的に Big change and more attractive
– Mac対応、Native SDK対応 Support Mac OS and Native SDK
●
2013年第2クォータ SDK2.1 Second quarter of 2013
SDK2.1 will be release
– 機能追加、パフォーマンス向上 New features and optimization
2013/03/09 プロ生勉強会 第20回＠品川 17

18. Bada は Tizen に統合！
Samsung original OS
for mobile
●
Bada Have share in China,
Russia area
– Samsung独自
モバイル向けOS
– 中国,ロシアでシェア
●
Badaの資産を活用
– アプリ
– ドキュメント
Bada Apps & Documents
available
http://developer.bada.com/library/Migration-Tool-Installation-for-Converting-bada
-Applications-to-Tizen-Applications
2013/03/09 プロ生勉強会 第20回＠品川 18

19. 開発用実機
Target devices
●
RD-210 based on Galaxy S2 HD
●
RD-PQ based on Galaxy S3
●
Blackbay ← Intel Atom Processor!!!
http://download.tizen.org/releases/latest/2.0/images/ RD-210 （Tizen 1.0）
2013/03/09 プロ生勉強会 第20回＠品川 19

20. 3つのアプリの形式
3 app types
●
Native apps
●
Web apps
●
Native + Web = Hybrid apps
2013/03/09 プロ生勉強会 第20回＠品川 20

21. Tizenのアーキテクチャ
Architecture of Tizen
https://developer.tizen.org/documentation/dev-guide
2013/03/09 プロ生勉強会 第20回＠品川 21

22. Tizen SDK 2.0
インストール
install
2013/03/09 プロ生勉強会 第20回＠品川 22

23. ダウンロード
Download
●
https://developer.tizen.org/download
s/tizen-sdk
– 各プラットフォーム用のものをダウンロード
Download them which adopt to
– Install Manager（約4MB） your environment
– SDK Image（約2.0GB）
2013/03/09 プロ生勉強会 第20回＠品川 23

24. インストール（1/2）
Install
●
Install Manager起動後Advancedを選択
Choose
“Advanced”
after booting
Install Manager
2013/03/09 プロ生勉強会 第20回＠品川 24

25. インストール（2/2）
Install
●
SDK imageを指定したらあとは適当に進める
Choose SDK image
which downloaded.
And go on.
2013/03/09 プロ生勉強会 第20回＠品川 25

26. Webシミュレータ
Web Simulator
●
Chromeベース（Preferenceでパス指定）
●
実行時にシミュレータを指定して起動
●
センサ値編集可
●
Web Appのみ
Chrome based simulator
(Select path in preference)
Sensor value editable
Only for Web Apps
2013/03/09 プロ生勉強会 第20回＠品川 26

27. エミュレータ
Emulator
●
Native App はこちらが必須
●
カメラも使える Native Apps requires Emulator
Camera available
2013/03/09 プロ生勉強会 第20回＠品川 27

28. アプリ開発 App development
Native / Web / Hybrid
2013/03/09 プロ生勉強会 第20回＠品川 28

29. Native App (OpenGL)
●
New
→ Tizen Native Project
→ OpenGL Application
→ Project name 入力
●
以上！
Input Project name
Done
2013/03/09 プロ生勉強会 第20回＠品川 29

30. エミュレータでの実行
Execute on Emulator
●
実行するプロジェクトとパースペクティブが
Check perspective same
一致させてからRun as your project and Run.
2013/03/09 プロ生勉強会 第20回＠品川 30

31. Web App (Sample)
●
New
→ Tizen Web Project
→ Sample
→ Web App
→ Piano
→ Project name入力
以上！
Input Project name
●
Done
2013/03/09 プロ生勉強会 第20回＠品川 31

32. Hybrid
●
調査中！双方から呼び出し可能らしい In researching
Callable each other
JavaScript and C++
●
Hybrid application programming
– This feature provides:
●
JavaScript code evaluation for C++ to
JavaScript binding
●
Event handler bridge for JavaScript to C++
binding
2013/03/09 プロ生勉強会 第20回＠品川 32

33. 手作りアプリ
Original app
●
要件 Requirements
– プロ生勉強会のTwitterコメントを Collect Tweets about
ProNama Study Meeting
Using Streaming API
– Streaming API を使用して Stream tweets
On Tizen
– Tizen 端末上で In Niconico movie style
– ニコニコ動画風に
– 流す。
2013/03/09 プロ生勉強会 第20回＠品川 33

34. １週間程度でやってみた
Make app in 1 week
●
Javascript 42 行 JavaScript 42 line
No searver
●
サーバサイドなし Don't mind about 4 keys
in plain text
Cannot distribute
●
Twitterの4つのキーを平文で書いてるけど
気にしない（配布不可）
●
外部サーバにアクセスするときはセキュリ
ティ上の理由から設定が必要 Special setting is required to
connect to external server
for security reason
2013/03/09 プロ生勉強会 第20回＠品川 34

35. config.xml に Access 先を追加
Add server URL in config.xml
2013/03/09 プロ生勉強会 第20回＠品川 35

36. Access 追加したけど出る警告
There is still a warning.
2013/03/09 プロ生勉強会 第20回＠品川 36

37. ごめんなさい
実装間に合いませんでした
Sorry, not in time.
ここに
（jsonが）
いる
Json here
キーが有効期限内の時 キーが有効期限切れの時
Key not expired Key is expired
2013/03/09 プロ生勉強会 第20回＠品川 37

38. 残りの処理
ToDo
●
OAuth認証 OAuth authentification
In this time Copy & paste
– 現在はOAuthツールの結果をコピペ the result of OAuth tool .
Divide Json which
●
延々と流れるJsonの切れ目判定 continuously streemes
Decode Json
●
Json解釈
Adjust HTML & CSS
●
HTML, CSS の調整
2013/03/09 プロ生勉強会 第20回＠品川 38

39. Tizen Japan コンソーシアム What is Tizen Japan Consortium?
●
勉強会 Study meetings
– 大体月１回＠新宿 about 1 time a month @ Shinjuku
– 不定期＠大阪 non-regular @ Osaka
– お子さん連れでもたぶん大丈夫！ Some presenter with child
2013/03/09 プロ生勉強会 第20回＠品川 39

40. ところでTizenの
キャラクター知ってる？
By the way
Do you know the character of Tizen?
2013/03/09 プロ生勉強会 第20回＠品川 40

41. Tizen Japan コンソーシアム
●
ML
– https://groups.google.com/
forum/#!forum/tizen-japan
●
Web（作成中） Under costruction
– http://tizen.jp
2013/03/09 プロ生勉強会 第20回＠品川 41