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

build amazing apps for every device

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

Page 2: 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 : "[email protected]", twitter : "@me_stoe" });

⾃自⼰己紹介

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

マルチデバイスHTML5開発

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

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

Sencha Architect 3.0

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

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

Sencha Architect 3.0

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

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

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

Sencha Architect 3.0

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

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

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

Sencha Architect 3.0

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

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

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

Sencha Architect 3.0

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

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

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

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

Sencha Architect 3.0

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

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

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

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

Sencha Architect 3.0

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

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

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

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

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

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

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

Tizen & Sencha Architect & Sencha Touch

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

Demo

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

質問タイム Q & A

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

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