Notes Dominoアプリのモバイル化戦略

NOTES/DOMINO アプリのモバイル化戦略チームスタジオジャパン株式会社加藤 満

月刊 Notes/Domino Web セミナー 2015 年 8 月

本日のアジェンダ

【現状】 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

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

IBM Notes/Domino 9.0.2 今年の後半に出荷される予定 現在の OpenNTF XPages Extension Library の機能がフィードバックを受け、日本語もされ実装されるはず

ビッグニュースは jQuery + Bootstrap の実装されるはず

jQuery + Bootstrap

jQuery は Dojo に対抗するライブラリー http://jquery.com

Bootstrap の前提は jQuery http://getbootstrap.com Bootstrap をベースとして数多くの派生フレームワーク Bootstrap は Responsive Web Design

⇒ つまりデスクトップ用に作れば、スマホ／タブレットにも

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

既存のアプリを 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

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

従来からある OneUI のテーマ

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

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

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

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

モバイル化したいデータベースにフレームワーク(js+css) を実装する

8.5.3 以降 (attributes プロパティ、 tagName プロパティ によってフレームワーク実装が容易に ) 自分で探してきたフレームワークを利用する

XControls

XControls とは？

IBM Notes/Domino の XPages 開発専用のフレームワーク Teamstudio がイニシアチブをもって公開するオープンソース

あらゆるデバイスにフィットする Web UI を提供 デスクトップ スマートフォン タブレット

XPages 開発専用 Notes/Domino 8.5.3 以降 Dojo の使用はなし HTML/CSS/JS を自分自身で拡張可能

情報をカード形式で表示

XControls を構成するリソースjQuery

Bootstrap

Bootcards

XControls XPages専用

Font Awesome

JS+CSS

JS+CSS

JS+CSS

XPages/カスタムコントロール

XControls の入手方法

http://jp.teamstudio.com/resources/product-downloads

製品ダウンロード

XControls の中身

XControls のサンプルデータベースで遊んでみる

XControlsSampler_< バージョン番号 >.nsf 現時点での最新バージョンは 1.5 (2015 年 8 月 10 日時点 ) 使用する前に、すべての設計に署名

XControls DEMO

MDAP キャンペーン 2015 年 9 月末日まで http://

jp.teamstudio.com/modernization-campaign-0 開発を無料でサポートするコンサルティングサービス Web ブラウザ、モバイル環境に対応する開発をサポート

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