©	
  2014	
  IBM	
  Corpora/on	
  
⽇日本アイ・ビー・エム株式会社
ソフトウェア開発研究所
IBM  Collaboration  Solutions  製品開発
佐藤  淳  (acchan@jp.ibm.com)
XPagesならできる!
B2EのWeb&モバイル社内アプリケーション速攻開発  
〜~  XPages  でモバイル・アプリを作ってみよう  〜~  
©	
  2014	
  IBM	
  Corpora/on	
  
2	
  
©	
  2014	
  IBM	
  Corpora/on	
  
©	
  2014	
  IBM	
  Corpora/on	
  
3	
  
©	
  2014	
  IBM	
  Corpora/on	
  
56  億台
個⼈人で購⼊入
された
デバイス
1  兆台
接続された
デバイス
41%  成⻑⾧長率率率    
ウェアラブル
ワイヤレス
デバイス
2013 2014 2015
©	
  2014	
  IBM	
  Corpora/on	
  
4	
  
©	
  2014	
  IBM	
  Corpora/on	
  
1兆台???
Σ(=゚ω゚=;)  マジ!
©	
  2014	
  IBM	
  Corpora/on	
  
5	
  
©	
  2014	
  IBM	
  Corpora/on	
  
62%  
業務関連の
メール処理理
47%  
ドキュメントの
読み書き
41%  
業務アプリの利利⽤用
モバイルデバイスで業務を⾏行行うのは当たり前に…
©	
  2014	
  IBM	
  Corpora/on	
  
6	
  
©	
  2014	
  IBM	
  Corpora/on	
  
41%  
業務アプリの利利⽤用
どうやって
作るのよ?
©	
  2014	
  IBM	
  Corpora/on	
  
7	
  
©	
  2014	
  IBM	
  Corpora/on	
  
Industry  Solutions
IBM  &  Partner  Applications
Banking Insurance Transport Telecom GovernmentRetail Healthcare Automotive
Application  &  Data  Platform
Strategy  &  Design  Services
Cloud  &  Managed  Services
Devices Network Servers
Development  &  Integration  
Services
Management AnalyticsSecurity
Offering  Portfolio
©	
  2014	
  IBM	
  Corpora/on	
  
8	
  
©	
  2014	
  IBM	
  Corpora/on	
  
©	
  2014	
  IBM	
  Corpora/on	
  
9	
  
©	
  2014	
  IBM	
  Corpora/on	
  
業務
アプリケーション
モバイルアクセス
サービス
API
API
Web
Web  アプリケーション
ネイティブ  /  ハイブリッド
アプリケーション
Web  
ブラウザ
専⽤用
アプリ
©	
  2014	
  IBM	
  Corpora/on	
  
10	
  
©	
  2014	
  IBM	
  Corpora/on	
  
Industry  Solutions
IBM  &  Partner  Applications
Banking Insurance Transport Telecom GovernmentRetail Healthcare Automotive
Application  &  Data  Platform
Strategy  &  Design  Services
Cloud  &  Managed  Services
Devices Network Servers
Development  &  Integration  
Services
Management AnalyticsSecurity
Offering  Portfolio
IBM  Notes/Domino
©	
  2014	
  IBM	
  Corpora/on	
  
11	
  
©	
  2014	
  IBM	
  Corpora/on	
  
IBM  Notes
アプリケーション
IBM  Domino  9.0.x
Social  Edition
Domino
データサービス
XPages
Web  アプリケーション
ネイティブ  /  ハイブリッド
アプリケーション
Web  
ブラウザ
専⽤用
アプリ
©	
  2014	
  IBM	
  Corpora/on	
  
12	
  
©	
  2014	
  IBM	
  Corpora/on	
  
IBM  Notes
アプリケーション
IBM  Domino  9.0.x
Social  Edition
Domino
データサービス
XPages
Web  アプリケーション
ネイティブ  /  ハイブリッド
アプリケーション
Web  
ブラウザ
専⽤用
アプリ
©	
  2014	
  IBM	
  Corpora/on	
  
13	
  
©	
  2014	
  IBM	
  Corpora/on	
  
http://www.atmarkit.co.jp/fjava/rensai4/xpages01/01.html
©	
  2014	
  IBM	
  Corpora/on	
  
14	
  
©	
  2014	
  IBM	
  Corpora/on	
  
Web  技術で  Notes/Domino  アプリに
新たなユーザーインタフェースを実現
©	
  2014	
  IBM	
  Corpora/on	
  
15	
  
©	
  2014	
  IBM	
  Corpora/on	
  
Responsive  Web  Design
©	
  2014	
  IBM	
  Corpora/on	
  
16	
  
©	
  2014	
  IBM	
  Corpora/on	
  
Collaboration  Today  じゃぱ〜~〜~ん!
http://ja.collaborationtoday.info/  
©	
  2014	
  IBM	
  Corpora/on	
  
17	
  
©	
  2014	
  IBM	
  Corpora/on	
  
http://bootstrap4xpages.openntf.org/
アプリケーションのテーマ
•  bootstrapv3.0.0
•  bootstrapv2.3.2r
©	
  2014	
  IBM	
  Corpora/on	
  
18	
  
©	
  2014	
  IBM	
  Corpora/on	
  
XPages  -‐‑‒  モバイルコントロール
モバイルアプリを
作成するための
専⽤用  UI  パーツ
©	
  2014	
  IBM	
  Corpora/on	
  
19	
  
©	
  2014	
  IBM	
  Corpora/on	
  
アプリページ  1
(メインメニュー)
アプリページ  2
(⼀一覧画⾯面)
アプリページ  3
(詳細画⾯面)
単⼀一ページアプリ
ページ  1
ページ  2
ページ  3
©	
  2014	
  IBM	
  Corpora/on	
  
20	
  
©	
  2014	
  IBM	
  Corpora/on	
  
XPages  (XSP)
アプリケーションページ  2
…
アプリケーションページ  1
単⼀一ページアプリケーション
ページ⾒見見出し
タブバー
タブバーボタン
⾏行行表⽰示項⽬目
⾓角を丸くしたリスト
⾓角を丸くしたリスト項⽬目
切切り替えスイッチ
切切り替えスイッチ
ページ⾒見見出し
タブバー  &  タブバーボタン
⾓角を丸くしたリスト項⽬目
⾓角を丸くしたリスト
©	
  2014	
  IBM	
  Corpora/on	
  
21	
  
©	
  2014	
  IBM	
  Corpora/on	
  
©	
  2014	
  IBM	
  Corpora/on	
  
22	
  
©	
  2014	
  IBM	
  Corpora/on	
  
IBM  Notes
アプリケーション
IBM  Domino  9.0.x
Social  Edition
Domino
データサービス
XPages
Web  アプリケーション
ネイティブ  /  ハイブリッド
アプリケーション
Web  
ブラウザ
専⽤用
アプリ
©	
  2014	
  IBM	
  Corpora/on	
  
23	
  
©	
  2014	
  IBM	
  Corpora/on	
  
GET  /api/data
Domino
データサービス
[
    {
            "@title":"Administration  Requests",
            "@filepath":"admin4.nsf",
            "@replicaid":"852573910361A2F4",
            "@template":"StdR4AdminRequests",
            "@href":"http://zealand.xyz.com:80/admin4.nsf/
api/data/collections"
    },
…
]
200
Domino  データサービス
http://www.atmarkit.co.jp/ait/articles/1304/22/news014.html
©	
  2014	
  IBM	
  Corpora/on	
  
24	
  
©	
  2014	
  IBM	
  Corpora/on	
  
!
Domino  データサービス
IBM  Notes  アプリ
!
©	
  2014	
  IBM	
  Corpora/on	
  
25	
  
©	
  2014	
  IBM	
  Corpora/on	
  
モバイル市場はいまだに成⻑⾧長傾向にあり
ビジネスシーンでの利利⽤用シーンも増えてきている
IBM  MobileFirst  オファリングの中に
IBM  Notes/Domino  も含まれモバイル対応機能を提供  
XPages  や  Domino  データサービスを利利⽤用することで
IBM  Notes  アプリケーションも効率率率的にモバイル対応可能
©	
  2014	
  IBM	
  Corpora/on	
  
26	
  
©	
  2014	
  IBM	
  Corpora/on	
  
早速作って
みるぞ!
©	
  2014	
  IBM	
  Corpora/on	
  
27	
  
©	
  2014	
  IBM	
  Corpora/on	
  
参考資料料
•  Lotus  Notes  and  Domino  Application  Development  Wiki
-  http://bit.ly/yMKSx2
•  モバイルコントロールのチュートリアル
-  http://bit.ly/xnWdbG
•  Domino  データサービスのリファレンス
-  http://bit.ly/zkSca1
•  ICS  Dev  Japan  Team  Blog
-  http://ibm.co/BPTEBLOG
•  ICS  Dev  Japan  Twitter
-  https://twitter.com/Lotus_̲BPTE
©	
  2014	
  IBM	
  Corpora/on	
  
28	
  
©	
  2014	
  IBM	
  Corpora/on	
  
http://qa.xpages.jp/
こまった時は  Q&A  を利利⽤用してください!
©	
  2014	
  IBM	
  Corpora/on	
  
29	
  
©	
  2014	
  IBM	
  Corpora/on	
  
•  XPages  Extension  Library  Japan
•  http://bit.ly/WS5FTP  
•  デモサイト
•  http://www.xpages.jp/  
•  Facebook  ファンページ
•  https://www.facebook.com/extlibj  
•  Twitter  アカウント
•  https://twitter.com/ExtLibJapan  
•  IBM  Notes  and  Domino  Application  Development  wiki
•  ⽇日本語カテゴリ
•  http://bit.ly/1lK1ECy  
©	
  2014	
  IBM	
  Corpora/on	
  
30	
  
©	
  2014	
  IBM	
  Corpora/on	
  
	
ワークショップ、セッション、および資料は、IBMまたはセッション発表者によって準備され、それぞれ独自の見解を反映したものです。それらは情報提供の目的のみで提供されており、いかなる参加
者に対しても法律的またはその他の指導や助言を意図したものではなく、またそのような結果を生むものでもありません。本講演資料に含まれている情報については、完全性と正確性を期するよう
努力しましたが、「現状のまま」提供され、明示または暗示にかかわらずいかなる保証も伴わないものとします。本講演資料またはその他の資料の使用によって、あるいはその他の関連によって、い
かなる損害が生じた場合も、IBMは責任を負わないものとします。 本講演資料に含まれている内容は、IBMまたはそのサプライヤーやライセンス交付者からいかなる保証または表明を引きだすこと
を意図したものでも、IBMソフトウェアの使用を規定する適用ライセンス契約の条項を変更することを意図したものでもなく、またそのような結果を生むものでもありません。	
	
本講演資料でIBM製品、プログラム、またはサービスに言及していても、IBMが営業活動を行っているすべての国でそれらが使用可能であることを暗示するものではありません。本講演資料で言及し
ている製品リリース日付や製品機能は、市場機会またはその他の要因に基づいてIBM独自の決定権をもっていつでも変更できるものとし、いかなる方法においても将来の製品または機能が使用可
能になると確約することを意図したものではありません。本講演資料に含まれている内容は、参加者が開始する活動によって特定の販売、売上高の向上、またはその他の結果が生じると述べる、ま
たは暗示することを意図したものでも、またそのような結果を生むものでもありません。 パフォーマンスは、管理された環境において標準的なIBMベンチマークを使用した測定と予測に基づいていま
す。ユーザーが経験する実際のスループットやパフォーマンスは、ユーザーのジョブ・ストリームにおけるマルチプログラミングの量、入出力構成、ストレージ構成、および処理されるワークロードなど
の考慮事項を含む、数多くの要因に応じて変化します。したがって、個々のユーザーがここで述べられているものと同様の結果を得られると確約するものではありません。	
	
記述されているすべてのお客様事例は、それらのお客様がどのようにIBM製品を使用したか、またそれらのお客様が達成した結果の実例として示されたものです。実際の環境コストおよびパフォー
マンス特性は、お客様ごとに異なる場合があります。	
	
IBM、IBM ロゴ、ibm.com、Domino、Lotus、Notesは、世界の多くの国で登録されたInternational Business Machines Corporationの商標です。	
他の製品名およびサービス名等は、それぞれIBMまたは各社の商標である場合があります。	
現時点での IBM の商標リストについては、www.ibm.com/legal/copytrade.shtmlをご覧ください。

Mobile Application Development by XPages

  • 1.
    ©  2014  IBM  Corpora/on   ⽇日本アイ・ビー・エム株式会社 ソフトウェア開発研究所 IBM  Collaboration  Solutions  製品開発 佐藤  淳  (acchan@jp.ibm.com) XPagesならできる! B2EのWeb&モバイル社内アプリケーション速攻開発   〜~  XPages  でモバイル・アプリを作ってみよう  〜~  
  • 2.
    ©  2014  IBM  Corpora/on   2   ©  2014  IBM  Corpora/on  
  • 3.
    ©  2014  IBM  Corpora/on   3   ©  2014  IBM  Corpora/on   56  億台 個⼈人で購⼊入 された デバイス 1  兆台 接続された デバイス 41%  成⻑⾧長率率率     ウェアラブル ワイヤレス デバイス 2013 2014 2015
  • 4.
    ©  2014  IBM  Corpora/on   4   ©  2014  IBM  Corpora/on   1兆台??? Σ(=゚ω゚=;)  マジ!
  • 5.
    ©  2014  IBM  Corpora/on   5   ©  2014  IBM  Corpora/on   62%   業務関連の メール処理理 47%   ドキュメントの 読み書き 41%   業務アプリの利利⽤用 モバイルデバイスで業務を⾏行行うのは当たり前に…
  • 6.
    ©  2014  IBM  Corpora/on   6   ©  2014  IBM  Corpora/on   41%   業務アプリの利利⽤用 どうやって 作るのよ?
  • 7.
    ©  2014  IBM  Corpora/on   7   ©  2014  IBM  Corpora/on   Industry  Solutions IBM  &  Partner  Applications Banking Insurance Transport Telecom GovernmentRetail Healthcare Automotive Application  &  Data  Platform Strategy  &  Design  Services Cloud  &  Managed  Services Devices Network Servers Development  &  Integration   Services Management AnalyticsSecurity Offering  Portfolio
  • 8.
    ©  2014  IBM  Corpora/on   8   ©  2014  IBM  Corpora/on  
  • 9.
    ©  2014  IBM  Corpora/on   9   ©  2014  IBM  Corpora/on   業務 アプリケーション モバイルアクセス サービス API API Web Web  アプリケーション ネイティブ  /  ハイブリッド アプリケーション Web   ブラウザ 専⽤用 アプリ
  • 10.
    ©  2014  IBM  Corpora/on   10   ©  2014  IBM  Corpora/on   Industry  Solutions IBM  &  Partner  Applications Banking Insurance Transport Telecom GovernmentRetail Healthcare Automotive Application  &  Data  Platform Strategy  &  Design  Services Cloud  &  Managed  Services Devices Network Servers Development  &  Integration   Services Management AnalyticsSecurity Offering  Portfolio IBM  Notes/Domino
  • 11.
    ©  2014  IBM  Corpora/on   11   ©  2014  IBM  Corpora/on   IBM  Notes アプリケーション IBM  Domino  9.0.x Social  Edition Domino データサービス XPages Web  アプリケーション ネイティブ  /  ハイブリッド アプリケーション Web   ブラウザ 専⽤用 アプリ
  • 12.
    ©  2014  IBM  Corpora/on   12   ©  2014  IBM  Corpora/on   IBM  Notes アプリケーション IBM  Domino  9.0.x Social  Edition Domino データサービス XPages Web  アプリケーション ネイティブ  /  ハイブリッド アプリケーション Web   ブラウザ 専⽤用 アプリ
  • 13.
    ©  2014  IBM  Corpora/on   13   ©  2014  IBM  Corpora/on   http://www.atmarkit.co.jp/fjava/rensai4/xpages01/01.html
  • 14.
    ©  2014  IBM  Corpora/on   14   ©  2014  IBM  Corpora/on   Web  技術で  Notes/Domino  アプリに 新たなユーザーインタフェースを実現
  • 15.
    ©  2014  IBM  Corpora/on   15   ©  2014  IBM  Corpora/on   Responsive  Web  Design
  • 16.
    ©  2014  IBM  Corpora/on   16   ©  2014  IBM  Corpora/on   Collaboration  Today  じゃぱ〜~〜~ん! http://ja.collaborationtoday.info/  
  • 17.
    ©  2014  IBM  Corpora/on   17   ©  2014  IBM  Corpora/on   http://bootstrap4xpages.openntf.org/ アプリケーションのテーマ •  bootstrapv3.0.0 •  bootstrapv2.3.2r
  • 18.
    ©  2014  IBM  Corpora/on   18   ©  2014  IBM  Corpora/on   XPages  -‐‑‒  モバイルコントロール モバイルアプリを 作成するための 専⽤用  UI  パーツ
  • 19.
    ©  2014  IBM  Corpora/on   19   ©  2014  IBM  Corpora/on   アプリページ  1 (メインメニュー) アプリページ  2 (⼀一覧画⾯面) アプリページ  3 (詳細画⾯面) 単⼀一ページアプリ ページ  1 ページ  2 ページ  3
  • 20.
    ©  2014  IBM  Corpora/on   20   ©  2014  IBM  Corpora/on   XPages  (XSP) アプリケーションページ  2 … アプリケーションページ  1 単⼀一ページアプリケーション ページ⾒見見出し タブバー タブバーボタン ⾏行行表⽰示項⽬目 ⾓角を丸くしたリスト ⾓角を丸くしたリスト項⽬目 切切り替えスイッチ 切切り替えスイッチ ページ⾒見見出し タブバー  &  タブバーボタン ⾓角を丸くしたリスト項⽬目 ⾓角を丸くしたリスト
  • 21.
    ©  2014  IBM  Corpora/on   21   ©  2014  IBM  Corpora/on  
  • 22.
    ©  2014  IBM  Corpora/on   22   ©  2014  IBM  Corpora/on   IBM  Notes アプリケーション IBM  Domino  9.0.x Social  Edition Domino データサービス XPages Web  アプリケーション ネイティブ  /  ハイブリッド アプリケーション Web   ブラウザ 専⽤用 アプリ
  • 23.
    ©  2014  IBM  Corpora/on   23   ©  2014  IBM  Corpora/on   GET  /api/data Domino データサービス [    {            "@title":"Administration  Requests",            "@filepath":"admin4.nsf",            "@replicaid":"852573910361A2F4",            "@template":"StdR4AdminRequests",            "@href":"http://zealand.xyz.com:80/admin4.nsf/ api/data/collections"    }, … ] 200 Domino  データサービス http://www.atmarkit.co.jp/ait/articles/1304/22/news014.html
  • 24.
    ©  2014  IBM  Corpora/on   24   ©  2014  IBM  Corpora/on   ! Domino  データサービス IBM  Notes  アプリ !
  • 25.
    ©  2014  IBM  Corpora/on   25   ©  2014  IBM  Corpora/on   モバイル市場はいまだに成⻑⾧長傾向にあり ビジネスシーンでの利利⽤用シーンも増えてきている IBM  MobileFirst  オファリングの中に IBM  Notes/Domino  も含まれモバイル対応機能を提供   XPages  や  Domino  データサービスを利利⽤用することで IBM  Notes  アプリケーションも効率率率的にモバイル対応可能
  • 26.
    ©  2014  IBM  Corpora/on   26   ©  2014  IBM  Corpora/on   早速作って みるぞ!
  • 27.
    ©  2014  IBM  Corpora/on   27   ©  2014  IBM  Corpora/on   参考資料料 •  Lotus  Notes  and  Domino  Application  Development  Wiki -  http://bit.ly/yMKSx2 •  モバイルコントロールのチュートリアル -  http://bit.ly/xnWdbG •  Domino  データサービスのリファレンス -  http://bit.ly/zkSca1 •  ICS  Dev  Japan  Team  Blog -  http://ibm.co/BPTEBLOG •  ICS  Dev  Japan  Twitter -  https://twitter.com/Lotus_̲BPTE
  • 28.
    ©  2014  IBM  Corpora/on   28   ©  2014  IBM  Corpora/on   http://qa.xpages.jp/ こまった時は  Q&A  を利利⽤用してください!
  • 29.
    ©  2014  IBM  Corpora/on   29   ©  2014  IBM  Corpora/on   •  XPages  Extension  Library  Japan •  http://bit.ly/WS5FTP   •  デモサイト •  http://www.xpages.jp/   •  Facebook  ファンページ •  https://www.facebook.com/extlibj   •  Twitter  アカウント •  https://twitter.com/ExtLibJapan   •  IBM  Notes  and  Domino  Application  Development  wiki •  ⽇日本語カテゴリ •  http://bit.ly/1lK1ECy  
  • 30.
    ©  2014  IBM  Corpora/on   30   ©  2014  IBM  Corpora/on   ワークショップ、セッション、および資料は、IBMまたはセッション発表者によって準備され、それぞれ独自の見解を反映したものです。それらは情報提供の目的のみで提供されており、いかなる参加 者に対しても法律的またはその他の指導や助言を意図したものではなく、またそのような結果を生むものでもありません。本講演資料に含まれている情報については、完全性と正確性を期するよう 努力しましたが、「現状のまま」提供され、明示または暗示にかかわらずいかなる保証も伴わないものとします。本講演資料またはその他の資料の使用によって、あるいはその他の関連によって、い かなる損害が生じた場合も、IBMは責任を負わないものとします。 本講演資料に含まれている内容は、IBMまたはそのサプライヤーやライセンス交付者からいかなる保証または表明を引きだすこと を意図したものでも、IBMソフトウェアの使用を規定する適用ライセンス契約の条項を変更することを意図したものでもなく、またそのような結果を生むものでもありません。 本講演資料でIBM製品、プログラム、またはサービスに言及していても、IBMが営業活動を行っているすべての国でそれらが使用可能であることを暗示するものではありません。本講演資料で言及し ている製品リリース日付や製品機能は、市場機会またはその他の要因に基づいてIBM独自の決定権をもっていつでも変更できるものとし、いかなる方法においても将来の製品または機能が使用可 能になると確約することを意図したものではありません。本講演資料に含まれている内容は、参加者が開始する活動によって特定の販売、売上高の向上、またはその他の結果が生じると述べる、ま たは暗示することを意図したものでも、またそのような結果を生むものでもありません。 パフォーマンスは、管理された環境において標準的なIBMベンチマークを使用した測定と予測に基づいていま す。ユーザーが経験する実際のスループットやパフォーマンスは、ユーザーのジョブ・ストリームにおけるマルチプログラミングの量、入出力構成、ストレージ構成、および処理されるワークロードなど の考慮事項を含む、数多くの要因に応じて変化します。したがって、個々のユーザーがここで述べられているものと同様の結果を得られると確約するものではありません。 記述されているすべてのお客様事例は、それらのお客様がどのようにIBM製品を使用したか、またそれらのお客様が達成した結果の実例として示されたものです。実際の環境コストおよびパフォー マンス特性は、お客様ごとに異なる場合があります。 IBM、IBM ロゴ、ibm.com、Domino、Lotus、Notesは、世界の多くの国で登録されたInternational Business Machines Corporationの商標です。 他の製品名およびサービス名等は、それぞれIBMまたは各社の商標である場合があります。 現時点での IBM の商標リストについては、www.ibm.com/legal/copytrade.shtmlをご覧ください。