2015年8月25日に行われた Teamstudio 主催「月刊 Notes/Domino Web セミナー 8月」のスライド

1. NOTES/DOMINOアプリの
モバイル化戦略
チームスタジオジャパン株式会社
加藤 満
月刊 Notes/Domino Web セミナー 2015年8月

2. 本日のアジェンダ
 【現状】Domino Designer 標準機能でできるモバイ
ルアプリ
 【近い将来】時期リリース(9.0.2)のモバイルアプリ
 【これまでも、これからも】知らないと損するモバ
イルアプリ開発手法

3. 【現状】Domino Designer 標準機
能でできるモバイルアプリ

4. 標準モバイルコントロール

5. 標準モバイルコントロールのイン
ターフェース

6. 標準コントロール
iOS7

7. 標準モバイルコントロール
 Dojo モバイルを使用
 スマートフォン用に限定
 iOSのUIと比較すると3世代以上前のUI
 結局、Dojo にやる気を感じないし、欧米開発コミュ
ニティも三行半を突きつけた

8. 【近い将来】時期リリース(9.0.2)のモ
バイルアプリ

9. 先週行われた MWLUG 2015 App.NEXT The Future of Domino Application Development より
https://youtu.be/z3TuvmHY0_k

10. 【近い将来】時期リリース(9.0.2)のモ
バイルアプリ
 IBM Notes/Domino 9.0.2
 今年の後半に出荷される予定
 現在の OpenNTF XPages Extension Library の機能が
フィードバックを受け、日本語もされ実装されるはず
 ビッグニュースは jQuery + Bootstrap の実装されるはず

11. jQuery + Bootstrap
 jQueryはDojoに対抗するライブラリー
 http://jquery.com
 Bootstrapの前提はjQuery
 http://getbootstrap.com
 Bootstrap をベースとして数多くの派生フレームワーク
 Bootstrap は Responsive Web Design
⇒つまりデスクトップ用に作れば、スマホ／タブレットにも

12. OpenNTF XPages Extension
Library の入手とインストール
 http://extlib.openntf.org
 最新版「901v00_13.20150611-0803」
 IBM Notes/Domino 9.0.1 用
 インストール
 「OpenNTF XPages Extension Library のインストー
ル方法」Domino Designer Wiki
http://XPag.es/?1FDA

13. 既存のアプリをBootstrap仕立て
に
 「XPages Extension Library で Bootstrap と
Responsive Web Design を実装」notes/domino
liaison ブログより
http://XPag.es/?1FDE
 「XPages Extension Library で Bootstrap と
Responsive Web Design を実装 (2)」
notes/domino liasion ブログより
http://XPag.es/?1FE2

14. 既存のアプリをBootstrap仕立てに

15. 従来からある OneUI のテーマ

16. Bootstrap のテーマ適用後のデスクトップから見たアプリ

17. Responsive Web Design 対応でモバイル端末で見た場合

18. 【これまでも、これからも】知らない
と損するモバイルアプリ開発手法

19. 【これまでも、これからも】知らない
と損するモバイルアプリ開発手法
 モバイル化したいデータベースにフレームワーク
(js+css)を実装する
 8.5.3以降 (attributesプロパティ、tagNameプロパ
ティ によってフレームワーク実装が容易に)
 自分で探してきたフレームワークを利用する

20. XControls

21. XControls とは？
 IBM Notes/Domino の XPages 開発専用のフレームワーク
 Teamstudio がイニシアチブをもって公開するオープンソース
 あらゆるデバイスにフィットする Web UI を提供
 デスクトップ
 スマートフォン
 タブレット
 XPages 開発専用
 Notes/Domino 8.5.3 以降
 Dojo の使用はなし
 HTML/CSS/JS を自分自身で拡張可能
 情報をカード形式で表示

22. XControlsを構成するリソース
jQuery
Bootstrap
Bootcards
XControls
XPages
専用
Font
Awesome
JS+
CSS
JS+
CSS
JS+
CSS
XPages/
カスタム
コント
ロール

23. XControlsの入手方法
 http://jp.teamstudio.com/resources/product-
downloads
 製品ダウンロード

26. XControlsの中身

27. XControlsのサンプルデータベース
で遊んでみる
 XControlsSampler_<バージョン番号>.nsf
 現時点での最新バージョンは1.5 (2015年8月10日時点)
 使用する前に、すべての設計に署名

28. XControls DEMO

29.  MDAP キャンペーン 2015年9月末日まで
 http://jp.teamstudio.com/modernization-
campaign-0
 開発を無料でサポートするコンサルティングサービス
 Webブラウザ、モバイル環境に対応する開発をサポー
ト

30. ご静聴ありがとうございました
 ご質問をお受けします。Webexの「QAパネル」からどうぞ
 セッション退席後のアンケートにご忌憚のないご意見、ご希望を