NotesDominoアプリのモバイル化戦略

#notespartnersolutionseminarandnotesconsortium20anniversaryopenseminar
Notes/Dominoアプリの
モバイル化戦略
チームスタジオジャパン株式会社
加藤 満
„
【現状】Domino Designer 標準機能でできるモバイ
ルアプリ
„
【近い将来】時期リリース(9.0.2)のモバイルアプリ
„
【これまでも、これからも】知らないと損するモバ
イルアプリ開発⼿法
本⽇のアジェンダ
【現状】Domino Designer 標準機
能でできるモバイルアプリ
標準モバイルコントロール
標準モバイルコントロールのイン
ターフェース
iOS7
標準コントロール
„
Dojo モバイルを使⽤
„
スマートフォン⽤に限定
„
iOSのUIと⽐較すると3世代以上前のUI
„
結局、Dojo にやる気を感じないし、欧⽶開発コミュ
ニティも三⾏半を突きつけた
標準モバイルコントロール
【近い将来】時期リリース(9.0.2)のモ
バイルアプリ
今年の夏⾏われた MWLUG 2015 App.NEXT The Future of Domino Application Development より
https://youtu.be/z3TuvmHY0_k
„
IBM Notes/Domino 9.0.2
„
来年前半に出荷される予定
„
現在の OpenNTF XPages Extension Library の機能が
フィードバックを受け、⽇本語もされ実装されるはず
„
ビッグニュースは jQuery + Bootstrap の実装されるはず
【近い将来】時期リリース(9.0.2)のモ
バイルアプリ
„
jQueryはDojoに対抗するライブラリー
„
„
http://jquery.com
Bootstrapの前提はjQuery
„
http://getbootstrap.com
„
Bootstrap をベースとして数多くの派⽣フレームワーク
„
Bootstrap は Responsive Web Design
⇒つまりデスクトップ⽤に作れば、スマホ/タブレットにも
jQuery + Bootstrap
„
„
http://extlib.openntf.org
„
最新版「901v00_15.20151016-0826」
„
IBM Notes/Domino 9.0.1 ⽤
インストール
„
「OpenNTF XPages Extension Library のインストー
ル⽅法」Domino Designer Wiki
http://XPag.es/?1FDA
OpenNTF XPages Extension
Library の⼊⼿とインストール
„
「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
既存のアプリをBootstrap仕⽴て
に
既存のアプリをBootstrap仕⽴てに
従来からある OneUI のテーマ
Bootstrap のテーマ適⽤後のデスクトップから⾒たアプリ
Responsive Web Design 対応でモバイル端末で⾒た場合
【これまでも、これからも】知らない
と損するモバイルアプリ開発⼿法
„
モバイル化したいデータベースにフレームワーク
(js+css)を実装する
„
8.5.3以降 (attributesプロパティ、tagNameプロパ
ティ によってフレームワーク実装が容易に)
„
⾃分で探してきたフレームワークを利⽤する
【これまでも、これからも】知らない
と損するモバイルアプリ開発⼿法
XControls
„ IBM Notes/Domino の XPages 開発専⽤のフレームワーク
„
Teamstudio がイニシアチブをもって公開するオープンソース
„ あらゆるデバイスにフィットする Web UI を提供
„
デスクトップ
„
スマートフォン
„
タブレット
„ XPages 開発専⽤
„
Notes/Domino 8.5.3 以降
„
Dojo の使⽤はなし
„
HTML/CSS/JS を⾃分⾃⾝で拡張可能
„ 情報をカード形式で表⽰
XControls とは?
XPages
専⽤
XControls
Bootcards
Font
Awesome
XPages/
カスタム
コント
ロール
JS+
CSS
Bootstrap
JS+
CSS
jQuery
JS+
CSS
XControlsを構成するリソース
„
http://jp.teamstudio.com/resources/productdownloads
„
製品ダウンロード
XControlsの⼊⼿⽅法
XControlsの中⾝
„
XControlsSampler_<バージョン番号>.nsf
„
現時点での最新バージョンは1.5 (2015年8⽉10⽇時点)
„
使⽤する前に、すべての設計に署名
XControlsのサンプルデータベース
で遊んでみる
XControls DEMO
ご静聴ありがとうございました