Ext.js/SenchaSDK でえんぷら

自己紹介 こつつみ 　 かずひろ

小堤　一弘 株式会社ゼノフィ 代表取締役

Sencha 公式トレーニング認定トレーナー

Japan Sencha User Group 主宰

Twitter ・@kotsutsumi

!Books

・Sencha Ext JS 4 実践開発ガイド

・Sencha Ext JS 4 実践開発ガイド 2

・Sencha Touch 2 実践開発ガイド (監修)

Senchaとは？

Senchaとは、会社の名前です。

HTML5によるクロスプラットフォームアプリケーション開発の

ために、フレームワーク、ツール、サービスを提供しています。

世界中の200万人を越えるデベロッパーたちが、既に利用して

います。

フレームワーク製品

• Sencha Ext JSデスクトップアプリケーション向け

• Sencha Touchタッチデバイスアプリケーション向け

• Sencha GXTデスクトップアプリケーション向け

Sencha Ext JS

豊富なUIコンポーネント

堅牢なクラスシステム

ブラウザ互換

プラグインレスのチャート

MVCアプリケーション

Sencha Ext JS

VB、C#、Flexなどを利用し構築されたシステムの様な、業務基幹システムの開発に適しています。

HTMLコーディングが不要なため、プログラマのみでシステム開発が完結します。テーマ機構により、テーマを着せ替えてデザインを調整することも可能です。

Sencha Ext JS - お客様の声

利用シーン基幹システムやコンシューマ向けサービスの管理画面で利用、デザイン不要で画面を作成できるため、サーバとのI/Fを決めるだけで素早く開発を行うことができます。

開発時のメリットコンポーネントUIが豊富なので、画面要件に対してのほとんどが提供されているコンポーネントUIで実現できます。また、ユーザビリティ性の高いシステムを顧客に提供できます。APIドキュメントが使いやすく、サンプルも豊富に揃っているので、開発をスムーズに進めることができます。MVCモデルで作ることができるので、ソースの可読性や保守性を高めることができ、Senchaが提供するビルドツールを使うことで、特別な設定なしに簡単にミニファイ・デプロイが可能です。

Sencha Touch

ハイパフォーマンス

HTML5モバイルアプリケーションフレームワーク

HTML5の機能をより便利に、そして異なるデバイスでの差異を柔軟に吸収し、パフォー

マンスを最大限に引き出すJavaScriptのノウハウを提供します。

Sencha Touch

ワンソースマルチデバイス開発

Sencha Touchのソースコードは、様々なデバイスで動作します。もちろんプラットフォームの判定もできますので、特有の機能を実装することも容易です。昨今のタッチデバイスの多様化において、開発コストを抑えることができるだけでなく、マルチデバイスに対して素早い対応が行えます。

Sencha Touch

ネイティブパッケージング

Sencha Cmdを利用することで、ネイティブパッケージ化を行えます。パッケージのAPIを利用してブラウザの制限を超えたアプリケーション開発が行えます。

Sencha Touch - お客様の声

利用シーン複数デバイスに対応が必要なシステムやWebの技術で実現可能なスマートフォン向けシステムで利用しています。開発実績としては、住宅シミュレーションアプリ（iPad向け）やアンケートアプリ（iOS,Android）等で利用しています。

開発時のメリットスマートフォンアプリの様なUIをWebの知識だけで開発することができ、ワンソースマルチデバイスなので開発コストを削減できます。Webの知識で開発ができるので、Sencha Touchの学習コストのみで開発することができます。Sencha Ext JSと同じアーキテクチャなのでSencha Ext JSの知識がある開発者であれば習得は、早いです。

Sencha GXT

Google Web Toolkit (GWT)で作るSencha Ext JS

JavaのみでHTML5アプリ開発PureJavaコード記述されたExt JSフレームワーク

Ext JS同等の豊富なコンポーネントUI 既存Javaシステム開発者のシームレスなHTML5開発への移行

開発ツール

• Sencha ArchitectExt JS / Sencha Touch向けアプリケーション開発ツール

• Sencha AnimatorCSS3アニメーションオーサリングツール

Sencha Architect

Sencha Ext JS / Sencha Touch向けアプリケーション開発ツール

・ビジュアル開発

・コード編集

・モバイルネイティブパッケージング

生成されるコードは、Sencha社が推奨するベストプラクティスコードですので、ノウハウの宝庫です。

Sencha Architect

レイアウト、構造の視覚化

Sencha Ext JS / Sencha Touchともに、コンフィグオプションと呼ばれる多階層のオブジェクトリテラルを記述する必要があります。

これらを視覚的にとらえ、ユーザーの開発スピードを加速します。

Sencha Animator

CSS3アニメーションオーサリングツール

HTML5・CSS3化が進み、モバイル広告や、ゲームアプリケーション内のアニメーション利用などでよりCSS3アニメーションの需要が高まりつつある中、手作業でコードを書くより効率的にアニメーションを作成することができます。

サービス

• Sencha Care開発サポート、コンサルテーション

• Sencha TrainingSencha技術者の養成

• Sencha Storeライセンス販売

Sencha Care

迅速に開発を進めるためのサポートサブスクリプション

•次のメジャーバージョンへのアップグレードが無料 •チケット形式の質疑応答が利用可能 •プレミアムフォーラムへ書込が可能 •サポートのみのバージョンを取得可能

Sencha Training

基礎知己やセオリーで躓かない、確かな技術者育成

株式会社ゼノフィのトレーニングは、米Sencha社のオフィシャルトレーナーとして認定された、高度な専門スキルを持つトレーナーが実施いたします。 Sencha Ext JS、Sencha Touchフレームワークの基礎と設計思想の理解、Sencha Architectを使ったビジュアル開発まで、必要な知識とセオリーをご提供します。

Sencha Store

ライセンス販売

ライセンスのご購入は、直接Sencha社からもご購入いただけますが、日本のお客様に対しサポート特典や領収証の発行など、購入に際してのハードルを低減いたします。

ゼノフィ社からご購入いただいた場合、チケット形式のサポートを日本語で行えるようにアシストします。

エンタープライズ向け、Senchaのその特徴

IE問題による、ブラウザ性能問題がエンタープライズシーンで時々あります。

でもIEを入れ替えるのは、会社として大変…

そんなときに、Sencha Desktop Packagerが便利です!

Sencha Desktop Packager

デスクトップパッケージング

Sencha Ext JSのアプリケーションが、Windows、Mac、Linuxへネイティブアプリケーションとして、配布が可能になります。

さらに、Sencha Desktop PackageのAPIを利用することでローカルファイルシステムへのアクセスを利用することができます。

ChromiumベースのWebブラウザを内蔵しており、Sencha Ext JSが快適に動作します。

エンタープライズ向け、Senchaのその特徴

Touchデバイス向けの開発で、端末のブラウザで操作させるのもよし、ネイティブパッケージ化してアプリにするのもよし。それはわかったけど、エンタープライズシーンでセキュリティはどうするの

個人のiPhoneやAndroidも使いたい、もしくは、社員がすでに勝手に使い始めてるんだけど…

BYOD環境導入はハードル高くない？

Touch端末に対する、IT管理者の負担も大きいんだけど…

Sencha Space

Sencha Touchで作るBYOD環境

近日リリース予定

ワンソースマルチデバイス開発が可能なSencha Touchの特徴を生かして、開発者は作ったアプリケーションをSencha Spaceに放り込むだけで、各端末にアプリケーションを配信することができます。

個人の端末には、Sencha Spaceのアプリを

ダウンロードすれば、社内アプリが利用できるように

なり、データはそのアプリケーション内で箱庭的に

管理されるため安全です。

IT管理者も、各個人の端末の管理をSencha Space

により一元化することができ、退社後のアカウント

制御も簡単にでき、情報を守ることができます。

Sencha Space

エンタープライズ向け、Senchaのその特徴

Senchaは、デスクトップ環境からモバイルタッチデバイスまで

の、一貫した開発プラットフォームを提供します。

HTML5でのRIA開発における総合ソリューション、それが

Senchaです。

では、Senchaのすべてを、取り扱っています。

ここまで紹介した、すべてを株式会社ゼノフィで取り扱っています

•米Sencha社のオフィシャルトレーナーが、札幌・東京・大阪に合計4名、常駐し、公式トレーニングを実施しています。

•ほぼ週単位の、米Sencha社との密な連携を行い、最新の情報収集・お客様のサポートを行っております。

•ライセンスの販売のみならず、技術サポート・コンサルテーションを提供しており、幅広いユーザー様にご利用いただいております。

•安心して、Sencha HTML5開発トータルソリューションを社内に導入されることをご検討の方は、是非一度お問い合わせください。

Start your projectWe lead all, You only make it.

ご静聴、ありがとうございました。