Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
Mitsuru Ogawa
PDF, PPTX
5,784 views
国内初事例に学ぶSAPUI5
2014/2/28 Enterprise x HTML5 Application Conference 2014での講演資料です。 SAPジャパンの井口さんとのコラボレーションです。
Technology
◦
Read more
5
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 30
2
/ 30
3
/ 30
4
/ 30
5
/ 30
6
/ 30
7
/ 30
8
/ 30
9
/ 30
10
/ 30
11
/ 30
12
/ 30
13
/ 30
14
/ 30
15
/ 30
16
/ 30
17
/ 30
18
/ 30
19
/ 30
20
/ 30
21
/ 30
22
/ 30
23
/ 30
24
/ 30
25
/ 30
26
/ 30
27
/ 30
28
/ 30
29
/ 30
30
/ 30
More Related Content
PDF
35歳無名のシステムエンジニアが1年半でフロントエンジニアになるために行った3つの成長戦略
by
Mitsuru Ogawa
PDF
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
by
Mitsuru Ogawa
PDF
AngularJSで業務システムUI部品化
by
Toshio Ehara
PDF
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
by
Mitsuru Ogawa
PDF
Angularおじさんの1年
by
Hayashi Yuichi
PDF
これからフロントエンジニアを目指すあなたへ
by
Mitsuru Ogawa
PDF
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
by
Mitsuru Ogawa
PDF
エンタープライヤーのためのWeb Componentsハンズオン
by
Mitsuru Ogawa
35歳無名のシステムエンジニアが1年半でフロントエンジニアになるために行った3つの成長戦略
by
Mitsuru Ogawa
メンテナンス性の良いWebシステムを構築するためにjavaとフロントエンドでやるべきこと
by
Mitsuru Ogawa
AngularJSで業務システムUI部品化
by
Toshio Ehara
エンタープライズとHTML5〜エンタープライズでHTML5って本当に必要なのか?〜
by
Mitsuru Ogawa
Angularおじさんの1年
by
Hayashi Yuichi
これからフロントエンジニアを目指すあなたへ
by
Mitsuru Ogawa
今後のWeb開発の未来を考えてangular jsにしました(拡大版)
by
Mitsuru Ogawa
エンタープライヤーのためのWeb Componentsハンズオン
by
Mitsuru Ogawa
What's hot
PPTX
Angular js開発事例
by
Shun Takeyama
PDF
MVPの軌跡と実現したい世界観 『 誰もが自動化に取り組む未来 』
by
JunShiomi
PDF
開発を効率的に進めるられるまでの道程
by
Takao Sumitomo
PDF
老舗大企業からスタートアップへの挑戦
by
GuildWorks
PDF
アジャイル開発導入のためにやってきたこと
by
Arata Fujimura
PDF
完全版:「UI自動テストツールとAI」〜AIを使った自動テストの「今」と「未来」〜
by
Nozomi Ito
PDF
いい感じのフロントエンド開発環境を作ってみた
by
Hayashi Yuichi
PDF
はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)
by
Tomoyuki Sugita
PPTX
事業会社で働くエンジニアのマインドセット - DevLOVE関西
by
Tomoyuki Sugita
PDF
エンジニア採用ヤバイ! PHPカンファレンス関西 懇親会LT
by
Tomoyuki Sugita
PPT
Roo
by
terahide
PDF
LIGにおけるフロントエンドチーム構築
by
Hayashi Yuichi
PDF
ポストJenkins時代のCI戦略
by
GuildWorks
PDF
テストがあればなんとかなる〜効率化までの道程〜
by
Takao Sumitomo
PDF
最速でリリースするためのAndroidアプリデザイン
by
Naoki Aoyama
PDF
ギルドワークスの現場コーチ
by
GuildWorks
PDF
noteをAngularJSで構築した話
by
Kon Yuichi
PDF
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
by
Horiguchi Seito
PDF
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
by
Fumiya Sakai
PDF
今後のWeb開発の未来を考えてangularJSにしました
by
Mitsuru Ogawa
Angular js開発事例
by
Shun Takeyama
MVPの軌跡と実現したい世界観 『 誰もが自動化に取り組む未来 』
by
JunShiomi
開発を効率的に進めるられるまでの道程
by
Takao Sumitomo
老舗大企業からスタートアップへの挑戦
by
GuildWorks
アジャイル開発導入のためにやってきたこと
by
Arata Fujimura
完全版:「UI自動テストツールとAI」〜AIを使った自動テストの「今」と「未来」〜
by
Nozomi Ito
いい感じのフロントエンド開発環境を作ってみた
by
Hayashi Yuichi
はじめてのチーム開発 〜失敗だらけの1年間から学んだもの(仮)
by
Tomoyuki Sugita
事業会社で働くエンジニアのマインドセット - DevLOVE関西
by
Tomoyuki Sugita
エンジニア採用ヤバイ! PHPカンファレンス関西 懇親会LT
by
Tomoyuki Sugita
Roo
by
terahide
LIGにおけるフロントエンドチーム構築
by
Hayashi Yuichi
ポストJenkins時代のCI戦略
by
GuildWorks
テストがあればなんとかなる〜効率化までの道程〜
by
Takao Sumitomo
最速でリリースするためのAndroidアプリデザイン
by
Naoki Aoyama
ギルドワークスの現場コーチ
by
GuildWorks
noteをAngularJSで構築した話
by
Kon Yuichi
超初心者でも大丈夫!AngularJSでフォームページをちょっとリッチに改造してみよう
by
Horiguchi Seito
Fundamentals of Swift & Redux (ReduxとSwiftの組み合わせ)
by
Fumiya Sakai
今後のWeb開発の未来を考えてangularJSにしました
by
Mitsuru Ogawa
Viewers also liked
PDF
SAP HANAは 単なるインメモリーデータベースじゃなくて (賢い)アプリの開発・実行プラットフォーム
by
Makoto Sugishita
PDF
Lightning Connect で外部データにリアルタイムにアクセス
by
Salesforce Developers Japan
PDF
OData って何?
by
Yoshitaka Seo
PDF
Sap fiori client_user_guide
by
Michely Stefanoski
PDF
Salesforce連携のためのOData入門
by
Shunji Konishi
PDF
夏サミB5「そろそろ社内研修を活かしませんか?」
by
フリーランス
PDF
企業におけるHTML5を⽤いたスマートデバイス向けアプリ開発
by
Kazuhiro Iguchi
PDF
モバイルアプリ開発最前線(PhoneGap)
by
Akihiro Matsumura
PDF
日本の業種別スマホアプリ事例50_スマートフォンアプリEXPO2013資料
by
HORBAL Inc.
PDF
[Developers Summit 2017] MicrosoftのAI開発機能/サービス
by
Naoki (Neo) SATO
SAP HANAは 単なるインメモリーデータベースじゃなくて (賢い)アプリの開発・実行プラットフォーム
by
Makoto Sugishita
Lightning Connect で外部データにリアルタイムにアクセス
by
Salesforce Developers Japan
OData って何?
by
Yoshitaka Seo
Sap fiori client_user_guide
by
Michely Stefanoski
Salesforce連携のためのOData入門
by
Shunji Konishi
夏サミB5「そろそろ社内研修を活かしませんか?」
by
フリーランス
企業におけるHTML5を⽤いたスマートデバイス向けアプリ開発
by
Kazuhiro Iguchi
モバイルアプリ開発最前線(PhoneGap)
by
Akihiro Matsumura
日本の業種別スマホアプリ事例50_スマートフォンアプリEXPO2013資料
by
HORBAL Inc.
[Developers Summit 2017] MicrosoftのAI開発機能/サービス
by
Naoki (Neo) SATO
More from Mitsuru Ogawa
PDF
HTML5とOSSで作るブラウザで簡単顔認識
by
Mitsuru Ogawa
PDF
オフラインWeb 今どきのデータ永続化事情
by
Mitsuru Ogawa
PDF
React+TypeScriptもいいぞ
by
Mitsuru Ogawa
PDF
Lightningコンポーネント事始め
by
Mitsuru Ogawa
PDF
ゆるふわCSS3
by
Mitsuru Ogawa
PPTX
Webアプリケーションセキュリティ ディスカッション資料
by
Mitsuru Ogawa
PDF
業務系WebアプリケーションがStrutsから旅立つ日
by
Mitsuru Ogawa
PDF
賢くツールを使って脱人海戦術駆動テスト
by
Mitsuru Ogawa
PDF
ゆるふわWoT&firefoxOS体験記
by
Mitsuru Ogawa
PDF
Enja OSSやってます
by
Mitsuru Ogawa
PDF
Angular2 rc.1 unit testing overview
by
Mitsuru Ogawa
HTML5とOSSで作るブラウザで簡単顔認識
by
Mitsuru Ogawa
オフラインWeb 今どきのデータ永続化事情
by
Mitsuru Ogawa
React+TypeScriptもいいぞ
by
Mitsuru Ogawa
Lightningコンポーネント事始め
by
Mitsuru Ogawa
ゆるふわCSS3
by
Mitsuru Ogawa
Webアプリケーションセキュリティ ディスカッション資料
by
Mitsuru Ogawa
業務系WebアプリケーションがStrutsから旅立つ日
by
Mitsuru Ogawa
賢くツールを使って脱人海戦術駆動テスト
by
Mitsuru Ogawa
ゆるふわWoT&firefoxOS体験記
by
Mitsuru Ogawa
Enja OSSやってます
by
Mitsuru Ogawa
Angular2 rc.1 unit testing overview
by
Mitsuru Ogawa
国内初事例に学ぶSAPUI5
1.
国内初事例に学ぶSAPUI5 平成26年2月28日(金) 技術研究所 html5jエンタープライズ部 小川充
2.
自己紹介 小川 充(おがわ みつる)! フロントエンジニア! 株式会社クレスコ 技術研究所 プロフィール 2012年よりHTML5の可能性に魅了されてフロントエンジニアへ転身。それ以来、エン タープライズ領域でのHTML5本格適用を見据えて、システム開発の現場と進化するフロ ントエンド技術をいかに融合させるかをテーマに社内外で活動している。 html5jエンタープライズ部! 参加! コミュニティ • 5,500名を有する国内最大のオープンWeb技術者コミュニティ(html5j)の中から、高い知識を有したSI所属のフロントエンジニ アが集結したサブグループ! • 2013年は、Microsoft、Oracle、XenophyなどWeb技術の発展に貢献する団体/企業などと巻き込み10回以上のイベントを開催、高 い集客力と3割近いリピータ率を誇る。 •2013年11月 JJUG(日本Javaユーザグループ)CCC
Fall 2013! 講演、その他 • 2014年2月 Developer Summit 2014 Enterprise TED! • その他、Javascriptフレームワークなどのオープンソースドキュメントの翻訳多数 All Rights Reserved. Copyright ⓒ
3.
弊社紹介(ちょっとだけ) 株式会社クレスコ SIerです。最近にわかにBTL(Beacon)で注目されています。 All Rights Reserved.
Copyright ⓒ
4.
構築時の苦労話をふまえて、! SAPユーザがSAPUI5を使うべき理由! についてお話します。 今日は! オープンな立場です All Rights Reserved.
Copyright ⓒ
5.
事例紹介 All Rights Reserved.
Copyright ⓒ
6.
またまた少し宣伝・・・ 2014/02/12! プレスリリース http://www.cresco.co.jp/news/newsr/2014/140212_corp.pdf All Rights Reserved.
Copyright ⓒ
7.
事例紹介 システム構成 クライアント サーバー SAP NetWeaver ! Gateway ! SAP CRM 外回りの営業担当者が! 帰社する時間を省きたい! 既存SAP
CRM! デスクトップ画面をiPadへ移植 画面イメージ 機能! 登録、変更、検索、照会 All Rights Reserved. Copyright ⓒ
8.
開発秘話(苦労話) All Rights Reserved.
Copyright ⓒ
9.
実は、SAPUI5はオープンソースの集合体 様々なオープンソースのプロダクトを統合! jQueryベースなので! プログラム用の統一インターフェースを提供 そこまで難しくない! と思った。! (第一印象) SAPUI5 jQuery D3.js URI.js jQuery Mobile jQueryUI requireJS handlebars.js DataJS Zynga Scroller punycode.js sinon.js crossroads.js MobiScroll LESS etc… All
Rights Reserved. Copyright ⓒ
10.
開発秘話(苦労話1) できることが! SAPUI5の! 多すぎて迷う 独自の世界観 Javascriptの! 使いこなすまでの! 実装量が多い 道のりが長い All Rights Reserved.
Copyright ⓒ
11.
開発秘話(苦労話2) iOS7のため途中で! バージョンアップ!! 1.14▶︎1.18 バグもそれなりに! 踏みました All Rights Reserved.
Copyright ⓒ
12.
開発秘話(苦労話3) 公式ドキュメント SCNでの問い合わせ 答えが見つからないこともしばしば・・・ All Rights Reserved.
Copyright ⓒ
13.
SAPUI5導入時の課題 日本語の情報量が増えると! 状況が変わると思います! 圧倒的! ボリューム感 使いこなせると! いい感じなんだけど・・・ 発展途上 日本語情報! 不足 習得コストが高く、扱いも難しい。! 扱える技術者が限られているという課題 All Rights Reserved.
Copyright ⓒ
14.
ここであきらめない!!! SAPUI5を使うと! どんな素晴らしい未来があるのか? 未来の話をしよう All Rights Reserved.
Copyright ⓒ
15.
マッシュアップがもたらす無限の可能性 クロスデバイス・クロスプラットフォーム対応 訪問先 案内してくれる! なんて安心 SAPUI5 SAP NetWeaver Gateway ERP CRM 様々なWebサービスを組み合わせたマッシュアップ開発が可能となり、! 業務アプリケーションに無限の可能性を与える。 All
Rights Reserved. Copyright ⓒ
16.
マッシュアップがもたらす無限の可能性 クロスデバイス・クロスプラットフォーム対応 訪問先 案内してくれる! なんて安心 オープンソース! の組み合わせでも! 実現可能 SAPUI5 SAP NetWeaver Gateway ERP CRM 様々なWebサービスを組み合わせたマッシュアップ開発が可能となり、! 業務アプリケーションに無限の可能性を与える。 All
Rights Reserved. Copyright ⓒ
17.
では、何故! オープンソースの組み合わせではなく! あえてSAPUI5を使うべきなのか? All Rights Reserved.
Copyright ⓒ
18.
エンタープライズアプリケーションの特性 未来は予測で きない • エンタープライズアプリ ケーションは使用期間が 長い! ! • その間に様々な環境の変 化に対応する必要がある。 ! ! •
もちろん安定稼働するこ とは必須。! ! 今だからこそ、求められるもの! バチカンコンクラーベ 8年前と現在の比較(NBC NEWS) 安定・持続可能 All Rights Reserved. Copyright ⓒ
19.
オープンソースはすべて自己責任 Webアプリケーション ビジネスロジック オープンソース群! jQuery! Backbone! etc… Ajaxを使った独自方式 バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
20.
オープンソースはすべて自己責任 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! etc… Ajaxを使った独自方式 クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
21.
オープンソースはすべて自己責任 Webアプリケーション 自己責任 ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム ! jQuery! Backbone! etc… Ajaxを使った独自方式 クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
22.
オープンソースはすべて自己責任 Webアプリケーション 自己責任 ビジネス環境の変化! 法改正 ビジネスロジック 塩漬け! 技術的負債! HTML5の動き! 新デバイスの登場! クロスデバイス・クロス プラットフォーム オープンソース群! ! 見積もりコスト増 jQuery! Backbone! etc… Ajaxを使った独自方式 クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
23.
SAPUI5の場合 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! etc… Ajaxを使った独自方式 クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
24.
SAPUI5の場合 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! SAPUI5 オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! オープンソース群 etc… Ajaxを使った独自方式 クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! JAX-RS! Struts! etc… All Rights Reserved.
Copyright ⓒ
25.
SAPUI5の場合 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! SAPUI5 オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! オープンソース群 etc… Ajaxを使った独自方式 クラウド化! インメモリ化! Netweaver Gateway バージョンアップ! OS入れ替え バックエンドシステム All Rights
Reserved. Copyright ⓒ
26.
SAPUI5の場合 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! SAPUI5 オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! オープンソース群 etc… Ajaxを使った独自方式 OData(標準化)! クラウド化! インメモリ化! Netweaver Gateway バージョンアップ! OS入れ替え バックエンドシステム All Rights
Reserved. Copyright ⓒ
27.
SAPUI5の場合 Webアプリケーション ビジネス環境の変化! 法改正 ビジネスロジック HTML5の動き! SAPUI5 オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム jQuery! Backbone! オープンソース群 etc… Ajaxを使った独自方式 OData(標準化)! クラウド化! インメモリ化! Netweaver Gateway バージョンアップ! OS入れ替え SAPUI5! Netweaver Gateway! で統合 バックエンドシステム All
Rights Reserved. Copyright ⓒ
28.
SAPUI5の場合 Webアプリケーション 本来の! ビジネス課題に! ビジネス環境の変化! 法改正 HTML5の動き! SAPUI5 オープンソース群! 新デバイスの登場! クロスデバイス・クロス プラットフォーム 集中できる ビジネスロジック ビジネスロジック jQuery! Backbone! オープンソース群 etc… Ajaxを使った独自方式 OData(標準化)! クラウド化! インメモリ化! バージョンアップ! OS入れ替え バックエンドシステム! Netweaver Gateway JAX-RS! Struts! バックエンドシステム etc… SAPUI5! Netweaver Gateway! で統合 All
Rights Reserved. Copyright ⓒ
29.
まとめ • HTML5時代のWebアプリケーション構築においてオープンソースの活用は必須。! • オープンソースはすべて自己責任であることを意識するべき。 エンタープライズレベルでは! 安定・持続可能なオープンソース活用が求められる SAPUI5なら • オープンソースのメリットを最大限享受しながら、フロント側はSAPUI5で統合されて いる。! • SAPUI5とバックエンドのやりとりはOdataを仲介して行うため、粗結合にできる。さ らにSAPUI5はOdataとの相互連携性が高い。! • SAP Netweaver Gatewayであれば、OdataのWebAPIを簡単に作成可能。SAPUI5と組 み合わせることで、バックエンドとも統合される。 All
Rights Reserved. Copyright ⓒ
30.
まとめ だって! 楽したいもん! バックエンドがSAPなら! フロント側はSAPUI5で決まり! ご静聴ありがとうございました。 All Rights Reserved.
Copyright ⓒ
Download