SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
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 Architect


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


• Sencha Animator

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

Sencha Ext JS / Sencha Touch向けアプリケーション開発ツール
・ビジュアル開発
・コード編集
・モバイルネイティブパッケージング
生成されるコードは、Sencha社が推奨するベストプラクティス

コードですので、ノウハウの宝庫です。
Sencha Architect

レイアウト、構造の視覚化
Sencha Ext JS / Sencha Touchともに、

コンフィグオプションと呼ばれる多階層のオブジェ
クトリテラルを記述する必要があります。
これらを視覚的にとらえ、ユーザーの開発スピード
を加速します。
Sencha Animator

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

• Sencha Care

• Sencha Training

• Sencha Store

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

Sencha技術者の養成

ライセンス販売
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 project
We lead all, You only make it.
ご静聴、ありがとうございました。

Mais conteúdo relacionado

Semelhante a Ext.js/Sencha SDKでえんぷら

Introducing Sencha Space
Introducing Sencha SpaceIntroducing Sencha Space
Introducing Sencha Space久司 中村
 
Delphi開発者のためのSencha入門
Delphi開発者のためのSencha入門Delphi開発者のためのSencha入門
Delphi開発者のためのSencha入門Shinobu Kawano
 
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法Kazuhiro Kotsutsumi
 
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Kazuhiro Kotsutsumi
 
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料Osamu Shimoda
 
Adminとうまく共存するためのApex開発Tips
Adminとうまく共存するためのApex開発TipsAdminとうまく共存するためのApex開発Tips
Adminとうまく共存するためのApex開発TipsTakashi Hatamoto
 
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」Embarcadero Technologies
 
PHP と Sencha Ext.Direct
PHP と Sencha Ext.DirectPHP と Sencha Ext.Direct
PHP と Sencha Ext.Direct久司 中村
 
自チームのLychee redmine活用例
自チームのLychee redmine活用例自チームのLychee redmine活用例
自チームのLychee redmine活用例agileware_jp
 
オルターブースが実践する .NET Core “ガチ” 開発
オルターブースが実践する .NET Core “ガチ” 開発オルターブースが実践する .NET Core “ガチ” 開発
オルターブースが実践する .NET Core “ガチ” 開発Yuta Matsumura
 
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
ゲーム開発環境、もっと楽にできるよ♬  マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!ゲーム開発環境、もっと楽にできるよ♬  マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!Hiroko Umetsu
 
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介Daisuke Nishino
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善T.R. Nishi
 
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料Yuki Naotori
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ayumu Aizawa
 
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」Serverworks Co.,Ltd.
 

Semelhante a Ext.js/Sencha SDKでえんぷら (20)

Introducing Sencha Space
Introducing Sencha SpaceIntroducing Sencha Space
Introducing Sencha Space
 
Delphi開発者のためのSencha入門
Delphi開発者のためのSencha入門Delphi開発者のためのSencha入門
Delphi開発者のためのSencha入門
 
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
HTML5を活用した効果の高いリッチアプリ開発体制構築とコンサルティングの実現方法
 
Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ Spa のための web サーバ構築ノウハウ
Spa のための web サーバ構築ノウハウ
 
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料第2回HTML5企業Webシステム開発セミナー hifive紹介資料
第2回HTML5企業Webシステム開発セミナー hifive紹介資料
 
Adminとうまく共存するためのApex開発Tips
Adminとうまく共存するためのApex開発TipsAdminとうまく共存するためのApex開発Tips
Adminとうまく共存するためのApex開発Tips
 
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
「つながるシステム構築を可能にするDelphi / C++Builder / Sencha」
 
PHP と Sencha Ext.Direct
PHP と Sencha Ext.DirectPHP と Sencha Ext.Direct
PHP と Sencha Ext.Direct
 
自チームのLychee redmine活用例
自チームのLychee redmine活用例自チームのLychee redmine活用例
自チームのLychee redmine活用例
 
オルターブースが実践する .NET Core “ガチ” 開発
オルターブースが実践する .NET Core “ガチ” 開発オルターブースが実践する .NET Core “ガチ” 開発
オルターブースが実践する .NET Core “ガチ” 開発
 
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
ゲーム開発環境、もっと楽にできるよ♬  マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!ゲーム開発環境、もっと楽にできるよ♬  マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
 
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
[GrapeCity Web TECH FORUM 2018]グレープシティJavaScript製品のご紹介 活用のコツと開発のポイント
 
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介
OSSコンソーシアム 開発基盤部会 2014年度 活動方針・部会紹介
 
User groupandfuture
User groupandfutureUser groupandfuture
User groupandfuture
 
基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善基盤の改善から既存アプリケーションの改善
基盤の改善から既存アプリケーションの改善
 
DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析DevOps を前提としたユーザー インターフェイスの構造解析
DevOps を前提としたユーザー インターフェイスの構造解析
 
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
第8回 Ext JS / Ext GWT 勉強会 - 小堤氏資料
 
デスクトップ向けUIコンポーネントの対応状況と今後の予定
デスクトップ向けUIコンポーネントの対応状況と今後の予定デスクトップ向けUIコンポーネントの対応状況と今後の予定
デスクトップ向けUIコンポーネントの対応状況と今後の予定
 
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
Ruby コミュニティの文化に学ぶエンタープライズシステム開発の処方箋
 
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
2013年08月 夏サミ2013-A5「DevOpsってどうなのよ?」
 

Ext.js/Sencha SDKでえんぷら