Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)

5.470 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Software
  • Als Erste(r) kommentieren

Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)

  1. 1. Notes 技術者のための はじめての XPages 講座 2015年11 月 17 日 (火) 株式会社ソルクシーズ 吉田 武司
  2. 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. 3. 自己紹介 株式会社ソルクシーズ 吉田武司 Notes/Domino 一筋20年 今年、Salesforce 認定デベロッパーを取得 趣味は PC の自作、プラモデルの製作 最近は、Bluemix が気になっている 資料は後ほど公開します 従来の Notes/Domino アプリケーション開発は知ってい るけれど、XPages はまだ使ったことがない方に XPages に興味を持って頂けるセッションになればと思います。
  4. 4. アジェンダ ステップ1:物は試し。掲示板アプリを素早く作ってみよう! ステップ2:機能追加する際のポイント ステップ3:XPages と IBM Bluemix を組み合わせた例
  5. 5. 始める前に・・・ • デザインについて • 本来ならば CSS で行った方が変更やレスポンシブル化には よいのですが、最初からすべてを覚える(気を付ける)のは 大変なので今回はテーブルレイアウトを使っています。慣れ てきたら、CSS でデザインしてみてください。 • フォームでの計算について • 文書オープンや保存時のフィールドの計算は、 • 従来のフォームのフィールドでの計算(ComputeWithForm ?) • XPages の2パターンがあります。こちらも最初は極力簡単にするため に前者で説明しています。慣れてきたら、XPages 側で計算した 方がデバックもし易く作りやすいです。
  6. 6. 環境 • IBM Notes/Domino 9.0.1 • スタンダード版クライアントのローカルで作成、閲覧 • デモで使用する掲示板DB の構成 • フォーム :掲示板 • ビュー :カテゴリ別、作成者別、作成日順
  7. 7. 設計要素の構成 (今までのノーツでは) フレームセット ページ アウトライン フォーム ビュー ビュー ビュー ビューの切り替え フォームの表示
  8. 8. カスタムコントロール (フレームセット) カスタムコン トロール (ページ、 アウトライ ン) カスタムコン トロール (ビュー) XPage (作成者別ビュー用) 設計要素の構成 ( 今回の XPages では) XPage (フォーム) XPage (作成日順ビュー用) カスタムコントロール (フレームセット) カスタムコン トロール (ページ、 アウトライン) カスタムコン トロール (ビュー) XPage (カテゴリ別ビュー用) カスタムコントロール (フレームセット) カスタムコン トロール (ページ、 アウトライ ン) カスタムコン トロール (ビュー) XPage(ビュー用) の切り替え XPage(フォーム用)の表示
  9. 9. フォーム画面 • 各コントロールを配置して画面の作成 • フォームのフィールドに紐付ける
  10. 10. ビュー画面 • 部品の作成 (カスタムコントロール) • メニュー • ビュー • フレームセット • XPage (ビュー用×3) XPage フレームセット メニュー ビュー ビューメニュー フレームセット メニュー 編集 可能 領域 別のカスタムコ ントロールを配 置可能 イメージとしては サブフォーム?
  11. 11. 動作確認 • ノーツクライアントで動作を確認
  12. 12. デモ
  13. 13. エラーの表示 • アプリケーション構成 - Xsp プロパティ • エラー処理 - Xpage 実行時エラーページを表示 • 「標準サーバーエラーページ」を指定しておくとデバックし易い
  14. 14. デバックの詳しい情報は・・・ • 1日目 15:00〜 • 誰も教えてくれなかったXPages のデバッグ方法。 • 加藤満
  15. 15. ボタン(編集、保存、削除) • シンプル
  16. 16. ボタン(新規作成)
  17. 17. コントロールの表示/非表示 • 可視に条件を記述 注意点 従来の非表示式とは逆で True の時表示される
  18. 18. フォームを開くときの Xpages の指定 • 2パターン • フォームのプロパティ • ビューパネルの設定 • ビューパネルの設定の方がよいけれど、複数のフォームが 含まれる場合は、フォームのプロパティがよい場合もあり
  19. 19. 添付ファイル • コアコントロール • ファイルのアップロード • ファイルのダウンロード • データ – データバインディング でバインド先の フィールを指定 • 注意: • ノーツクライアントのようにリッチテキストフィールドの好 きな場所に添付ファイルを貼り付けることはできません。 • 本文とは別に添付ファイル用の別フィールドを用意して ください。
  20. 20. 添付ファイル • 連続で複数の添 付ファイルをアッ プロードできるよ うにするために、 1ファイルを選択 する毎に画面を 更新します。
  21. 21. DBを開いた時に表示する Xpage の指定 • データベースプロパティで指定
  22. 22. 入力チェック • コントロール – 検証 • 必須フィールド サーバーでデータベースを稼働させている場合は、 サーバーサイドで入力チェックをすることもできます。
  23. 23. 名前の Common Name 表示例
  24. 24. 漢字名の表示例 • お馴染みの @DBLookup, @Name を使って、ドミノ ディレクトリから取得 注意:サーバー上に配置されている想定です。
  25. 25. 保存時にまとめて計算したい場合 • データソースに対応した querySaveDocument イベ ントでシンプルアクションまたは JavaScript が記述 できます
  26. 26. ビューの展開/省略 省略の場合 展開の場合
  27. 27. 未読マークの表示 • viewPanel - 表示 • 未読マークの表示
  28. 28. 未読マークのスタイルの変更(1) • リソース • スタイルシート • XPage またはカスタムコントロー ルへのリソース登録
  29. 29. 未読マークのスタイルの変更(2) • ViewPanel - スタイル - unreadMarkClass
  30. 30. アイコンの表示 • リソース – イメージ に登録 • ビューの列のプロパティ – 表示 – アイコン • 列のイメージで指定
  31. 31. 検索機能(その一例) • ビューの結果の表示で検 索にスコープ変数を設定 します。 • 編集ボックスをスコープ変 数と結びつけます 注意:全文索引を作成するのを忘れな いようにしてください 他にも URL パラメータで 検索キーワードを 受け渡しする方法もあります
  32. 32. サイトデザインについて • 拡張ライブラリのアプリケーションレイアウト (OneUI)を使う • Bootstrap などデザインテンプレートを使う • ノーツコンソーシアムホームページも Xpages + Bootstrap で作られています。
  33. 33. 拡張ライブラリのアプリケーションレ イアウトを使用したデザイン例 ※ 画像は 8.5.3 で開発したものです。
  34. 34. Bootstrap を使ったデザイン例 レスポンシブル デザインへも対 応し易い
  35. 35. Bootstrap などでデザインを行う 場合の事前準備 • 空のテーマを作成 • リソース – テーマ • アプリケーションのテーマとして設定 • アプリケーション構成 – Xsp プロパティ • テーマのデフォルト – アプリケーションのテーマ 注意点 リッチテキストコントロールなどの デザインに問題がでる場合があり ます。その時は個別に CSS を調整 する必要があります
  36. 36. Bootstrap & Xpages の詳しい情報は・・・ • 2日目 10:30〜 • Bootstrapと@式で作る簡単&CoolなXPagesアプリ • 「Notesアプリは簡単に作れたのにXPagesアプリは何でこんなに面倒 なんだ!?」と思っているあなた。 「@式が使えないなんてNotesじゃないやい!!」と思っているあなた。 Bootstrapと@式で簡単にCoolなXPagesアプリが作れます。 Bootstrapを使えばレスポンシブなマルチデバイス対応アプリも作れ ます。 今、必要なのは、開発が楽しいって想いと、あなたの創意工夫です。 • 林哲司
  37. 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. 38. XPages on Bluemix の詳しい情報は・・・ • 2日目 13:30〜 • 実践!XPages on Bluemix • Bluemix上でXPagesを動かしてみましょう!DBの作成から、 Bluemix上へのデプロイをセミナー内で実際に行います。その 際、Bluemix独自のオブジェクトや設定などについても解説し たいと思います。 • 海老原 賢次
  39. 39. Notes/Domino 以外のサービスとの連携 については・・・ • 1日目 13:30〜 • REST の総復習 • REST の使い方をおさらいしましょう! これで、あなたもREST マスターになれる!? • 御代政彦
  40. 40. XPage の今後の動向については・・・ • 2日目 15:05〜(オフ会第2部) • 【オフ会第2部】今年も!? どこよりも早い XPages 最新 情報 • 来年の前半にリリースが予定されている IBM Notes/Domino 9.0.2 ですが、その中には、もちろん XPages に関する新機能も 含まれています。新機能の中から XPages を中心にアプリケー ション開発環境に関する部分を切り出して、できる限り多くの デモを交えながら紹介をします。 • 佐藤 淳
  41. 41. お知らせ ノーツパートナーソリューションセミナー H1-3 15:05~ XPagesDay オフ会【第1部】 XPages on Bluemix で IoT を実感! XPages でドローンを制御、モニタリング
  42. 42. 緊急告知 Youtube で配信予定 https://youtu.be/GTFO35fsdZA XPagesDay ホームページの セッションページにもリンクがあります
  43. 43. 参考資料(1) • 一週間で学ぶ 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. 44. 参考資料(2) • XPages.jp • http://xpages.jp/ • qA9 for ICS(Lotus) Developers • http://qa.xpages.jp/QA/qa.nsf/ • 上記サイト自身も XPages で作られています。
  45. 45. まとめ XPages は最初は取っつき辛い部分があります。 しかし、式や LotusScript と似た関数も用意されているので、従来の知識も活かせます。 また、式や LotusScript では実現できなかった機能を実装できる面白い技術です。 ぜひ、いろいろなアプリを開発して Xpages の可能性を体験してみてください!
  46. 46. ご清聴ありがとうございました

×