Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

XPagesジャンプスタート

4,092 views

Published on

2013年11月6日、XPagesDay で行われた【A-1】XPages ジャンプスタート

Published in: Technology
  • Be the first to comment

XPagesジャンプスタート

  1. 1. A-1 チームスタジオジャパン㈱ 加藤 満 @katoman
  2. 2. Agenda XPages概要 Domino Designer XPagesの コントロール 実践
  3. 3. XPages概要 開発言語 Dojo ToolKit CKEditor
  4. 4. XPages概要 開発言語 Dojo ToolKit CKEditor
  5. 5. • テクノロジー概要 – JSFをベースのテクノロジー – Web2.0ライクなアプリケーション • Web、XPiNC(Standard版クライアント) – オープンな技術の実装 – Social/Mobile 開発プラットフォーム http://ja.wikipedia.org/wiki/XPages
  6. 6. – ノーツアプリケーションでは実現できないこ とも • 複数データベースの情報をひとつのページに集約 • ページの一部を部分更新(Ajaxがビルトイン)
  7. 7. XPages概要 開発言語 Dojo ToolKit CKEditor
  8. 8. • XML • HTML • JavaScript – サーバーサイドJavaScript • @Functions – クライアントサイドJavaScript • CSS この辺の技術はこのセッションで詳しく網羅するはず。 【B-3】XPages開発を始めるNotes技術者のためのWeb技術概論
  9. 9. LotusScript SSJS • クラス • Domino ライブラ リー • XSP ライブラリー
  10. 10. • Notesの@関数をエミュレート – 関数名の大文字小文字を区別 – パラメーターはセミコロンではなくカンマ @DbName の例 var database = @Subset(@DbName(), -1); var server = @Name("[CN]", @Subset(@DbName(), 1)); return database + " on " + server
  11. 11. @Abs @Abstract @Adjust @AttachmentLengths @AttachmentModifiedTimes @AttachmentNames @Attachments @Author @Begins @Char @ClientType @Contains @Count @Created @Date @Day @DbColumn @DbLookup @DbName @DbTitle @Do @Element @Elements @Ends @Error @Explode @Failure @False @GetField @Hour @If @Implode @Integer @IsAvailable @IsDocBeingLoaded @IsDocBeingSaved @IsError @IsMember @IsNewDoc @IsNotMember @IsNull @IsNumber @IsResponseDoc @IsText @IsTime @IsUnavailable @Left @LeftBack @Length @List @LowerCase @Max @Member @Middle @MiddleBack @Min @Minute @Modulo @Month @Name @NewLine @No @Now @Null @ProperCase @Random @Repeat @Replace @ReplaceSubstring @ReplicaID @Return @Right @RightBack @Round @Second @Select @SetField @Subset @Success @Sum @Text @TextToNumber @TextToTime @Time @Today @Tomorrow @Trim @True @Unique @UpperCase @UserName @Weekday @Word @Year @Yes @Yesterday サポートしない@関数はこちら http://www10.lotus.com/ldd/ddwiki.nsf/dx/List_of_Formula_Not _Supported_In_XPages
  12. 12. XPages概要 開発言語 Dojo ToolKit CKEditor
  13. 13. • 標準コントロール • Dojo ウィジェット実装
  14. 14. • Dojo のバージョン http://dojotoolkit.org/ – 8.5.0 == 1.1.1 – 8.5.1 == 1.3.2 – 8.5.2 == 1.4.3 – 8.5.3 == 1.6.1 – 9.0 == 1.8 詳しく知りたい方は 【B-4】Dojo 徹底解剖! ~ XPages で Dojo を有効活用するには? ~
  15. 15. XPages概要 開発言語 Dojo ToolKit CKEditor
  16. 16. http://ckeditor.com/ • 8.5.2 == 3.2.1.6 • 8.5.3 == 3.5.3 • 9.0 == 3.6.4
  17. 17. Domino Designer 設計要素 各種パネル
  18. 18. Domino Designer 設計要素 各種パネル
  19. 19. • XPage • カスタムコントロール • スクリプトライブラリー – SSJS – JavaScript • リソース – – – – ファイル スタイルシート イメージ テーマ
  20. 20. Domino Designer 設計要素 各種パネル
  21. 21. ① アプリケーション ② アウトライン ③ エディター – 設計 – ソース ④ ⑤ ⑥ ⑦ ⑧ コントロール データ プロパティタブ イベントタブ パッケージ・エクスプローラー
  22. 22. XPagesのコントロール コア コンテナ コントロール コントロール カスタム Extension Library コントロール コントロール
  23. 23. • コアコントロール • コンテナコントロール • カスタムコントロール • Extension Library コントロール
  24. 24. XPagesのコントロール コア コンテナ コントロール コントロール カスタム Extension Library コントロール コントロール
  25. 25. • ノーツフィールドLikeなコントロール – – – – – – – – 編集ボックス リッチテキスト 複数行編集ボックス リストボックス コンボボックス チェックボタン(グループ) ラジオボタン(グループ) 日付ピッカー – 計算結果フィールド
  26. 26. • ノーツフィールド以外 – ラベル – ボタン – リンク – イメージ – ファイルのアップロード/ダウンロード – エラー表示 – 複数エラー表示 – ページャ
  27. 27. • 特殊 – 改行 – 出力スクリプト – 非表示の入力 – 編集可能領域 (カスタムコントロールのみ)
  28. 28. XPagesのコントロール コア コンテナ コントロール コントロール カスタム Extension Library コントロール コントロール
  29. 29. • ノーツビューを表示させるコンテナコン トロール – ビュー – 繰り返し – データ表
  30. 30. • パネルコントロール使い方 – 通常HTMLの <div> – データソースにバインディング
  31. 31. XPagesのコントロール コア コンテナ コントロール コントロール カスタム Extension Library コントロール コントロール
  32. 32. • 開発者が自身で作るコントロール 「カスタムコントロール」≒「サブフォーム」 例 – ページ表示領域の一部 – レイアウト – コードのみ – ファンクション(ログイン)
  33. 33. XPagesのコントロール コア コンテナ コントロール コントロール カスタム Extension Library コントロール コントロール
  34. 34. • おすすめ拡張ライブラリ – アプリケーションレイアウト – 動的ビュー – 名前ピッカー – モバイル全般
  35. 35. 実践 Demonstration Application for XPages XPagesでCRUDデモ
  36. 36. 実践 Demonstration Application for XPages XPagesでCRUDデモ
  37. 37. http://www.ibm.com/developerworks/downloads/ls/dominod esigner/index.html
  38. 38. 実践 Demonstration Application for XPages XPagesでCRUDデモ
  39. 39. • XPages コントロールや XPages で実現する様々 な機能を試すことができるデモアプリ (XPages.nsf) • OpenNTF に公開されている – 本家(英語) http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name=Demonstration%20Application%20for%20XPages – 日本語 by XPages Extension Library Japan プロジェ クト http://www.openntf.org/internal/home.nsf/project.xsp?action=openDocument&name =XPages%20Extension%20Library%20Japan • ダウンロード • 動作を確認 • ソースを確認
  40. 40. 実践 Demonstration Application for XPages XPagesでCRUDデモ
  41. 41. • XPages 入門 (IBM developerWorks) – http://www.ibm.com/developerworks/jp/lotus/education/xpages/ • XPages による Web アプリケーション開発 (IBM develoerWorks) – http://www.ibm.com/developerworks/jp/ysl/library/lotus/y-lot-xpages1/ • IBM Notes and Domino Application Development wiki 日 本語カテゴリ – http://www10.lotus.com/ldd/ddwiki.nsf/xpViewCategories.xsp?lookupName=%E6%97%A5% E6%9C%AC%E8%AA%9E%20-%20Japanese • XPages 開発 Tips 百連発 – http://www.slideshare.net/notesdominoliaison/xpages-tips

×