従来の Notes/Domino アプリケーション開発は知っているけれど、XPages はまだ使ったことがない方に XPages に興味を持って頂けるセッションになればと思います。

1. Notes 技術者のための
はじめての XPages 講座
2015年11 月 17 日 (火)
株式会社ソルクシーズ
吉田 武司

2. 特記事項
• 本資料の掲載内容は、できる限り正確を期するよう に努めてはおりますが、いかなる明示または暗黙の 保証も責任も負いかね
ます。
• 本資料の情報は、使用先の責任において使用され るべきものであることを、あらかじめご了承ください。
• 掲載情報は不定期に変更されることもあります。他 のメディア等に無断で転載する事はご遠慮下さい。
• 当資料をコピー等で複製することは、執筆者の承諾 なしではできません。
• IBM®、Lotus®、WebSphere® は、International Business Machines Corporation の米国およびその他の国における商標です。
• Google および Google ロゴ、Android および Android ロゴ、Gmail、YouTube および YouTube ロゴ、Picasa、Google Play とそのロゴ、
Chrome、Chrome OS、Chromebook、Chromebooks for Work、Chromebox for meetings、Chrome Management Consoleは、Google
Inc の商標または登録商標です。
• Microsoft, Encarta, MSN, および Windows は、米国 Microsoft Corporation の、米国およびその他の国における登録商標または商
標です。
• Salesforce、Chatter、Sales Cloud、Service Cloud、Marketing Cloud、Salesforce Work.com、AppExchange、Salesforce Platform、およ
び関連する全てのロゴは、salesforce.com,inc. の商標です。
• OracleとJavaはOracle Corporationおよびその関連企業の登録商標です。
• Twilio は Twilio, Inc. の登録商標あるいは商標です。
• Cloud Shared Office、CSO は株式会社ソルクシーズの登録商標です。
• 当資料に掲載された製品名または会社名は それぞれの各社の商標または登録商標です。
• 一部イラストは、「ピクト缶」様を利用させて頂きました。
ピクト缶ではシンプルなベクターイラストを無料で配布しています。（http://www.pictcan.com/）

3. 自己紹介
株式会社ソルクシーズ 吉田武司
Notes/Domino 一筋20年
今年、Salesforce 認定デベロッパーを取得
趣味は PC の自作、プラモデルの製作
最近は、Bluemix が気になっている
資料は後ほど公開します
従来の Notes/Domino アプリケーション開発は知ってい
るけれど、XPages はまだ使ったことがない方に XPages
に興味を持って頂けるセッションになればと思います。

4. アジェンダ
ステップ１：物は試し。掲示板アプリを素早く作ってみよう！
ステップ２：機能追加する際のポイント
ステップ３：XPages と IBM Bluemix を組み合わせた例

5. 始める前に・・・
• デザインについて
• 本来ならば CSS で行った方が変更やレスポンシブル化には
よいのですが、最初からすべてを覚える（気を付ける）のは
大変なので今回はテーブルレイアウトを使っています。慣れ
てきたら、CSS でデザインしてみてください。
• フォームでの計算について
• 文書オープンや保存時のフィールドの計算は、
• 従来のフォームのフィールドでの計算（ComputeWithForm ?）
• XPages
の2パターンがあります。こちらも最初は極力簡単にするため
に前者で説明しています。慣れてきたら、XPages 側で計算した
方がデバックもし易く作りやすいです。

6. 環境
• IBM Notes/Domino 9.0.1
• スタンダード版クライアントのローカルで作成、閲覧
• デモで使用する掲示板DB の構成
• フォーム ：掲示板
• ビュー ：カテゴリ別、作成者別、作成日順

7. 設計要素の構成
（今までのノーツでは）
フレームセット
ページ
アウトライン
フォーム
ビュー
ビュー
ビュー
ビューの切り替え
フォームの表示

8. カスタムコントロール
（フレームセット）
カスタムコン
トロール
（ページ、
アウトライ
ン）
カスタムコン
トロール
（ビュー）
XPage
（作成者別ビュー用）
設計要素の構成
（ 今回の XPages では）
XPage
（フォーム）
XPage
（作成日順ビュー用）
カスタムコントロール
（フレームセット）
カスタムコン
トロール
（ページ、
アウトライン）
カスタムコン
トロール
（ビュー）
XPage
（カテゴリ別ビュー用）
カスタムコントロール
（フレームセット）
カスタムコン
トロール
（ページ、
アウトライ
ン）
カスタムコン
トロール
（ビュー）
XPage（ビュー用） の切り替え
XPage（フォーム用）の表示

9. フォーム画面
• 各コントロールを配置して画面の作成
• フォームのフィールドに紐付ける

10. ビュー画面
• 部品の作成
（ｶｽﾀﾑｺﾝﾄﾛｰﾙ）
• メニュー
• ビュー
• フレームセット
• XPage
（ビュー用×３）
XPage
フレームセット
メニュー ビュー
ビューメニュー
フレームセット
メニュー 編集
可能
領域
別のカスタムコ
ントロールを配
置可能
イメージとしては
サブフォーム？

11. 動作確認
• ノーツクライアントで動作を確認

12. デモ

13. エラーの表示
• アプリケーション構成 - Xｓｐ プロパティ
• エラー処理 - Xpage 実行時エラーページを表示
• 「標準サーバーエラーページ」を指定しておくとデバックし易い

14. デバックの詳しい情報は・・・
• 1日目 15:00〜
• 誰も教えてくれなかったXPages のデバッグ方法。
• 加藤満

15. ボタン（編集、保存、削除）
• シンプル

16. ボタン（新規作成）

17. コントロールの表示/非表示
• 可視に条件を記述
注意点
従来の非表示式とは逆で
True の時表示される

18. フォームを開くときの Xpages の指定
• 2パターン
• フォームのプロパティ
• ビューパネルの設定
• ビューパネルの設定の方がよいけれど、複数のフォームが
含まれる場合は、フォームのプロパティがよい場合もあり

19. 添付ファイル
• コアコントロール
• ファイルのアップロード
• ファイルのダウンロード
• データ – データバインディング でバインド先の
フィールを指定
• 注意：
• ノーツクライアントのようにリッチテキストフィールドの好
きな場所に添付ファイルを貼り付けることはできません。
• 本文とは別に添付ファイル用の別フィールドを用意して
ください。

20. 添付ファイル
• 連続で複数の添
付ファイルをアッ
プロードできるよ
うにするために、
１ファイルを選択
する毎に画面を
更新します。

21. DBを開いた時に表示する Xpage の指定
• データベースプロパティで指定

22. 入力チェック
• コントロール – 検証
• 必須フィールド
サーバーでデータベースを稼働させている場合は、
サーバーサイドで入力チェックをすることもできます。

23. 名前の Common Name 表示例

24. 漢字名の表示例
• お馴染みの @DBLookup, @Name を使って、ドミノ
ディレクトリから取得
注意：サーバー上に配置されている想定です。

25. 保存時にまとめて計算したい場合
• データソースに対応した querySaveDocument イベ
ントでシンプルアクションまたは JavaScript が記述
できます

26. ビューの展開／省略
省略の場合
展開の場合

27. 未読マークの表示
• viewPanel - 表示
• 未読マークの表示

28. 未読マークのスタイルの変更（１）
• リソース
• スタイルシート
• XPage またはカスタムコントロー
ルへのリソース登録

29. 未読マークのスタイルの変更（２）
• ViewPanel - スタイル - unreadMarkClass

30. アイコンの表示
• リソース – イメージ に登録
• ビューの列のプロパティ – 表示 – アイコン
• 列のイメージで指定

31. 検索機能（その一例）
• ビューの結果の表示で検
索にスコープ変数を設定
します。
• 編集ボックスをスコープ変
数と結びつけます
注意：全文索引を作成するのを忘れな
いようにしてください
他にも URL パラメータで
検索キーワードを
受け渡しする方法もあります

32. サイトデザインについて
• 拡張ライブラリのアプリケーションレイアウト
（OneUI）を使う
• Bootstrap などデザインテンプレートを使う
• ノーツコンソーシアムホームページも Xpages +
Bootstrap で作られています。

33. 拡張ライブラリのアプリケーションレ
イアウトを使用したデザイン例
※ 画像は 8.5.3 で開発したものです。

34. Bootstrap を使ったデザイン例
レスポンシブル
デザインへも対
応し易い

35. Bootstrap などでデザインを行う
場合の事前準備
• 空のテーマを作成
• リソース – テーマ
• アプリケーションのテーマとして設定
• アプリケーション構成 – Xsp プロパティ
• テーマのデフォルト – アプリケーションのテーマ
注意点
リッチテキストコントロールなどの
デザインに問題がでる場合があり
ます。その時は個別に CSS を調整
する必要があります

36. Bootstrap & Xpages の詳しい情報は・・・
• 2日目 10:30〜
• Bootstrapと@式で作る簡単&CoolなXPagesアプリ
• 「Notesアプリは簡単に作れたのにXPagesアプリは何でこんなに面倒
なんだ！？」と思っているあなた。
「@式が使えないなんてNotesじゃないやい！！」と思っているあなた。
Bootstrapと@式で簡単にCoolなXPagesアプリが作れます。
Bootstrapを使えばレスポンシブなマルチデバイス対応アプリも作れ
ます。
今、必要なのは、開発が楽しいって想いと、あなたの創意工夫です。
• 林哲司

37. 作ったのはいいが、動かすサー
バーがない・・・
• 今なら IBM Bluemix の Xpages on Bluemix で動かせます。
• 使い方は、海老原さんのブログが参考になります。
• Domino/XPages on Bluemixにデプロイしてみた(1)
• http://take-the-xpages.blogspot.jp/2015/07/xpagesdomino-on-
blumix1.html
• 最新の Domino 環境が使え、公開できるのがいいですね！
正式サービスが楽しみです。

38. XPages on Bluemix の詳しい情報は・・・
• 2日目 13:30〜
• 実践！XPages on Bluemix
• Bluemix上でXPagesを動かしてみましょう！DBの作成から、
Bluemix上へのデプロイをセミナー内で実際に行います。その
際、Bluemix独自のオブジェクトや設定などについても解説し
たいと思います。
• 海老原 賢次

39. Notes/Domino 以外のサービスとの連携
については・・・
• 1日目 13:30〜
• REST の総復習
• REST の使い方をおさらいしましょう！
これで、あなたもREST マスターになれる！？
• 御代政彦

40. XPage の今後の動向については・・・
• 2日目 15:05〜（オフ会第2部）
• 【オフ会第2部】今年も！？ どこよりも早い XPages 最新
情報
• 来年の前半にリリースが予定されている IBM Notes/Domino
9.0.2 ですが、その中には、もちろん XPages に関する新機能も
含まれています。新機能の中から XPages を中心にアプリケー
ション開発環境に関する部分を切り出して、できる限り多くの
デモを交えながら紹介をします。
• 佐藤 淳

41. お知らせ
ノーツパートナーソリューションセミナー
H1-3 15:05～
XPagesDay オフ会【第1部】
XPages on Bluemix で IoT を実感！
XPages でドローンを制御、モニタリング

42. 緊急告知
Youtube で配信予定
https://youtu.be/GTFO35fsdZA
XPagesDay ホームページの
セッションページにもリンクがあります

43. 参考資料（１）
• 一週間で学ぶ XPages 開発入門 (初級編)
• http://www.ibm.com/developerworks/jp/lotus/education/xpages-1week/
• XPages 開発「⻁の巻」
• https://www.ibm.com/developerworks/community/files/basic/anonymous/api/library/f58
7597b-ebfb-40e0-9f96-4c6f61ff738d/document/869d5f8c-fefc-4ca1-b604-
a8749ba5d0ff/media
• XPages 開発 Tips 百連発
• http://www.slideshare.net/notesdominoliaison/xpages-tips
• XPages アプリケーションで作成する図書管理
• http://www.ibm.com/developerworks/jp/lotus/education/xpages_book_management/
• 既存のNotesアプリケーションのXPages化におけるポイント
• http://www.ibm.com/developerworks/jp/lotus/ldd_tech/2012_tech_update_apr_1.html

44. 参考資料（２）
• XPages.jp
• http://xpages.jp/
• qA9 for ICS(Lotus) Developers
• http://qa.xpages.jp/QA/qa.nsf/
• 上記サイト自身も XPages で作られています。

45. まとめ
XPages は最初は取っつき辛い部分があります。
しかし、式や LotusScript と似た関数も用意されているので、従来の知識も活かせます。
また、式や LotusScript では実現できなかった機能を実装できる面白い技術です。
ぜひ、いろいろなアプリを開発して
Xpages の可能性を体験してみてください！

46. ご清聴ありがとうございました