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