14
TIZEN WEB APP に ににににににに に 2 に Tizen ににに Naruto TAKAHASHI

Tizen web app について調べたよ

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Tizen web app について調べたよ

TIZEN WEB APP について調べたよ

第 2 回 Tizen 勉強会Naruto TAKAHASHI

Page 2: Tizen web app について調べたよ

自己紹介 Naruto TAKAHASHI(@TNaruto)

EFL(Enlightenment Foundation Library) の追っかけ

Tizen SDK 歴 10 日 HTML 歴 10 日 Javascript 歴 10 日 Eclipse 歴 10 日

Page 3: Tizen web app について調べたよ

TIZEN のアプリを作りましょう Tizen のアプリケーションは HTML5 +

javascript で作成できます!

作成には Tizen SDK(eclipse) が必要です。

私のオペレーションを見ていただいて皆様には自信をつけていただきたい。

Page 4: Tizen web app について調べたよ

LET’S INSTALL TIZEN SDK( システム要求 ) Windows XP SP3 or 7

32bit 版 java をインストールすれば 64 ビット環境で動作可能です。

デュアルコア 2GHz CPU (vt-x がサポートされてるとよし )

2GB 以上のメモリ 3GB 以上の空き容量 1280x1024 以上の解像度

Page 5: Tizen web app について調べたよ

LET’S INSTALL TIZEN SDK( 前準備 ) 32bit 版 oracle java v6 以上

http://www.oracle.com/technetwork/java/javase/downloads/java-se-jdk-7-download-432154.html

Google chrome ブラウザ ウェブシミュレータ用http://www.google.co.jp/chrome/intl/ja/landi

ng_ch.html QuickTime player v7.7.1 以上

リモートインスペクター用http://www.apple.com/jp/quicktime/download/

Page 6: Tizen web app について調べたよ

LET’S INSTALL TIZEN SDK

Tizen SDK インストーラのダウンロードhttps://developer.tizen.org/sdk

tizen_sdk.exe を実行 ネットワーク越しにパッケージをダウンロードし

ます。 夜に実行するとなぜか頻繁に失敗する…

Naruto TAKAHASHI
実際に実行してみる。
Page 7: Tizen web app について調べたよ

TIZEN アプリケーション作る前に HTML5 でアプリを作るとはどういうこと?

HTML で記述すること。 マークアップ言語でページのレイアウトを記述するこ

と。

Page 8: Tizen web app について調べたよ

じゃあ HTML を書いてみよう

定番の hello world を書いてみます。

Page 9: Tizen web app について調べたよ

DEMO します プロジェクトの作成 コーディング 動作確認

Page 10: Tizen web app について調べたよ

TIZEN アプリのデバッグ方法 Web シミュレータを使う。

開発機上のブラウザで Tizen をシミュレート!

Tizen Emlator を使用する。 実際実機で使ってみる。Web シミュレータと Tizen 上での動作が異な

ることがあるので最終確認すること!

シミュレートとエミュレートって何が違うん?

Page 11: Tizen web app について調べたよ

TIZEN WEB UI TOOL Hello word のテキストだけではさすがにひ

どいのでモバイルアプリ用の GUI のウィジットを使ってみます。

Tizen App の UI には jQuery mobile にウィジットを追加したものが用意されてる。

Page 12: Tizen web app について調べたよ

サンプルゲーム Tizen のサイトから落としてみよう

https://developer.tizen.org/resources/sample-web-applications

Page 13: Tizen web app について調べたよ

まとめ Tizen SDK があれば Tizen Web App が作

成できます。

ブラウザで動作するアプリが Tizen プラットフォームで動作するインパクトを体験してください。

HTML5 すごい

Page 14: Tizen web app について調べたよ

後半へ続く…