狠狠撸

狠狠撸Share a Scribd company logo
これからのNOTESモバイル
アプリはこう作れ
後悔しない技術の選択とその开発方法


               チームスタジオジャパン株式会社
                      Technical Director


               加藤満 (mitsuru_katoh@teamstudio.com)
                                     @katoman
前置き
? 「モバイルアプリケーション」はスマートフォン、タブ
レット上で動作する業務アプリケーションの意味として

? 業務アプリケーションは IBM Notes/Domino のデータ
ベースをもとにしたカスタム「nsf」アプリケーション
 (Traveler、iNotesといったメール/カレンダーのような標準機能のお
 話ではありません)
AGENDA

? 自分にあった最適なモバイルアプリ开発手法を探る


? Teamstudio Unplugged について
モバイルアプリの2つのタイプ
モバイルアプリ开発の3つのタイプ
? モバイル奥别产アプリケーション
  ? HTML + JavaScript + CSS
  ? モバイルアプリ用にユーザーインターフェースを整形するフレー
    ムワーク利用

? ハイブリッド(Hybrid)
 ? HTML + JavaScript + CSS でコーディング
 ? ファクトリーツールを使って、ネイティブアプリを生成


? ネイティブ(Native)
  ? ハイブリッドとネイティブの違いは开発方法(言語)とそれぞれ
    のデバイスへの最適化具合
  ? 例)ちょっと前まで「Facebook」アプリはハイブリッド型で作成され
   ていました。
开発手法選択の際の比較検討要因
? 开発技術の習得難易度
? パフォーマンス
? アプリ配布の容易性
? 开発ライフサイクル
? 开発時間(コスト)
? デバイス机能へのアクセス
? オフライン機能
モバイル奥别产   ハイブリッド   ネイティブ
开発技術の習得                              容易      容易      難しい



? モバイル奥别产
  ? Domino を Webサーバーとした Web アプリケーション
   ? UIコンポーネントはCSSやJavaScriptを使用
   ? XPages - Domino Designer 8.5.x/9.0
   ? 既知の技術で开発できるという大きなメリット

? ハイブリッド/ネイティブ
  ? ハイブリッドの雄としてPhoneGapやTitanium。
   ? HTML5+CSS+JavaScript → ネイティブアプリ
 ? Objective CやJava言語によるネイティブアプリ作成
 ? REST API を使ってドミノにアクセス、情報のやり取り。難しい。
 ? 専用の言語や开発環境の習得が必須
モバイル奥别产   ハイブリッド   ネイティブ
パフォーマンス            悪い        普通      良い



? モバイル奥别产
  ? 常にサーバーとトラフィックのラウンドトリップが発生
  ? デザイン(HTML、スクリプト、スタイル)とデータの両方を常にやり
    取り


? ハイブリッド/ネイティブ
  ? アプリケーションのデザインはネイティブ、既にインストールされ
    ているので残りのデータのやり取り発生。
モバイル奥别产   ハイブリッド      ネイティブ
アプリ配布                   容易       難しい        難しい



? モバイル奥别产
  ? 作成してすぐ公開できる
  ? Dominoサーバーへのアクセス、Domino Designer で开発



? ハイブリッド/ネイティブ
  ? ストア(Apple/iOSの場合、Enterprise ストアなど)へのアプリ配布
  ? Androidの場合は独自で配布の仕組みを
  ? お客様のスキルによっては、ストアもSIerがお客様にかわって面倒
    見ないといけない
开発                   モバイル奥别产   ハイブリッド      ネイティブ
                        短期間      長期間        長期間
ライフサイクル
? モバイル奥别产
  ? 作成してすぐテスト、公開できる
  ? Dominoサーバーへのアクセス、Domino Designer で开発



? ハイブリッド/ネイティブ
  ? テストにせよ煩わしい。
  ? 問題が発生してもすぐには解決できない
モバイル奥别产   ハイブリッド   ネイティブ
开発時間(コスト)          短く安価     長期で高額    長期で高額



? モバイル奥别产
  ? モバイル用のフレームワークをマスターすれば(XPagesはもちろん)、
    わずか数日
  ? iOS、Androidでも同じアプリが使える



? ハイブリッド/ネイティブ
  ? 前出の新たな开発技術の習得にかかる時間/コスト
  ? それぞれのデバイス用に作成する必要あり
  ? Notes/Domino以外以外でもモバイル分野に本格参入したいのであれ
    ば
デバイス机能への         モバイル奥别产   ハイブリッド   ネイティブ
                     難しい     普通      普通
アクセス
? モバイル奥别产
  ? (ほとんど)できない
  ? 写真などのアップロードもダメ



? ハイブリッド/ネイティブ
 ? ネイティブアプリであればデバイスの機能にアクセスできるが、
  Dominoアプリのモバイル化でその必要性がある?
モバイル奥别产   ハイブリッド     ネイティブ
オフライン機能            なし      可能、でも難しい   可能、でも難しい




? モバイル奥别产
  ? 最近ではHTML5対応で対応可能と言われている
  ? でも実際はキャッシュ程度と考えたほうがよい
  ? 基本的に苦労すれど身にならない



? ハイブリッド/ネイティブ
  ? アプリに別のデータベースあるいはストレージを持つ
  ? デバイス上のデータベースの設計や管理がまた必要
  ? スペシャリスト以外には敷居が高い
タイプ别モバイルアプリ比较サマリー
            モバイル奥别产   ハイブリッド      ネイティブ

开発技術の習得難      容易        容易         難しい
易度
パフォーマンス       悪い        普通         良い

アプリ配布が容易      容易        難しい        難しい
か?
开発ライフサイク     短期間        長期間        長期間
ル
开発時間(コスト)    短く安価      長期で高額      長期で高額

デバイス机能への     難しい        普通         普通
アクセス
オフライン機能       なし      可能、でも難しい   可能、でも難しい
开発プロジェクトでのその他考慮事項

? 一次的要因
  ? デバイスの特別な機能(カメラ、フラッシュ、アクセロメーター
    etc...)を使う必要があるか?


? 二次的要因
  ? 予算
  ? すべてのモバイルデバイスをターゲットにする必要があるか?
  ? 電波状況によってデバイスが使えない場合の機会損失は?
  ? スピードやパフォーマンスはどれぐらい重要な要素か?
  ? 自分が扱えるプログラミング言語は?
アプリの利用形態の側面から考えてみよう
導入事例から学ぶ典型的な利用形態

利用形態     ユーザー   端末           技術
BYOD     一般     スマートフォン      Webモバイル + セキュ
                             リティ
会社支給     幹部     スマートフォン      Webモバイル + セキュ
                             リティ + MDM
会社支給     特別な業   iPad、タブレット   データ同期 + MDM
         務で使用
Responsive Web Design

? PC、スマートフォン、タブレットそれぞれの画面サイズ
に合うレイアウトを自動生成
 ? Write once, run anywhere
 ? 2013年はResponsive Web Design 元年
 ? 有名なフレームワークはすでに対応 jQuery Mobile、Twitter
   Bootstrapなど
 ? 対応している身近なサイトの例
   ? http://view.jquerymobile.com/demos/
   ? http://mashable.com/
   ? http://ja.collaborationtoday.info/
結論
Notes/Domino アプリケーションのモバイル化はどうした
らいい?
? まずは XPages による Web モバイルアプリケーションを
  作成
? Responsive Web Design 対応のフレームワークを使う


なぜ?
? 一言で言えば、「後でつぶしが効く」


いつ作るか?
? 「今でしょ!」
ところでIBMモバイル戦略と言えば...
? IBM Worklight
   ? Domino + Worklight はプラン中


 ? 2012年5月 Ed Brill のプレゼンでは...
   ? http://www.slideshare.net/edbrill/ibm-mobile-strategy-for-social-business-may-2012

   ? “IBM Lotus Domino and IBM Worklight used together will allow you to
     reuse parts of your Domino XPages mobile application investment with
     the on-device experience”


 ? 現時点では Domino Designer/XPages との統合の具体的な話は聞
   こえてこない。
これからの狈翱罢贰厂モバイルアプリはこう作れ
2013
IBM Collaboration
Solutions
for Mobile Device
Award

WINNER 受賞
タイプ别モバイルアプリ比较
            モバイル奥别产   ハイブリッド/   Teamstudio
                       ネイティブ    Unplugged
开発技術の習得難       ○         ×
易度
パフォーマンス        ×         ○
アプリ配布が容易       ○         ×
か?
开発ライフサイク       ○         ×
ル
开発時間(コスト)      ○         ×
デバイス机能への       ×         ○
アクセス
オフライン機能        ×         ○
Teamstudio Unpluggedは
各ストアからダウンロード可能
Teamstudio Unpluggedの3つの特徴

? オフライン機能


? XPagesアプリケーション


? 簡単な導入
オフライン機能
? ノーツデータ、XPages設計、リソースファイルを端末に
  同期
? ユーザー識別(ノーツアカウントとHTTPパスワード)はデ
  バイス上に
? 「まるで、ノーツクライアントの複製のよう!!!」
XPagesアプリケーション
? 余分な投資が不要



? 自由なアプリケーションUI



? フレームワーク利用で开発工数省力化
XPagesアプリケーション
? 余分な投資が不要
  ? Domino Designerで开発、他の余分なSDKは一切必要なし



? 自由なアプリケーションUI


? フレームワーク利用で开発工数省力化
これからの狈翱罢贰厂モバイルアプリはこう作れ
XPagesアプリケーション
? 余分な投資が不要



? 自由なアプリケーションUI
  ? フィールドマッピング型の簡易ソリューションではないのでフ
    レームワーク利用でこんな特殊なことも実現可能


? フレームワーク利用で开発工数省力化
これからの狈翱罢贰厂モバイルアプリはこう作れ
XPagesアプリケーション
? 余分な投資が不要



? 自由なアプリケーションUI



? フレームワーク利用で开発工数省力化
  ? jQuery MobileなどJavaScript+CSSで構成されるフレームワーク
これからの狈翱罢贰厂モバイルアプリはこう作れ
簡単な導入
システム構成
? Domino 8.5.1以降
? Domino Designer 8.5.1以降
? 対応プラットフォーム
? Dominoサーバーに2つのデータベース(設定とログ)
DEMO
ご覧いただいたとおり...
? Unplugged アプリケーションは XPages で作成
  ? XPages でWeb モバイルアプリがあれば、簡単に「Unplugged
    化」


? オフライン機能のメリット
  ? 機敏な動作
  ? ユーザー識別の保持


? 簡単な導入
  ? 設定データベースで使用ユーザー/アプリケーション配布の管理
参考URL
? Teamstudio Unplugged 公式サイト
  ? http://unplugged.teamstudio.com


? YouTube TSUnpluggedJapan チャンネル
  ? http://www.youtube.com/user/TSUnpluggedJapan


? Unplugged かんたんスタートガイド
  ? https://teamstudio.box.com/unpluggedstartguidejp

? notes/domino liaison
  ? http://notesdominoliaison.blogspot.jp


? OpenNTF Unplugged XPages Mobile Controls
  ? http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name
    =Unplugged%20XPages%20Mobile%20Controls

More Related Content

What's hot (14)

IBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
IBM XCITE Spring 2015 - XPages application success story and IBM BluemixIBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
IBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
Atsushi Sato
?
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 - Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
?
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
?
Ssi 20150519
Ssi 20150519Ssi 20150519
Ssi 20150519
真一 藤川
?
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
?
WordPress 3.8 RC1
WordPress 3.8 RC1WordPress 3.8 RC1
WordPress 3.8 RC1
BREN
?
贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン
masaaki komori
?
もっと良くなる贬罢惭尝アプリケーション设计と実装
もっと良くなる贬罢惭尝アプリケーション设计と実装もっと良くなる贬罢惭尝アプリケーション设计と実装
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
Tetsuji Hayashi
?
滨苍痴颈蝉颈辞苍勉强会资料
滨苍痴颈蝉颈辞苍勉强会资料滨苍痴颈蝉颈辞苍勉强会资料
滨苍痴颈蝉颈辞苍勉强会资料
TakuyaTakemoto
?
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
Shin Fujisawa
?
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
Makoto Nishimura
?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?
IBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
IBM XCITE Spring 2015 - XPages application success story and IBM BluemixIBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
IBM XCITE Spring 2015 - XPages application success story and IBM Bluemix
Atsushi Sato
?
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 - Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
Designer’s Design Talk - Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
?
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -Designer’s  Design Talk Azure / Windows Development  2人のMVPの場合 -
Designer’s Design Talk Azure / Windows Development 2人のMVPの場合 -
c-mitsuba
?
PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料PhoneGapユーザー会@大阪 講演資料
PhoneGapユーザー会@大阪 講演資料
Monaca
?
WordPress 3.8 RC1
WordPress 3.8 RC1WordPress 3.8 RC1
WordPress 3.8 RC1
BREN
?
贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン贬罢惭尝5时代の奥别产デザイン
贬罢惭尝5时代の奥别产デザイン
masaaki komori
?
もっと良くなる贬罢惭尝アプリケーション设计と実装
もっと良くなる贬罢惭尝アプリケーション设计と実装もっと良くなる贬罢惭尝アプリケーション设计と実装
もっと良くなる贬罢惭尝アプリケーション设计と実装
Mitsue-Links
?
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
X pages day2015_みんな大好き@式とbootstrapで作る簡単coolなxpagesアプリ(公開用)
Tetsuji Hayashi
?
滨苍痴颈蝉颈辞苍勉强会资料
滨苍痴颈蝉颈辞苍勉强会资料滨苍痴颈蝉颈辞苍勉强会资料
滨苍痴颈蝉颈辞苍勉强会资料
TakuyaTakemoto
?
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
カヤックHTMLファイ部のUI?UX (第57回 HTML5とか勉強会 / 2015.5.19)
Shin Fujisawa
?
Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用Adobe xdモバイルアプリとの連携利用
Adobe xdモバイルアプリとの連携利用
Kazuma Sekiguchi
?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
惭颈苍别肠谤补蹿迟でプログラミングを学べるって本当?
Makoto Nishimura
?
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリAngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
アシアル株式会社
?

Viewers also liked (16)

モバイルファースト时代のノーツアプリモバイル化戦略
モバイルファースト时代のノーツアプリモバイル化戦略モバイルファースト时代のノーツアプリモバイル化戦略
モバイルファースト时代のノーツアプリモバイル化戦略
Mitsuru Katoh
?
IBM Notes/Domino 9.0.1 アプリケーション开発新機能
IBM Notes/Domino 9.0.1 アプリケーション开発新機能IBM Notes/Domino 9.0.1 アプリケーション开発新機能
IBM Notes/Domino 9.0.1 アプリケーション开発新機能
Mitsuru Katoh
?
Customizing the Mobile Connections App
Customizing the Mobile Connections AppCustomizing the Mobile Connections App
Customizing the Mobile Connections App
Prolifics
?
OpenNTF Survey Results 03/04/13
OpenNTF Survey Results 03/04/13OpenNTF Survey Results 03/04/13
OpenNTF Survey Results 03/04/13
Niklas Heidloff
?
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPagesIBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
beglee
?
IBM ConnectED 2015 - MAS103 XPages Performance and Scalability
IBM ConnectED 2015 - MAS103 XPages Performance and ScalabilityIBM ConnectED 2015 - MAS103 XPages Performance and Scalability
IBM ConnectED 2015 - MAS103 XPages Performance and Scalability
Paul Withers
?
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
Benedek Menesi
?
BP201 Creating Your Own Connections Confection - Getting The Flavour Right
BP201 Creating Your Own Connections Confection - Getting The Flavour RightBP201 Creating Your Own Connections Confection - Getting The Flavour Right
BP201 Creating Your Own Connections Confection - Getting The Flavour Right
Gabriella Davis
?
BP205: There’s an API for that! Why and how to build on the IBM Connections P...
BP205: There’s an API for that! Why and how to build on the IBM Connections P...BP205: There’s an API for that! Why and how to build on the IBM Connections P...
BP205: There’s an API for that! Why and how to build on the IBM Connections P...
Mikkel Flindt Heisterberg
?
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
Paul Withers
?
Connections Directory Integration: A Tour Through Best Practices for Directo...
Connections Directory Integration:  A Tour Through Best Practices for Directo...Connections Directory Integration:  A Tour Through Best Practices for Directo...
Connections Directory Integration: A Tour Through Best Practices for Directo...
Gabriella Davis
?
MAS202 - Customizing IBM Connections
MAS202 - Customizing IBM ConnectionsMAS202 - Customizing IBM Connections
MAS202 - Customizing IBM Connections
paulbastide
?
External Users Accessing Connections
External Users Accessing Connections External Users Accessing Connections
External Users Accessing Connections
Gabriella Davis
?
ConnectED 2015 - IBM Notes Traveler Daily Business
ConnectED 2015 - IBM Notes Traveler Daily BusinessConnectED 2015 - IBM Notes Traveler Daily Business
ConnectED 2015 - IBM Notes Traveler Daily Business
René Winkelmeyer
?
The future of web development write once, run everywhere with angular js an...
The future of web development   write once, run everywhere with angular js an...The future of web development   write once, run everywhere with angular js an...
The future of web development write once, run everywhere with angular js an...
Mark Leusink
?
Domino, Notes, and Verse - Where are We and Whats the Future?
Domino, Notes, and Verse - Where are We and Whats the Future?Domino, Notes, and Verse - Where are We and Whats the Future?
Domino, Notes, and Verse - Where are We and Whats the Future?
Teamstudio
?
モバイルファースト时代のノーツアプリモバイル化戦略
モバイルファースト时代のノーツアプリモバイル化戦略モバイルファースト时代のノーツアプリモバイル化戦略
モバイルファースト时代のノーツアプリモバイル化戦略
Mitsuru Katoh
?
IBM Notes/Domino 9.0.1 アプリケーション开発新機能
IBM Notes/Domino 9.0.1 アプリケーション开発新機能IBM Notes/Domino 9.0.1 アプリケーション开発新機能
IBM Notes/Domino 9.0.1 アプリケーション开発新機能
Mitsuru Katoh
?
Customizing the Mobile Connections App
Customizing the Mobile Connections AppCustomizing the Mobile Connections App
Customizing the Mobile Connections App
Prolifics
?
OpenNTF Survey Results 03/04/13
OpenNTF Survey Results 03/04/13OpenNTF Survey Results 03/04/13
OpenNTF Survey Results 03/04/13
Niklas Heidloff
?
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPagesIBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
IBM ConnectED 2015 - AD302 - Responsive Application Development for XPages
beglee
?
IBM ConnectED 2015 - MAS103 XPages Performance and Scalability
IBM ConnectED 2015 - MAS103 XPages Performance and ScalabilityIBM ConnectED 2015 - MAS103 XPages Performance and Scalability
IBM ConnectED 2015 - MAS103 XPages Performance and Scalability
Paul Withers
?
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
IBM ConnectED 2015 BP110: Mastering Your Logs, Everything You Should Know abo...
Benedek Menesi
?
BP201 Creating Your Own Connections Confection - Getting The Flavour Right
BP201 Creating Your Own Connections Confection - Getting The Flavour RightBP201 Creating Your Own Connections Confection - Getting The Flavour Right
BP201 Creating Your Own Connections Confection - Getting The Flavour Right
Gabriella Davis
?
BP205: There’s an API for that! Why and how to build on the IBM Connections P...
BP205: There’s an API for that! Why and how to build on the IBM Connections P...BP205: There’s an API for that! Why and how to build on the IBM Connections P...
BP205: There’s an API for that! Why and how to build on the IBM Connections P...
Mikkel Flindt Heisterberg
?
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
IBM ConnectED 2015 - BP106 From XPages Hero To OSGi Guru: Taking The Scary Ou...
Paul Withers
?
Connections Directory Integration: A Tour Through Best Practices for Directo...
Connections Directory Integration:  A Tour Through Best Practices for Directo...Connections Directory Integration:  A Tour Through Best Practices for Directo...
Connections Directory Integration: A Tour Through Best Practices for Directo...
Gabriella Davis
?
MAS202 - Customizing IBM Connections
MAS202 - Customizing IBM ConnectionsMAS202 - Customizing IBM Connections
MAS202 - Customizing IBM Connections
paulbastide
?
External Users Accessing Connections
External Users Accessing Connections External Users Accessing Connections
External Users Accessing Connections
Gabriella Davis
?
ConnectED 2015 - IBM Notes Traveler Daily Business
ConnectED 2015 - IBM Notes Traveler Daily BusinessConnectED 2015 - IBM Notes Traveler Daily Business
ConnectED 2015 - IBM Notes Traveler Daily Business
René Winkelmeyer
?
The future of web development write once, run everywhere with angular js an...
The future of web development   write once, run everywhere with angular js an...The future of web development   write once, run everywhere with angular js an...
The future of web development write once, run everywhere with angular js an...
Mark Leusink
?
Domino, Notes, and Verse - Where are We and Whats the Future?
Domino, Notes, and Verse - Where are We and Whats the Future?Domino, Notes, and Verse - Where are We and Whats the Future?
Domino, Notes, and Verse - Where are We and Whats the Future?
Teamstudio
?

Similar to これからの狈翱罢贰厂モバイルアプリはこう作れ (20)

HTML5 クロスプラットフォームアプリ开発の現実解
HTML5 クロスプラットフォームアプリ开発の現実解HTML5 クロスプラットフォームアプリ开発の現実解
HTML5 クロスプラットフォームアプリ开発の現実解
Monaca
?
Phone gap+javascriptスマホアプリ开発(入門編)
Phone gap+javascriptスマホアプリ开発(入門編)Phone gap+javascriptスマホアプリ开発(入門編)
Phone gap+javascriptスマホアプリ开発(入門編)
Monaca
?
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
Yoshito Tabuchi
?
Sharoid Service Menu
Sharoid Service MenuSharoid Service Menu
Sharoid Service Menu
sharoid
?
奥别产エンジニアによるスマートフォンアプリ开発
奥别产エンジニアによるスマートフォンアプリ开発奥别产エンジニアによるスマートフォンアプリ开発
奥别产エンジニアによるスマートフォンアプリ开発
takeuchi-tk
?
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
decode2016
?
iQONの开発手法 at iQONエンジニアセミナー
iQONの开発手法 at iQONエンジニアセミナーiQONの开発手法 at iQONエンジニアセミナー
iQONの开発手法 at iQONエンジニアセミナー
Imamura Masayuki
?
Mobile Application Development by XPages
Mobile Application Development by XPagesMobile Application Development by XPages
Mobile Application Development by XPages
Atsushi Sato
?
贬迟尘濒5时代のクリエイターのあり方
贬迟尘濒5时代のクリエイターのあり方贬迟尘濒5时代のクリエイターのあり方
贬迟尘濒5时代のクリエイターのあり方
Masakazu Muraoka
?
Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
Daisuke Sugai
?
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
Daisuke Yamazaki
?
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
?
贬罢惭尝5时代の飞别产クリエイターに必要なこと
贬罢惭尝5时代の飞别产クリエイターに必要なこと贬罢惭尝5时代の飞别产クリエイターに必要なこと
贬罢惭尝5时代の飞别产クリエイターに必要なこと
Masakazu Muraoka
?
devsami kansai 2012 #c2
devsami kansai 2012 #c2devsami kansai 2012 #c2
devsami kansai 2012 #c2
Yushi_Takagi
?
ABC2012Spring 20120324
ABC2012Spring 20120324ABC2012Spring 20120324
ABC2012Spring 20120324
Tak Inamori
?
もう怖くないモバイルアプリ开発!【デブサミ関西2014】
もう怖くないモバイルアプリ开発!【デブサミ関西2014】もう怖くないモバイルアプリ开発!【デブサミ関西2014】
もう怖くないモバイルアプリ开発!【デブサミ関西2014】
Toshiki Iga
?
Windows アプリケーション开発 はじめに ~ Windows アプリケーション开発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション开発はじめに ~ Windows アプリケーション开発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション开発はじめに ~ Windows アプリケーション开発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション开発 はじめに ~ Windows アプリケーション开発初学者の方向け Visual Studio を使ったアプリケーショ...
Fujio Kojima
?
市场动向并びに弊社製品の今后の展望について
市场动向并びに弊社製品の今后の展望について市场动向并びに弊社製品の今后の展望について
市场动向并びに弊社製品の今后の展望について
Ken Azuma
?
HTML5 クロスプラットフォームアプリ开発の現実解
HTML5 クロスプラットフォームアプリ开発の現実解HTML5 クロスプラットフォームアプリ开発の現実解
HTML5 クロスプラットフォームアプリ开発の現実解
Monaca
?
Phone gap+javascriptスマホアプリ开発(入門編)
Phone gap+javascriptスマホアプリ开発(入門編)Phone gap+javascriptスマホアプリ开発(入門編)
Phone gap+javascriptスマホアプリ开発(入門編)
Monaca
?
Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版Xamarin 概要 2014年08月版
Xamarin 概要 2014年08月版
Yoshito Tabuchi
?
Sharoid Service Menu
Sharoid Service MenuSharoid Service Menu
Sharoid Service Menu
sharoid
?
奥别产エンジニアによるスマートフォンアプリ开発
奥别产エンジニアによるスマートフォンアプリ开発奥别产エンジニアによるスマートフォンアプリ开発
奥别产エンジニアによるスマートフォンアプリ开発
takeuchi-tk
?
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
DEV-022_これから始める Xamarin ~環境構築から iOS/Android/UWP アプリのビルドまで~
decode2016
?
iQONの开発手法 at iQONエンジニアセミナー
iQONの开発手法 at iQONエンジニアセミナーiQONの开発手法 at iQONエンジニアセミナー
iQONの开発手法 at iQONエンジニアセミナー
Imamura Masayuki
?
Mobile Application Development by XPages
Mobile Application Development by XPagesMobile Application Development by XPages
Mobile Application Development by XPages
Atsushi Sato
?
贬迟尘濒5时代のクリエイターのあり方
贬迟尘濒5时代のクリエイターのあり方贬迟尘濒5时代のクリエイターのあり方
贬迟尘濒5时代のクリエイターのあり方
Masakazu Muraoka
?
Intalio japan special cloud workshop
Intalio japan special cloud workshopIntalio japan special cloud workshop
Intalio japan special cloud workshop
Daisuke Sugai
?
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
60分でわかるレスポンシブ奥别产デザイン[セミナー资料]
Daisuke Yamazaki
?
20120316 designerworkshoppublished
20120316 designerworkshoppublished20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
?
贬罢惭尝5时代の飞别产クリエイターに必要なこと
贬罢惭尝5时代の飞别产クリエイターに必要なこと贬罢惭尝5时代の飞别产クリエイターに必要なこと
贬罢惭尝5时代の飞别产クリエイターに必要なこと
Masakazu Muraoka
?
devsami kansai 2012 #c2
devsami kansai 2012 #c2devsami kansai 2012 #c2
devsami kansai 2012 #c2
Yushi_Takagi
?
ABC2012Spring 20120324
ABC2012Spring 20120324ABC2012Spring 20120324
ABC2012Spring 20120324
Tak Inamori
?
もう怖くないモバイルアプリ开発!【デブサミ関西2014】
もう怖くないモバイルアプリ开発!【デブサミ関西2014】もう怖くないモバイルアプリ开発!【デブサミ関西2014】
もう怖くないモバイルアプリ开発!【デブサミ関西2014】
Toshiki Iga
?
Windows アプリケーション开発 はじめに ~ Windows アプリケーション开発初学者の方向け Visual Studio を使ったアプリケーショ...
Windows アプリケーション开発はじめに ~ Windows アプリケーション开発初学者の方向けVisual Studio を使ったアプリケーショ...Windows アプリケーション开発はじめに ~ Windows アプリケーション开発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション开発 はじめに ~ Windows アプリケーション开発初学者の方向け Visual Studio を使ったアプリケーショ...
Fujio Kojima
?
市场动向并びに弊社製品の今后の展望について
市场动向并びに弊社製品の今后の展望について市场动向并びに弊社製品の今后の展望について
市场动向并びに弊社製品の今后の展望について
Ken Azuma
?

More from Mitsuru Katoh (14)

テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
Mitsuru Katoh
?
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
Mitsuru Katoh
?
ケートリック製品ポートフォリオを一挙にご绍介
ケートリック製品ポートフォリオを一挙にご绍介ケートリック製品ポートフォリオを一挙にご绍介
ケートリック製品ポートフォリオを一挙にご绍介
Mitsuru Katoh
?
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Mitsuru Katoh
?
活用状況可視化ツール のこ?紹介
活用状況可視化ツール のこ?紹介活用状況可視化ツール のこ?紹介
活用状況可視化ツール のこ?紹介
Mitsuru Katoh
?
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
Mitsuru Katoh
?
【テクてく】IBM ConnectED 苦行レホ?ート
 【テクてく】IBM ConnectED 苦行レホ?ート 【テクてく】IBM ConnectED 苦行レホ?ート
【テクてく】IBM ConnectED 苦行レホ?ート
Mitsuru Katoh
?
一歩先行くNotes dominoモハ?イルアフ?リ戦略
一歩先行くNotes dominoモハ?イルアフ?リ戦略一歩先行くNotes dominoモハ?イルアフ?リ戦略
一歩先行くNotes dominoモハ?イルアフ?リ戦略
Mitsuru Katoh
?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
Mitsuru Katoh
?
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
Mitsuru Katoh
?
GSX Monitor と GSX Analyzer のご紹介
GSX Monitor と GSX Analyzer のご紹介GSX Monitor と GSX Analyzer のご紹介
GSX Monitor と GSX Analyzer のご紹介
Mitsuru Katoh
?
齿笔补驳别蝉シ?ャンフ?スタート
齿笔补驳别蝉シ?ャンフ?スタート齿笔补驳别蝉シ?ャンフ?スタート
齿笔补驳别蝉シ?ャンフ?スタート
Mitsuru Katoh
?
Unplugged brief introduction
Unplugged brief introductionUnplugged brief introduction
Unplugged brief introduction
Mitsuru Katoh
?
XPages 开発 Tips 百連発
XPages 开発 Tips 百連発XPages 开発 Tips 百連発
XPages 开発 Tips 百連発
Mitsuru Katoh
?
テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
テクてくLotus技術者夜会 2020年7月 MarvelClient を使ったクライアント管理機能
Mitsuru Katoh
?
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
panagenda MarvelClientとケートリック XPages マスターテンフ?レートのこ?紹介
Mitsuru Katoh
?
ケートリック製品ポートフォリオを一挙にご绍介
ケートリック製品ポートフォリオを一挙にご绍介ケートリック製品ポートフォリオを一挙にご绍介
ケートリック製品ポートフォリオを一挙にご绍介
Mitsuru Katoh
?
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Notes クライアント上のすべての項目を一括管理、変更も可能なクライアント管理ツール「panagenda MarvelClient」のご紹介
Mitsuru Katoh
?
活用状況可視化ツール のこ?紹介
活用状況可視化ツール のこ?紹介活用状況可視化ツール のこ?紹介
活用状況可視化ツール のこ?紹介
Mitsuru Katoh
?
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
XPagesDay2015 - 誰も教えてくれなかったテ?ハ?ック?方法
Mitsuru Katoh
?
【テクてく】IBM ConnectED 苦行レホ?ート
 【テクてく】IBM ConnectED 苦行レホ?ート 【テクてく】IBM ConnectED 苦行レホ?ート
【テクてく】IBM ConnectED 苦行レホ?ート
Mitsuru Katoh
?
一歩先行くNotes dominoモハ?イルアフ?リ戦略
一歩先行くNotes dominoモハ?イルアフ?リ戦略一歩先行くNotes dominoモハ?イルアフ?リ戦略
一歩先行くNotes dominoモハ?イルアフ?リ戦略
Mitsuru Katoh
?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
XPagesDay 2014【B 1】最新のモハ?イル ui を瞬時に作成 ?x controlsのこ?紹介?
Mitsuru Katoh
?
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
顿辞尘颈苍辞アクセスサービスを使用した搁贰厂罢サービスのプレイブック
Mitsuru Katoh
?
GSX Monitor と GSX Analyzer のご紹介
GSX Monitor と GSX Analyzer のご紹介GSX Monitor と GSX Analyzer のご紹介
GSX Monitor と GSX Analyzer のご紹介
Mitsuru Katoh
?
齿笔补驳别蝉シ?ャンフ?スタート
齿笔补驳别蝉シ?ャンフ?スタート齿笔补驳别蝉シ?ャンフ?スタート
齿笔补驳别蝉シ?ャンフ?スタート
Mitsuru Katoh
?
Unplugged brief introduction
Unplugged brief introductionUnplugged brief introduction
Unplugged brief introduction
Mitsuru Katoh
?
XPages 开発 Tips 百連発
XPages 开発 Tips 百連発XPages 开発 Tips 百連発
XPages 开発 Tips 百連発
Mitsuru Katoh
?

これからの狈翱罢贰厂モバイルアプリはこう作れ

  • 1. これからのNOTESモバイル アプリはこう作れ 後悔しない技術の選択とその开発方法 チームスタジオジャパン株式会社 Technical Director 加藤満 (mitsuru_katoh@teamstudio.com) @katoman
  • 2. 前置き ? 「モバイルアプリケーション」はスマートフォン、タブ レット上で動作する業務アプリケーションの意味として ? 業務アプリケーションは IBM Notes/Domino のデータ ベースをもとにしたカスタム「nsf」アプリケーション (Traveler、iNotesといったメール/カレンダーのような標準機能のお 話ではありません)
  • 5. モバイルアプリ开発の3つのタイプ ? モバイル奥别产アプリケーション ? HTML + JavaScript + CSS ? モバイルアプリ用にユーザーインターフェースを整形するフレー ムワーク利用 ? ハイブリッド(Hybrid) ? HTML + JavaScript + CSS でコーディング ? ファクトリーツールを使って、ネイティブアプリを生成 ? ネイティブ(Native) ? ハイブリッドとネイティブの違いは开発方法(言語)とそれぞれ のデバイスへの最適化具合 ? 例)ちょっと前まで「Facebook」アプリはハイブリッド型で作成され ていました。
  • 6. 开発手法選択の際の比較検討要因 ? 开発技術の習得難易度 ? パフォーマンス ? アプリ配布の容易性 ? 开発ライフサイクル ? 开発時間(コスト) ? デバイス机能へのアクセス ? オフライン機能
  • 7. モバイル奥别产 ハイブリッド ネイティブ 开発技術の習得 容易 容易 難しい ? モバイル奥别产 ? Domino を Webサーバーとした Web アプリケーション ? UIコンポーネントはCSSやJavaScriptを使用 ? XPages - Domino Designer 8.5.x/9.0 ? 既知の技術で开発できるという大きなメリット ? ハイブリッド/ネイティブ ? ハイブリッドの雄としてPhoneGapやTitanium。 ? HTML5+CSS+JavaScript → ネイティブアプリ ? Objective CやJava言語によるネイティブアプリ作成 ? REST API を使ってドミノにアクセス、情報のやり取り。難しい。 ? 専用の言語や开発環境の習得が必須
  • 8. モバイル奥别产 ハイブリッド ネイティブ パフォーマンス 悪い 普通 良い ? モバイル奥别产 ? 常にサーバーとトラフィックのラウンドトリップが発生 ? デザイン(HTML、スクリプト、スタイル)とデータの両方を常にやり 取り ? ハイブリッド/ネイティブ ? アプリケーションのデザインはネイティブ、既にインストールされ ているので残りのデータのやり取り発生。
  • 9. モバイル奥别产 ハイブリッド ネイティブ アプリ配布 容易 難しい 難しい ? モバイル奥别产 ? 作成してすぐ公開できる ? Dominoサーバーへのアクセス、Domino Designer で开発 ? ハイブリッド/ネイティブ ? ストア(Apple/iOSの場合、Enterprise ストアなど)へのアプリ配布 ? Androidの場合は独自で配布の仕組みを ? お客様のスキルによっては、ストアもSIerがお客様にかわって面倒 見ないといけない
  • 10. 开発 モバイル奥别产 ハイブリッド ネイティブ 短期間 長期間 長期間 ライフサイクル ? モバイル奥别产 ? 作成してすぐテスト、公開できる ? Dominoサーバーへのアクセス、Domino Designer で开発 ? ハイブリッド/ネイティブ ? テストにせよ煩わしい。 ? 問題が発生してもすぐには解決できない
  • 11. モバイル奥别产 ハイブリッド ネイティブ 开発時間(コスト) 短く安価 長期で高額 長期で高額 ? モバイル奥别产 ? モバイル用のフレームワークをマスターすれば(XPagesはもちろん)、 わずか数日 ? iOS、Androidでも同じアプリが使える ? ハイブリッド/ネイティブ ? 前出の新たな开発技術の習得にかかる時間/コスト ? それぞれのデバイス用に作成する必要あり ? Notes/Domino以外以外でもモバイル分野に本格参入したいのであれ ば
  • 12. デバイス机能への モバイル奥别产 ハイブリッド ネイティブ 難しい 普通 普通 アクセス ? モバイル奥别产 ? (ほとんど)できない ? 写真などのアップロードもダメ ? ハイブリッド/ネイティブ ? ネイティブアプリであればデバイスの機能にアクセスできるが、 Dominoアプリのモバイル化でその必要性がある?
  • 13. モバイル奥别产 ハイブリッド ネイティブ オフライン機能 なし 可能、でも難しい 可能、でも難しい ? モバイル奥别产 ? 最近ではHTML5対応で対応可能と言われている ? でも実際はキャッシュ程度と考えたほうがよい ? 基本的に苦労すれど身にならない ? ハイブリッド/ネイティブ ? アプリに別のデータベースあるいはストレージを持つ ? デバイス上のデータベースの設計や管理がまた必要 ? スペシャリスト以外には敷居が高い
  • 14. タイプ别モバイルアプリ比较サマリー モバイル奥别产 ハイブリッド ネイティブ 开発技術の習得難 容易 容易 難しい 易度 パフォーマンス 悪い 普通 良い アプリ配布が容易 容易 難しい 難しい か? 开発ライフサイク 短期間 長期間 長期間 ル 开発時間(コスト) 短く安価 長期で高額 長期で高額 デバイス机能への 難しい 普通 普通 アクセス オフライン機能 なし 可能、でも難しい 可能、でも難しい
  • 15. 开発プロジェクトでのその他考慮事項 ? 一次的要因 ? デバイスの特別な機能(カメラ、フラッシュ、アクセロメーター etc...)を使う必要があるか? ? 二次的要因 ? 予算 ? すべてのモバイルデバイスをターゲットにする必要があるか? ? 電波状況によってデバイスが使えない場合の機会損失は? ? スピードやパフォーマンスはどれぐらい重要な要素か? ? 自分が扱えるプログラミング言語は?
  • 16. アプリの利用形態の側面から考えてみよう 導入事例から学ぶ典型的な利用形態 利用形態 ユーザー 端末 技術 BYOD 一般 スマートフォン Webモバイル + セキュ リティ 会社支給 幹部 スマートフォン Webモバイル + セキュ リティ + MDM 会社支給 特別な業 iPad、タブレット データ同期 + MDM 務で使用
  • 17. Responsive Web Design ? PC、スマートフォン、タブレットそれぞれの画面サイズ に合うレイアウトを自動生成 ? Write once, run anywhere ? 2013年はResponsive Web Design 元年 ? 有名なフレームワークはすでに対応 jQuery Mobile、Twitter Bootstrapなど ? 対応している身近なサイトの例 ? http://view.jquerymobile.com/demos/ ? http://mashable.com/ ? http://ja.collaborationtoday.info/
  • 18. 結論 Notes/Domino アプリケーションのモバイル化はどうした らいい? ? まずは XPages による Web モバイルアプリケーションを 作成 ? Responsive Web Design 対応のフレームワークを使う なぜ? ? 一言で言えば、「後でつぶしが効く」 いつ作るか? ? 「今でしょ!」
  • 19. ところでIBMモバイル戦略と言えば... ? IBM Worklight ? Domino + Worklight はプラン中 ? 2012年5月 Ed Brill のプレゼンでは... ? http://www.slideshare.net/edbrill/ibm-mobile-strategy-for-social-business-may-2012 ? “IBM Lotus Domino and IBM Worklight used together will allow you to reuse parts of your Domino XPages mobile application investment with the on-device experience” ? 現時点では Domino Designer/XPages との統合の具体的な話は聞 こえてこない。
  • 21. 2013 IBM Collaboration Solutions for Mobile Device Award WINNER 受賞
  • 22. タイプ别モバイルアプリ比较 モバイル奥别产 ハイブリッド/ Teamstudio ネイティブ Unplugged 开発技術の習得難 ○ × 易度 パフォーマンス × ○ アプリ配布が容易 ○ × か? 开発ライフサイク ○ × ル 开発時間(コスト) ○ × デバイス机能への × ○ アクセス オフライン機能 × ○
  • 24. Teamstudio Unpluggedの3つの特徴 ? オフライン機能 ? XPagesアプリケーション ? 簡単な導入
  • 25. オフライン機能 ? ノーツデータ、XPages設計、リソースファイルを端末に 同期 ? ユーザー識別(ノーツアカウントとHTTPパスワード)はデ バイス上に ? 「まるで、ノーツクライアントの複製のよう!!!」
  • 27. XPagesアプリケーション ? 余分な投資が不要 ? Domino Designerで开発、他の余分なSDKは一切必要なし ? 自由なアプリケーションUI ? フレームワーク利用で开発工数省力化
  • 29. XPagesアプリケーション ? 余分な投資が不要 ? 自由なアプリケーションUI ? フィールドマッピング型の簡易ソリューションではないのでフ レームワーク利用でこんな特殊なことも実現可能 ? フレームワーク利用で开発工数省力化
  • 31. XPagesアプリケーション ? 余分な投資が不要 ? 自由なアプリケーションUI ? フレームワーク利用で开発工数省力化 ? jQuery MobileなどJavaScript+CSSで構成されるフレームワーク
  • 33. 簡単な導入 システム構成 ? Domino 8.5.1以降 ? Domino Designer 8.5.1以降 ? 対応プラットフォーム ? Dominoサーバーに2つのデータベース(設定とログ)
  • 34. DEMO
  • 35. ご覧いただいたとおり... ? Unplugged アプリケーションは XPages で作成 ? XPages でWeb モバイルアプリがあれば、簡単に「Unplugged 化」 ? オフライン機能のメリット ? 機敏な動作 ? ユーザー識別の保持 ? 簡単な導入 ? 設定データベースで使用ユーザー/アプリケーション配布の管理
  • 36. 参考URL ? Teamstudio Unplugged 公式サイト ? http://unplugged.teamstudio.com ? YouTube TSUnpluggedJapan チャンネル ? http://www.youtube.com/user/TSUnpluggedJapan ? Unplugged かんたんスタートガイド ? https://teamstudio.box.com/unpluggedstartguidejp ? notes/domino liaison ? http://notesdominoliaison.blogspot.jp ? OpenNTF Unplugged XPages Mobile Controls ? http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name =Unplugged%20XPages%20Mobile%20Controls