狠狠撸

狠狠撸Share a Scribd company logo
Web業務アプリの新しい潮流
Single Page Application そして Sencha
自己紹介
? 中村久司
? Sencha UG Co-Organizer
? 株式会社ゼノフィ関西事業所 事業所長
? Sencha オフィシャルトレーナー
? 著書
? Sencha Touch 2 実践開発ガイド
业务アプリの歴史
メインフレーム
全てはホスト側で	

端末はダム端末
クラサバ
クラサバ
やれることはクライアント側で	

インターフェースもリッチでいいね
クライアント重すぎ	

管理が大変
Web アプリ
Web アプリ
クライアントの管理が楽
ブラウザ互換で苦しむ	

見た目と操作性が犠牲に
Single Page App
Single Page App
クライアントの管理が楽 ブラウザ互換はいまだに問題	

見た目と操作性は飛躍的に向上
Single Page App
? ページ遷移をなくして、HTML5 / JavaScript の仕組みを
使ってクライアント側で画面を書き換え
? クライアントリッチな方向へ
? かわりにサーバーサイドは Thin になる
? MVC などのアーキテクチャがクライアント側に
惭痴なんとかのフレームワーク
たくさんあります
他にもたくさん十種類以上!!
たくさんあります
他にもたくさん十種類以上!!
_人人人人人人_
>?Sencha!!?<
 ̄Y^Y^Y^Y^Y ̄
Sencha ってなに?
(??ω?`)
? カリフォルニア州レッドウッドシティにある企業
? HTML5について先駆者として取り組み
? フレームワーク/ツール/サービスを提供
Sencha 社
Sencha 製品
Sencha Ext JS
Sencha Touch
Sencha GXT
Sencha Architect
Sencha Cmd
Sencha Animator
Support
Training
Sencha Space
フレームワーク層 ツール層 サービス層
Sencha 製品
Sencha Ext JS
Sencha Touch
Sencha GXT
Sencha Architect
Sencha Cmd
Sencha Animator
Support
Training
Sencha Space
フレームワーク層 ツール層 サービス層
Sencha Ext JS
Sencha Ext JS 5
? 豊富なUIコンポーネント
? 堅牢なクラスシステム
? クロスブラウザ対応
? プラグイン不要のチャート
? MVC / MVVM アーキテクチャ
全てのブラウザでリッチなアプリを作成するための?
HTML5 / JavaScript フレームワーク
オールインワン
? アプリケーションの構造 ? Backborn.js / Knockout.jsなど
? 画面を構成するウィジェット ? jQuery など
? スキャフォルディング ? Yoeman
? ビルド/デプロイ ? Grant / gulp
オールインワン
? アプリケーションの構造
? 画面を構成するウィジェット
? スキャフォルディング
? ビルド/デプロイ
すべてを	

Sencha で
HTMLほとんど書かない
? Web アプリなのに HTML はほとんど書きません
? 画面にコンポーネント配置するのも全部 JavaScript
? プログラマ向け、クラサバから転職もありかも
? デザインの当て込みには SASS / Compass
JSのプロトタイプとか…
? 独自のクラスシステムを JavaScript 上に構築
? そのシステムを使ってフレームワークを構成
? アプリケーションを書くときもそのクラスシステムのルール
で書いてゆく
Sencha UG
? 定期的に Sencha の勉強会とかやっています
? http://www.meetup.com/Japan-Sencha-User-Group/
? https://atnd.org/users/160956
ご清聴ありがとうございました

More Related Content

What's hot (12)

PDF
201605 fa勉強会スライト?
秀平 高橋
?
PDF
201605 FA勉強会 seleniumスライト?
秀平 高橋
?
PPTX
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
takehiko yoshida
?
PDF
20150704cmsdou
Kazue Igarashi
?
PDF
齿础惭尝と颁#の関係
c-mitsuba
?
PPTX
Dot_fes2013
cyberagent
?
PDF
厂笔础に必要な闯补惫补厂肠谤颈辫迟贵谤补尘别奥辞谤办
Mizuho Sakamaki
?
PDF
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
?
PDF
【颁辞诲别颁补尘辫】闯补惫补厂肠谤颈辫迟の教科书サンプル
codecampJP
?
PDF
AMP & PWA
Shigeru Kondoh
?
PDF
PHP と Sencha Ext.Direct
久司 中村
?
PDF
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Shinichi Tomita
?
201605 fa勉強会スライト?
秀平 高橋
?
201605 FA勉強会 seleniumスライト?
秀平 高橋
?
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
takehiko yoshida
?
20150704cmsdou
Kazue Igarashi
?
齿础惭尝と颁#の関係
c-mitsuba
?
Dot_fes2013
cyberagent
?
厂笔础に必要な闯补惫补厂肠谤颈辫迟贵谤补尘别奥辞谤办
Mizuho Sakamaki
?
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
?
【颁辞诲别颁补尘辫】闯补惫补厂肠谤颈辫迟の教科书サンプル
codecampJP
?
AMP & PWA
Shigeru Kondoh
?
PHP と Sencha Ext.Direct
久司 中村
?
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Shinichi Tomita
?

Viewers also liked (6)

PDF
だから、滨贰は业务システムで使われている。いままでもこれからも
Microsoft
?
PDF
次世代奥别产业务アフ?リケーション
Fumio SAGAWA
?
PDF
业务アプリケーションにおけるモダン奥别产开発の现状ー贬罢惭尝5开発って简単なの?
Fumio SAGAWA
?
PDF
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?
PDF
第3回公司奥别产システム开発セミナー「业务システムに贬罢惭尝5を上手に取り入れるためには?」
Osamu Shimoda
?
PDF
闯补惫补8移行は怖くない~エンタープライズ案件での闯补惫补8移行事例~
Hiroyuki Ohnaka
?
だから、滨贰は业务システムで使われている。いままでもこれからも
Microsoft
?
次世代奥别产业务アフ?リケーション
Fumio SAGAWA
?
业务アプリケーションにおけるモダン奥别产开発の现状ー贬罢惭尝5开発って简単なの?
Fumio SAGAWA
?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?
第3回公司奥别产システム开発セミナー「业务システムに贬罢惭尝5を上手に取り入れるためには?」
Osamu Shimoda
?
闯补惫补8移行は怖くない~エンタープライズ案件での闯补惫补8移行事例~
Hiroyuki Ohnaka
?
Ad

Similar to 奥别产业务アフ?リの新しい潮流 (20)

PDF
なぜ Enterprise は Sencha を選ぶのか?
久司 中村
?
PDF
Ext JS version 5 を始めよう
久司 中村
?
PDF
Introducing Sencha Space
久司 中村
?
PDF
贬罢惭尝5を活用した効果の高いリッチアフ?リ开発体制构筑とコンサルティンク?の実现方法
Kazuhiro Kotsutsumi
?
PDF
Ext.js/Sencha SDKでえんぷら
Kazuhiro Kotsutsumi
?
PDF
Sencha Touch working with AWS
久司 中村
?
PDF
Sencha フレームワークの統合開発ツール Sencha Cmd
久司 中村
?
PDF
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
?
PDF
开発ツール「奥颈箩尘辞」と「厂辫谤别补诲闯厂」からみる业务アフ?リケーションの変迁とこれから
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
PDF
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
久司 中村
?
PDF
5分て?わかるSencha Touch
dsuke Takaoka
?
PDF
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
?
PPTX
~初心者がこれから Web アプリの開発をするために~
Oda Shinsuke
?
PDF
DEV-010_エンプラ系業務 Web アプリ開発に効く! 実践的 SPA 型モダン Web アプリ开発の選択手法
decode2016
?
PDF
マイクロソフト奥别产开発の今と今后
Akira Inoue
?
PDF
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
?
PDF
アプリ开発の
maruyama097
?
PDF
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
PPTX
ICT ERA+ABC 2012東北講演
Monaca
?
PPTX
企画者が押さえておきたいHtml5アプリ开発の要点
Monaca
?
なぜ Enterprise は Sencha を選ぶのか?
久司 中村
?
Ext JS version 5 を始めよう
久司 中村
?
Introducing Sencha Space
久司 中村
?
贬罢惭尝5を活用した効果の高いリッチアフ?リ开発体制构筑とコンサルティンク?の実现方法
Kazuhiro Kotsutsumi
?
Ext.js/Sencha SDKでえんぷら
Kazuhiro Kotsutsumi
?
Sencha Touch working with AWS
久司 中村
?
Sencha フレームワークの統合開発ツール Sencha Cmd
久司 中村
?
Web アプリケーション パターンと .NET - CLR/H 88 回 ~雪まつりデイ!~ バージョン
Akira Inoue
?
开発ツール「奥颈箩尘辞」と「厂辫谤别补诲闯厂」からみる业务アフ?リケーションの変迁とこれから
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
?
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
久司 中村
?
5分て?わかるSencha Touch
dsuke Takaoka
?
[公開用]Netラボ2012年2月勉強会 asp.netmvc4 beta新機能の紹介
david9142
?
~初心者がこれから Web アプリの開発をするために~
Oda Shinsuke
?
DEV-010_エンプラ系業務 Web アプリ開発に効く! 実践的 SPA 型モダン Web アプリ开発の選択手法
decode2016
?
マイクロソフト奥别产开発の今と今后
Akira Inoue
?
Webフロントエンド開発の最新トレンド - HTML5, モバイル, オフライン
Shumpei Shiraishi
?
アプリ开発の
maruyama097
?
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
ICT ERA+ABC 2012東北講演
Monaca
?
企画者が押さえておきたいHtml5アプリ开発の要点
Monaca
?
Ad

Recently uploaded (9)

PDF
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2025_報告会資料_渡辺さ...
IGDA Japan SIG-Audio
?
PDF
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
PDF
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
PDF
API認可を支えるKeycloakの基本と設計の考え方 ~ OAuth/OIDCによるAPI保護のベストプラクティス ~
Hitachi, Ltd. OSS Solution Center.
?
PDF
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2024_報告会資料_増野さ...
IGDA Japan SIG-Audio
?
PDF
マルチAIエージェントの産業界での実践に向けたオープンソース活動の展望 - Japan Regional User Group (RUG) Meet-Up
Kosaku Kimura
?
PDF
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
PDF
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
PDF
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2025_報告会資料_渡辺さ...
IGDA Japan SIG-Audio
?
安尾 萌, 松下 光範. 環境馴致を計量可能にするための試み,人工知能学会第4回仕掛学研究会, 2018.
Matsushita Laboratory
?
論文紹介:AutoPrompt: Eliciting Knowledge from Language Models with Automatically ...
Toru Tamaki
?
API認可を支えるKeycloakの基本と設計の考え方 ~ OAuth/OIDCによるAPI保護のベストプラクティス ~
Hitachi, Ltd. OSS Solution Center.
?
SIG-AUDIO 2025 Vol.02 オンラインセミナー 「GDC2025 オーディオ報告会」SIG-Audio_GDC2024_報告会資料_増野さ...
IGDA Japan SIG-Audio
?
マルチAIエージェントの産業界での実践に向けたオープンソース活動の展望 - Japan Regional User Group (RUG) Meet-Up
Kosaku Kimura
?
論文紹介:Unbiasing through Textual Descriptions: Mitigating Representation Bias i...
Toru Tamaki
?
安尾 萌, 北村 茂生, 松下 光範. 災害発生時における被害状況把握を目的とした情報共有システムの基礎検討, 電子情報通信学会HCGシンポジウム2018...
Matsushita Laboratory
?
安尾 萌, 藤代 裕之, 松下 光範. 協調的情報トリアージにおけるコミュニケーションの影響についての検討, 第11回データ工学と情報マネジメントに関する...
Matsushita Laboratory
?

奥别产业务アフ?リの新しい潮流