資料ダウンロード - Teamstudio

⽉月刊 Notes/Domino Web セミナー 2015年年8⽉月
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_13.20150611-0803」
„
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
„
MDAP キャンペーン 2015年年9⽉月末⽇日まで
„
http://jp.teamstudio.com/modernizationcampaign-0
„
開発を無料料でサポートするコンサルティングサービス
„
Webブラウザ、モバイル環境に対応する開発をサポー
ト
ご静聴ありがとうございました
„
ご質問をお受けします。Webexの「QAパネル」からどうぞ
„
セッション退席後のアンケートにご忌憚のないご意⾒見見、ご希望を