Ext.js/Sencha SDKでえんぷら

1,083 views
914 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,083
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Ext.js/Sencha SDKでえんぷら

  1. 1. Ext.js/SenchaSDK でえんぷら
  2. 2. 自己紹介 こつつみ   かずひろ 小堤 一弘 株式会社ゼノフィ 代表取締役 Sencha 公式トレーニング認定トレーナー Japan Sencha User Group 主宰
 Twitter ・@kotsutsumi ! Books
 ・Sencha Ext JS 4 実践開発ガイド
 ・Sencha Ext JS 4 実践開発ガイド 2
 ・Sencha Touch 2 実践開発ガイド (監修)
  3. 3. Senchaとは? Senchaとは、会社の名前です。 HTML5によるクロスプラットフォームアプリケーション開発の ために、フレームワーク、ツール、サービスを提供しています。 世界中の200万人を越えるデベロッパーたちが、既に利用して います。
  4. 4. フレームワーク製品 • Sencha Ext JS
 • Sencha Touch
 • Sencha GXT
 デスクトップアプリケーション向け タッチデバイスアプリケーション向け デスクトップアプリケーション向け
  5. 5. Sencha Ext JS 豊富なUIコンポーネント 堅牢なクラスシステム ブラウザ互換 プラグインレスのチャート MVCアプリケーション
  6. 6. Sencha Ext JS VB、C#、Flexなどを利用し構築されたシステムの様な、
 業務基幹システムの開発に適しています。 HTMLコーディングが不要なため、プログラマのみでシステム開発が完結します。
 テーマ機構により、テーマを着せ替えてデザインを調整することも可能です。
  7. 7. Sencha Ext JS - お客様の声 利用シーン
 基幹システムやコンシューマ向けサービスの管理画面で利用、デザイン不要で画面を作成できるため、 サーバとのI/Fを決めるだけで素早く開発を行うことができます。 開発時のメリット
 コンポーネントUIが豊富なので、画面要件に対してのほとんどが提供されているコンポーネントUIで実 現できます。また、ユーザビリティ性の高いシステムを顧客に提供できます。
 APIドキュメントが使いやすく、サンプルも豊富に揃っているので、開発をスムーズに進めることができ ます。
 MVCモデルで作ることができるので、ソースの可読性や保守性を高めることができ、Senchaが提供す るビルドツールを使うことで、特別な設定なしに簡単にミニファイ・デプロイが可能です。
  8. 8. Sencha Touch ハイパフォーマンス
 HTML5モバイルアプリケーションフレームワーク HTML5の機能をより便利に、そして異なるデバイスでの差異を柔軟に吸収し、パフォー マンスを最大限に引き出すJavaScriptのノウハウを提供します。
  9. 9. Sencha Touch ワンソースマルチデバイス開発 Sencha Touchのソースコードは、様々なデバイスで動作します。 もちろんプラットフォームの判定もできますので、特有の機能を 実装することも容易です。
 
 昨今のタッチデバイスの多様化において、開発コストを抑えるこ とができるだけでなく、マルチデバイスに対して素早い対応が行 えます。
  10. 10. Sencha Touch ネイティブパッケージング Sencha Cmdを利用することで、ネイティブパッケージ化を行えます。
 パッケージのAPIを利用してブラウザの制限を超えたアプリケーション開発が行えます。
  11. 11. Sencha Touch - お客様の声 利用シーン
 複数デバイスに対応が必要なシステムやWebの技術で実現可能なスマートフォン向けシステムで利用し ています。開発実績としては、住宅シミュレーションアプリ(iPad向け)やアンケートアプリ (iOS,Android)等で利用しています。 開発時のメリット
 スマートフォンアプリの様なUIをWebの知識だけで開発することができ、ワンソースマルチデバイスな ので開発コストを削減できます。Webの知識で開発ができるので、Sencha Touchの学習コストのみで 開発することができます。Sencha Ext JSと同じアーキテクチャなのでSencha Ext JSの知識がある 開発者であれば習得は、早いです。
  12. 12. Sencha GXT Google Web Toolkit (GWT)で作るSencha Ext JS JavaのみでHTML5アプリ開発
 PureJavaコード記述されたExt JSフレームワーク Ext JS同等の豊富なコンポーネントUI
 既存Javaシステム開発者のシームレスなHTML5開発への移行
  13. 13. 開発ツール • Sencha Architect
 Ext JS / Sencha Touch向けアプリケーション開発ツール
 • Sencha Animator
 CSS3アニメーションオーサリングツール
  14. 14. Sencha Architect Sencha Ext JS / Sencha Touch向けアプリケーション開発ツール ・ビジュアル開発 ・コード編集 ・モバイルネイティブパッケージング 生成されるコードは、Sencha社が推奨するベストプラクティス
 コードですので、ノウハウの宝庫です。
  15. 15. Sencha Architect レイアウト、構造の視覚化 Sencha Ext JS / Sencha Touchともに、
 コンフィグオプションと呼ばれる多階層のオブジェ クトリテラルを記述する必要があります。 これらを視覚的にとらえ、ユーザーの開発スピード を加速します。
  16. 16. Sencha Animator CSS3アニメーションオーサリングツール HTML5・CSS3化が進み、モバイル広告や、ゲームアプリケーショ ン内のアニメーション利用などでよりCSS3アニメーションの需要 が高まりつつある中、手作業でコードを書くより効率的にアニメー ションを作成することができます。
  17. 17. サービス • Sencha Care
 • Sencha Training
 • Sencha Store
 開発サポート、コンサルテーション Sencha技術者の養成 ライセンス販売
  18. 18. Sencha Care 迅速に開発を進めるためのサポートサブスクリプション • 次のメジャーバージョンへのアップグレードが無料 • チケット形式の質疑応答が利用可能 • プレミアムフォーラムへ書込が可能 • サポートのみのバージョンを取得可能
  19. 19. Sencha Training 基礎知己やセオリーで躓かない、確かな技術者育成 株式会社ゼノフィのトレーニングは、米Sencha社のオフィシャルトレーナーとして認定 された、高度な専門スキルを持つトレーナーが実施いたします。 Sencha Ext JS、Sencha Touchフレームワークの基礎と設計思想の理解、Sencha Architectを使ったビジュアル開発まで、必要な知識とセオリーをご提供します。
  20. 20. Sencha Store ライセンス販売 ライセンスのご購入は、直接Sencha社からもご購入いただけ ますが、日本のお客様に対しサポート特典や領収証の発行な ど、購入に際してのハードルを低減いたします。 ゼノフィ社からご購入いただいた場合、チケット形式のサポー トを日本語で行えるようにアシストします。
  21. 21. エンタープライズ向け、Senchaのその特徴 IE問題による、ブラウザ性能問題がエンタープライズシーンで時々あります。 でもIEを入れ替えるのは、会社として大変… そんなときに、Sencha Desktop Packagerが便利です!
  22. 22. Sencha Desktop Packager デスクトップパッケージング Sencha Ext JSのアプリケーションが、Windows、Mac、Linuxへ ネイティブアプリケーションとして、配布が可能になります。 さらに、Sencha Desktop PackageのAPIを利用することで
 ローカルファイルシステムへのアクセスを利用することができます。 ChromiumベースのWebブラウザを内蔵しており、
 Sencha Ext JSが快適に動作します。
  23. 23. エンタープライズ向け、Senchaのその特徴 Touchデバイス向けの開発で、端末のブラウザで操作させるのもよし、ネイ ティブパッケージ化してアプリにするのもよし。それはわかったけど、エン タープライズシーンでセキュリティはどうするの 個人のiPhoneやAndroidも使いたい、もしくは、社員がすでに勝手に使い 始めてるんだけど… BYOD環境導入はハードル高くない? Touch端末に対する、IT管理者の負担も大きいんだけど…
  24. 24. Sencha Space 近日リリース予定 Sencha Touchで作るBYOD環境 ワンソースマルチデバイス開発が可能なSencha Touchの特徴を生かして、開発者は作ったアプリケーショ ンをSencha Spaceに放り込むだけで、各端末にアプリケーションを配信することができます。 個人の端末には、Sencha Spaceのアプリを ダウンロードすれば、社内アプリが利用できるように なり、データはそのアプリケーション内で箱庭的に 管理されるため安全です。 IT管理者も、各個人の端末の管理をSencha Space により一元化することができ、退社後のアカウント 制御も簡単にでき、情報を守ることができます。
  25. 25. Sencha Space
  26. 26. エンタープライズ向け、Senchaのその特徴 Senchaは、デスクトップ環境からモバイルタッチデバイスまで の、一貫した開発プラットフォームを提供します。 HTML5でのRIA開発における総合ソリューション、それが Senchaです。
  27. 27. では、Senchaのすべてを、取り扱っています。 ここまで紹介した、すべてを株式会社ゼノフィで取り扱っています • 米Sencha社のオフィシャルトレーナーが、札幌・東京・大阪
 に合計4名、常駐し、公式トレーニングを実施しています。 • ほぼ週単位の、米Sencha社との密な連携を行い、最新の情報
 収集・お客様のサポートを行っております。 • ライセンスの販売のみならず、技術サポート・コンサルテーション
 を提供しており、幅広いユーザー様にご利用いただいております。 • 安心して、Sencha HTML5開発トータルソリューションを
 社内に導入されることをご検討の方は、是非一度お問い合わせください。 Start your project We lead all, You only make it.
  28. 28. ご静聴、ありがとうございました。

×