Downloaded 38 times
Uploaded byTakeshi Yoshida
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)
従来の Notes/Domino アプリケーション開発は知っているけれど、XPages はまだ使ったことがない方に XPages に興味を持って頂けるセッションになればと思います。
More Related Content
![XpagesDay 2014 [A-2] スタンダードクライアントで xpages を使ってみよう](https://cdn.slidesharecdn.com/ss_thumbnails/xpagesday2014xpages-141118230721-conversion-gate02-thumbnail.jpg?width=640&height=640&fit=bounds)
![XPages Day 2013 [B-3] XPages開発を始める Notes技術者のためのWeb技術概論](https://cdn.slidesharecdn.com/ss_thumbnails/xpagesday2013-b3-131104200209-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![XPagesDay2014 [B-3] XPagesでRESTを使ってみたら、こんなんだったPartⅡ](https://cdn.slidesharecdn.com/ss_thumbnails/xpagesdayb3-141119060223-conversion-gate01-thumbnail.jpg?width=640&height=640&fit=bounds)
Notes 技術者のための はじめての XPages 講座 (XPagesDay 2015)
- 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.
- 5. 始める前に・・・ • デザインについて • 本来ならばCSS で行った方が変更やレスポンシブル化には よいのですが、最初からすべてを覚える（気を付ける）のは 大変なので今回はテーブルレイアウトを使っています。慣れ てきたら、CSS でデザインしてみてください。 • フォームでの計算について • 文書オープンや保存時のフィールドの計算は、 • 従来のフォームのフィールドでの計算（ComputeWithForm ?） • XPages の2パターンがあります。こちらも最初は極力簡単にするため に前者で説明しています。慣れてきたら、XPages 側で計算した 方がデバックもし易く作りやすいです。
- 6. 環境 • IBM Notes/Domino9.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.
- 18. フォームを開くときの Xpages の指定 •2パターン • フォームのプロパティ • ビューパネルの設定 • ビューパネルの設定の方がよいけれど、複数のフォームが 含まれる場合は、フォームのプロパティがよい場合もあり
- 19. 添付ファイル • コアコントロール • ファイルのアップロード •ファイルのダウンロード • データ – データバインディング でバインド先の フィールを指定 • 注意： • ノーツクライアントのようにリッチテキストフィールドの好 きな場所に添付ファイルを貼り付けることはできません。 • 本文とは別に添付ファイル用の別フィールドを用意して ください。
- 20.
- 21. DBを開いた時に表示する Xpage の指定 •データベースプロパティで指定
- 22. 入力チェック • コントロール –検証 • 必須フィールド サーバーでデータベースを稼働させている場合は、 サーバーサイドで入力チェックをすることもできます。
- 23.
- 24. 漢字名の表示例 • お馴染みの @DBLookup,@Name を使って、ドミノ ディレクトリから取得 注意：サーバー上に配置されている想定です。
- 25. 保存時にまとめて計算したい場合 • データソースに対応した querySaveDocumentイベ ントでシンプルアクションまたは JavaScript が記述 できます
- 26.
- 27. 未読マークの表示 • viewPanel -表示 • 未読マークの表示
- 28. 未読マークのスタイルの変更（１） • リソース • スタイルシート •XPage またはカスタムコントロー ルへのリソース登録
- 29. 未読マークのスタイルの変更（２） • ViewPanel -スタイル - unreadMarkClass
- 30. アイコンの表示 • リソース –イメージ に登録 • ビューの列のプロパティ – 表示 – アイコン • 列のイメージで指定
- 31. 検索機能（その一例） • ビューの結果の表示で検 索にスコープ変数を設定 します。 • 編集ボックスをスコープ変 数と結びつけます 注意：全文索引を作成するのを忘れな いようにしてください 他にもURL パラメータで 検索キーワードを 受け渡しする方法もあります
- 32. サイトデザインについて • 拡張ライブラリのアプリケーションレイアウト （OneUI）を使う • Bootstrapなどデザインテンプレートを使う • ノーツコンソーシアムホームページも Xpages + Bootstrap で作られています。
- 33.
- 34.
- 35. Bootstrap などでデザインを行う 場合の事前準備 • 空のテーマを作成 •リソース – テーマ • アプリケーションのテーマとして設定 • アプリケーション構成 – Xsp プロパティ • テーマのデフォルト – アプリケーションのテーマ 注意点 リッチテキストコントロールなどの デザインに問題がでる場合があり ます。その時は個別に CSS を調整 する必要があります
- 36. Bootstrap & Xpagesの詳しい情報は・・・ • 2日目 10:30〜 • Bootstrapと@式で作る簡単&CoolなXPagesアプリ • 「Notesアプリは簡単に作れたのにXPagesアプリは何でこんなに面倒 なんだ！？」と思っているあなた。 「@式が使えないなんてNotesじゃないやい！！」と思っているあなた。 Bootstrapと@式で簡単にCoolなXPagesアプリが作れます。 Bootstrapを使えばレスポンシブなマルチデバイス対応アプリも作れ ます。 今、必要なのは、開発が楽しいって想いと、あなたの創意工夫です。 • 林哲司
- 37. 作ったのはいいが、動かすサー バーがない・・・ • 今なら IBMBluemix の 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部】 XPageson Bluemix で IoT を実感！ XPages でドローンを制御、モニタリング
- 42.
- 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.