Sencha ArchitectとSencha Touchで Tizen HTML5アプリケーションを作成する

build amazing apps for every device

Sencha ArchitectとSencha Touchで Tizen HTML5アプリケーションを作成する

/** * About me */ Ext.create("Person", { firstname: "Stefan", lastname : "Stölzle", company : "Sencha, Inc.", position : "Sr. Solutions Engineer", region : "Asia & Pacific”, location : “Sydney, NSW, Australia", email : "stefan@sencha.com", twitter : "@me_stoe" });

⾃自⼰己紹介

マルチデバイスHTML5開発

• 複数のプラットフォームへのデプロイ• ⾼高品質なユーザー体験• 開発者の⽣生産⼒力を向上• モバイル, タブレット, デスクトップ

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート• ユーザーエクステンション

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート• ユーザーエクステンション• SASSによるスタイル/テーマの操作。次のOSには定義済みのテーマがあります：• Android• iOS• Windows• Blackberry• Tizen

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート• ユーザーエクステンション• SASSによるスタイル/テーマの操作。次のOSには定義済みのテーマがあります：• Android• iOS• Windows• Blackberry• Tizen

• コード補完とコードインテリジェンス

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート• ユーザーエクステンション• SASSによるスタイル/テーマの操作。次のOSには定義済みのテーマがあります：• Android• iOS• Windows• Blackberry• Tizen

• コード補完とコードインテリジェンス • CMDやフレームワークとの統合

Sencha Architect 3.0

• HTML5 ビジュアル アプリケーションの作成

• 開発を加速するテンプレート• ユーザーエクステンション• SASSによるスタイル/テーマの操作。次のOSには定義済みのテーマがあります：• Android• iOS• Windows• Blackberry• Tizen

• コード補完とコードインテリジェンス • CMDやフレームワークとの統合•

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する• Sencha Architectに統合されたSencha

Cmdでアプリケーションをビルドする

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する• Sencha Architectに統合されたSencha

Cmdでアプリケーションをビルドする• ビルドしたファイルをTizen IDEプロジェクトフォルダにコピーする

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する• Sencha Architectに統合されたSencha

Cmdでアプリケーションをビルドする• ビルドしたファイルをTizen IDEプロジェクトフォルダにコピーする

• Tizen IDEでアプリケーションを作成する

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する• Sencha Architectに統合されたSencha

Cmdでアプリケーションをビルドする• ビルドしたファイルをTizen IDEプロジェクトフォルダにコピーする

• Tizen IDEでアプリケーションを作成する

• シミュレート/エミュレート/展開

Tizen & Sencha Architect & Sencha Touch

• Tizen IDEで新しいwebプロジェクトを⽣生成する

• Sencha Architectで新しいSencha Touchアプリケーションを⽣生成する

• アプリケーションを編集する• Sencha Architectに統合されたSencha

Cmdでアプリケーションをビルドする• ビルドしたファイルをTizen IDEプロジェクトフォルダにコピーする

• Tizen IDEでアプリケーションを作成する

• シミュレート/エミュレート/展開• 完了。

Tizen & Sencha Architect & Sencha Touch

Demo

質問タイム Q & A

ありがとうございました thank you