Soumettre la recherche
Mettre en ligne
Web業務アプリの新しい潮流
•
4 j'aime
•
2,774 vues
久司 中村
Suivre
俺聞け9 で発表した資料です。 Web 業務アプリケーションの新しい潮流として、Single Page Application と Sencha フレームワークについて紹介します。
Lire moins
Lire la suite
Technologie
Signaler
Partager
Signaler
Partager
1 sur 27
Télécharger maintenant
Télécharger pour lire hors ligne
Recommandé
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
Recommandé
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
Contenu connexe
Tendances
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
Tendances
(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 ~
En vedette
だから、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
En vedette
(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移行事例~
Similaire à 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
Similaire à 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
Plus de 久司 中村
アラカンエンジニアがたどり着いた生き方
アラカンエンジニアがたどり着いた生き方
久司 中村
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
久司 中村
Plus de 久司 中村
(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
Dernier
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
akihisamiyanaga1
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
FumieNakayama
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
Hiroshi Tomioka
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
博三 太田
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NTT DATA Technology & Innovation
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
FumieNakayama
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
Yuki Kikuchi
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
UEHARA, Tetsutaro
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
sugiuralab
Dernier
(9)
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
CTO, VPoE, テックリードなどリーダーポジションに登用したくなるのはどんな人材か?
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
AWS の OpenShift サービス (ROSA) を使った OpenShift Virtualizationの始め方.pdf
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
モーダル間の変換後の一致性とジャンル表を用いた解釈可能性の考察 ~Text-to-MusicとText-To-ImageかつImage-to-Music...
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
クラウドネイティブなサーバー仮想化基盤 - OpenShift Virtualization.pdf
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
自分史上一番早い2024振り返り〜コロナ後、仕事は通常ペースに戻ったか〜 by IoT fullstack engineer
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
デジタル・フォレンジックの最新動向(2024年4月27日情洛会総会特別講演スライド)
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
TataPixel: 畳の異方性を利用した切り替え可能なディスプレイの提案
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.
ご清聴ありがとうございました
Télécharger maintenant