Tizen web app について調べたよ

TIZEN WEB APP について調べたよ

第 2 回 Tizen 勉強会Naruto TAKAHASHI

自己紹介 Naruto TAKAHASHI(@TNaruto)

EFL(Enlightenment Foundation Library) の追っかけ

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

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

javascript で作成できます！

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

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

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

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

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

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

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/

LET’S INSTALL TIZEN SDK

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

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

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

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

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

と。

じゃあ HTML を書いてみよう

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

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

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

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

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

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

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

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

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

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

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

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

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

成できます。

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

HTML5 すごい

後半へ続く…