Submit Search
Upload
Web業務アプリの新しい潮流
•
4 likes
•
2,774 views
久司 中村
Follow
俺聞け9 で発表した資料です。 Web 業務アプリケーションの新しい潮流として、Single Page Application と Sencha フレームワークについて紹介します。
Read less
Read more
Technology
Report
Share
Report
Share
1 of 27
Download now
Download to read offline
Recommended
Nodejs beginner
Nodejs beginner
SoheiUchino1
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
hirooooo
20160218_FileMaker勉強会「filemakerとweb」
20160218_FileMaker勉強会「filemakerとweb」
Ko Takagi
PWA Beginner(最新版:文字抜けを修正)
PWA Beginner(最新版:文字抜けを修正)
Daisuke Yamazaki
ぼくたちのじゅたくかいはつ
ぼくたちのじゅたくかいはつ
Atsushi Harada
製品アイデアを投稿してみた
製品アイデアを投稿してみた
Ko Takagi
サーバの種別を理解しよう
サーバの種別を理解しよう
Hiroyuki Ogawa
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
Recommended
Nodejs beginner
Nodejs beginner
SoheiUchino1
[社内勉強会]SPAのすすめ
[社内勉強会]SPAのすすめ
hirooooo
20160218_FileMaker勉強会「filemakerとweb」
20160218_FileMaker勉強会「filemakerとweb」
Ko Takagi
PWA Beginner(最新版:文字抜けを修正)
PWA Beginner(最新版:文字抜けを修正)
Daisuke Yamazaki
ぼくたちのじゅたくかいはつ
ぼくたちのじゅたくかいはつ
Atsushi Harada
製品アイデアを投稿してみた
製品アイデアを投稿してみた
Ko Takagi
サーバの種別を理解しよう
サーバの種別を理解しよう
Hiroyuki Ogawa
three.jsによる一歩進めたグラフィカルな表現
three.jsによる一歩進めたグラフィカルな表現
Kei Yagi
201605 fa勉強会スライド
201605 fa勉強会スライド
秀平 高橋
201605 FA勉強会 seleniumスライド
201605 FA勉強会 seleniumスライド
秀平 高橋
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
takehiko yoshida
20150704cmsdou
20150704cmsdou
Kazue Igarashi
XAMLとC#の関係
XAMLとC#の関係
c-mitsuba
Dot_fes2013
Dot_fes2013
cyberagent
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
【CodeCamp】JavaScriptの教科書サンプル
【CodeCamp】JavaScriptの教科書サンプル
codecampJP
AMP & PWA
AMP & PWA
Shigeru Kondoh
PHP と Sencha Ext.Direct
PHP と Sencha Ext.Direct
久司 中村
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Shinichi Tomita
だから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからも
Microsoft
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Hiroyuki Ohnaka
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
力也 伊原
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
Eiji Kodama
WordPressサイトをスマホアプリにしちゃおう!
WordPressサイトをスマホアプリにしちゃおう!
Ryu Shindo
Challenge PWA!! TRY PWA4WP!
Challenge PWA!! TRY PWA4WP!
Ryu Shindo
More Related Content
What's hot
201605 fa勉強会スライド
201605 fa勉強会スライド
秀平 高橋
201605 FA勉強会 seleniumスライド
201605 FA勉強会 seleniumスライド
秀平 高橋
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
takehiko yoshida
20150704cmsdou
20150704cmsdou
Kazue Igarashi
XAMLとC#の関係
XAMLとC#の関係
c-mitsuba
Dot_fes2013
Dot_fes2013
cyberagent
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
Yutaro Miyazaki
【CodeCamp】JavaScriptの教科書サンプル
【CodeCamp】JavaScriptの教科書サンプル
codecampJP
AMP & PWA
AMP & PWA
Shigeru Kondoh
PHP と Sencha Ext.Direct
PHP と Sencha Ext.Direct
久司 中村
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Shinichi Tomita
What's hot
(12)
201605 fa勉強会スライド
201605 fa勉強会スライド
201605 FA勉強会 seleniumスライド
201605 FA勉強会 seleniumスライド
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
20150704cmsdou
20150704cmsdou
XAMLとC#の関係
XAMLとC#の関係
Dot_fes2013
Dot_fes2013
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
2014.07.09 WordBench Tokyo LT
2014.07.09 WordBench Tokyo LT
【CodeCamp】JavaScriptの教科書サンプル
【CodeCamp】JavaScriptの教科書サンプル
AMP & PWA
AMP & PWA
PHP と Sencha Ext.Direct
PHP と Sencha Ext.Direct
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Sales Force Episode VI ~ Return of Ajax Toolkit ~
Viewers also liked
だから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからも
Microsoft
次世代Web業務アプリケーション
次世代Web業務アプリケーション
Fumio SAGAWA
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Osamu Shimoda
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Hiroyuki Ohnaka
Viewers also liked
(6)
だから、IEは業務システムで使われている。いままでもこれからも
だから、IEは業務システムで使われている。いままでもこれからも
次世代Web業務アプリケーション
次世代Web業務アプリケーション
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
第3回企業Webシステム開発セミナー「業務システムにHTML5を上手に取り入れるためには?」
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Java8移行は怖くない~エンタープライズ案件でのJava8移行事例~
Similar to Web業務アプリの新しい潮流
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
力也 伊原
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
Eiji Kodama
WordPressサイトをスマホアプリにしちゃおう!
WordPressサイトをスマホアプリにしちゃおう!
Ryu Shindo
Challenge PWA!! TRY PWA4WP!
Challenge PWA!! TRY PWA4WP!
Ryu Shindo
PWAがたぶんくる
PWAがたぶんくる
Ryu Shindo
Challenge PWA!! WordCamp Tokyo 2018
Challenge PWA!! WordCamp Tokyo 2018
Ryu Shindo
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Akira Inoue
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Masahiko Tachizono
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
Yoshinori OHTA
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Hiroto Igarashi
Ionicでハイブリッドアプリ入門①
Ionicでハイブリッドアプリ入門①
Tomokatsu Iguchi
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
Ryu Shindo
なぜ Enterprise は Sencha を選ぶのか?
なぜ Enterprise は Sencha を選ぶのか?
久司 中村
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Osamu Monoe
Webの勉強会#10
Webの勉強会#10
MarlboroLand
Single-page application
Single-page application
Fumio SAGAWA
AppPotモバイルアプリ開発『内製化』
AppPotモバイルアプリ開発『内製化』
Ryohei Sogo
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Tsutomu Ogasawara
Nodejs and mongodb
Nodejs and mongodb
Ayako Hatori
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
Kensaku Komatsu
Similar to Web業務アプリの新しい潮流
(20)
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
スマホ向けWebアプリ開発で使えるフロントエンド高速化手法
WordPressサイトをスマホアプリにしちゃおう!
WordPressサイトをスマホアプリにしちゃおう!
Challenge PWA!! TRY PWA4WP!
Challenge PWA!! TRY PWA4WP!
PWAがたぶんくる
PWAがたぶんくる
Challenge PWA!! WordCamp Tokyo 2018
Challenge PWA!! WordCamp Tokyo 2018
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
.NET 6 と Blazor で作るクロスプラットフォームアプリ概要
Rendr入門: サーバサイドで(も)動かす、Backbone.js
Rendr入門: サーバサイドで(も)動かす、Backbone.js
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
WAI-ARIAで実現するマルチデバイス環境のwebアプリケーション
小さく早い改善がスマホのサービス開発を変える
小さく早い改善がスマホのサービス開発を変える
Ionicでハイブリッドアプリ入門①
Ionicでハイブリッドアプリ入門①
Challenge PWA!! Technical Edition @JAG201809
Challenge PWA!! Technical Edition @JAG201809
なぜ Enterprise は Sencha を選ぶのか?
なぜ Enterprise は Sencha を選ぶのか?
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Web プラットフォーム再考 ~PWA のもたらす未来の光と影~
Webの勉強会#10
Webの勉強会#10
Single-page application
Single-page application
AppPotモバイルアプリ開発『内製化』
AppPotモバイルアプリ開発『内製化』
スマートフォンアプリケーション開発の最新動向
スマートフォンアプリケーション開発の最新動向
Nodejs and mongodb
Nodejs and mongodb
WebIntentsにより拓かれる次のWeb
WebIntentsにより拓かれる次のWeb
More from 久司 中村
アラカンエンジニアがたどり着いた生き方
アラカンエンジニアがたどり着いた生き方
久司 中村
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
久司 中村
Ext JS version 5 を始めよう
Ext JS version 5 を始めよう
久司 中村
AWSとSenchaでSecureなモバイルアプリを実現する
AWSとSenchaでSecureなモバイルアプリを実現する
久司 中村
Sencha フレームワークの統合開発ツール Sencha Cmd
Sencha フレームワークの統合開発ツール Sencha Cmd
久司 中村
Introducing Sencha Space
Introducing Sencha Space
久司 中村
Ext Schedulerを使ってみる
Ext Schedulerを使ってみる
久司 中村
Sencha Touch working with AWS
Sencha Touch working with AWS
久司 中村
Using Ext Direct with SenchaTouch2
Using Ext Direct with SenchaTouch2
久司 中村
Sencha ug3 siesta_share
Sencha ug3 siesta_share
久司 中村
More from 久司 中村
(10)
アラカンエンジニアがたどり着いた生き方
アラカンエンジニアがたどり着いた生き方
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Sencha のフレームワーク Ext JS 5 について 15 分で説明するよ
Ext JS version 5 を始めよう
Ext JS version 5 を始めよう
AWSとSenchaでSecureなモバイルアプリを実現する
AWSとSenchaでSecureなモバイルアプリを実現する
Sencha フレームワークの統合開発ツール Sencha Cmd
Sencha フレームワークの統合開発ツール Sencha Cmd
Introducing Sencha Space
Introducing Sencha Space
Ext Schedulerを使ってみる
Ext Schedulerを使ってみる
Sencha Touch working with AWS
Sencha Touch working with AWS
Using Ext Direct with SenchaTouch2
Using Ext Direct with SenchaTouch2
Sencha ug3 siesta_share
Sencha ug3 siesta_share
Recently uploaded
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
Recently uploaded
(10)
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Web業務アプリの新しい潮流
1.
Web業務アプリの新しい潮流 Single Page Application
そして Sencha
2.
自己紹介 • 中村久司 • Sencha
UG Co-Organizer • 株式会社ゼノフィ関西事業所 事業所長 • Sencha オフィシャルトレーナー • 著書 • Sencha Touch 2 実践開発ガイド
3.
業務アプリの歴史
4.
メインフレーム 全てはホスト側で 端末はダム端末
5.
クラサバ
6.
クラサバ やれることはクライアント側で インターフェースもリッチでいいね クライアント重すぎ 管理が大変
7.
Web アプリ
8.
Web アプリ クライアントの管理が楽 ブラウザ互換で苦しむ 見た目と操作性が犠牲に
9.
Single Page App
10.
Single Page App クライアントの管理が楽
ブラウザ互換はいまだに問題 見た目と操作性は飛躍的に向上
11.
Single Page App •
ページ遷移をなくして、HTML5 / JavaScript の仕組みを 使ってクライアント側で画面を書き換え • クライアントリッチな方向へ • かわりにサーバーサイドは Thin になる • MVC などのアーキテクチャがクライアント側に
12.
MVなんとかのフレームワーク
13.
たくさんあります 他にもたくさん十種類以上!!
14.
たくさんあります 他にもたくさん十種類以上!!
15.
_人人人人人人_ > Sencha!! <  ̄Y^Y^Y^Y^Y ̄
16.
Sencha ってなに? (´・ω・`)
17.
• カリフォルニア州レッドウッドシティにある企業 • HTML5について先駆者として取り組み •
フレームワーク/ツール/サービスを提供 Sencha 社
18.
Sencha 製品 Sencha Ext
JS Sencha Touch Sencha GXT Sencha Architect Sencha Cmd Sencha Animator Support Training Sencha Space フレームワーク層 ツール層 サービス層
19.
Sencha 製品 Sencha Ext
JS Sencha Touch Sencha GXT Sencha Architect Sencha Cmd Sencha Animator Support Training Sencha Space フレームワーク層 ツール層 サービス層
20.
Sencha Ext JS
21.
Sencha Ext JS
5 • 豊富なUIコンポーネント • 堅牢なクラスシステム • クロスブラウザ対応 • プラグイン不要のチャート • MVC / MVVM アーキテクチャ 全てのブラウザでリッチなアプリを作成するための HTML5 / JavaScript フレームワーク
22.
オールインワン • アプリケーションの構造 ̶
Backborn.js / Knockout.jsなど • 画面を構成するウィジェット ̶ jQuery など • スキャフォルディング ̶ Yoeman • ビルド/デプロイ ̶ Grant / gulp
23.
オールインワン • アプリケーションの構造 • 画面を構成するウィジェット •
スキャフォルディング • ビルド/デプロイ すべてを Sencha で
24.
HTMLほとんど書かない • Web アプリなのに
HTML はほとんど書きません • 画面にコンポーネント配置するのも全部 JavaScript • プログラマ向け、クラサバから転職もありかも • デザインの当て込みには SASS / Compass
25.
JSのプロトタイプとか… • 独自のクラスシステムを JavaScript
上に構築 • そのシステムを使ってフレームワークを構成 • アプリケーションを書くときもそのクラスシステムのルール で書いてゆく
26.
Sencha UG • 定期的に
Sencha の勉強会とかやっています • http://www.meetup.com/Japan-Sencha-User-Group/ • https://atnd.org/users/160956
27.
ご清聴ありがとうございました
Download now