23
build amazing apps for every device Sencha ArchitectSencha TouchTizen HTML5アプリケーションを作成する

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

Embed Size (px)

DESCRIPTION

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

Citation preview

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