A-1

チームスタジオジャパン㈱
加藤 満
@katoman
Agenda

XPages概要

Domino
Designer

XPagesの
コントロール

実践
XPages概要

開発言語

Dojo ToolKit

CKEditor
XPages概要

開発言語

Dojo ToolKit

CKEditor
• テクノロジー概要
– JSFをベースのテクノロジー
– Web2.0ライクなアプリケーション
• Web、XPiNC(Standard版クライアント)

– オープンな技術の実装
– Social/Mobile 開発プラットフォーム
htt...
– ノーツアプリケーションでは実現できないこ
とも
• 複数データベースの情報をひとつのページに集約
• ページの一部を部分更新(Ajaxがビルトイン)
XPages概要

開発言語

Dojo ToolKit

CKEditor
• XML
• HTML
• JavaScript
– サーバーサイドJavaScript
• @Functions

– クライアントサイドJavaScript

• CSS
この辺の技術はこのセッションで詳しく網羅するはず。
【B-3】XP...
LotusScript

SSJS

• クラス

• Domino ライブラ
リー
• XSP ライブラリー
• Notesの@関数をエミュレート
– 関数名の大文字小文字を区別
– パラメーターはセミコロンではなくカンマ
@DbName の例

var database = @Subset(@DbName(), -1);
var server = @...
@Abs
@Abstract
@Adjust
@AttachmentLengths
@AttachmentModifiedTimes
@AttachmentNames
@Attachments
@Author
@Begins
@Char
@Cl...
XPages概要

開発言語

Dojo ToolKit

CKEditor
• 標準コントロール
• Dojo ウィジェット実装
• 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
詳しく...
XPages概要

開発言語

Dojo ToolKit

CKEditor
http://ckeditor.com/
• 8.5.2 == 3.2.1.6
• 8.5.3 == 3.5.3
• 9.0 == 3.6.4
Domino Designer

設計要素

各種パネル
Domino Designer

設計要素

各種パネル
• XPage
• カスタムコントロール
• スクリプトライブラリー
– SSJS
– JavaScript

• リソース
–
–
–
–

ファイル
スタイルシート
イメージ
テーマ
Domino Designer

設計要素

各種パネル
① アプリケーション
② アウトライン
③ エディター
– 設計
– ソース

④
⑤
⑥
⑦
⑧

コントロール
データ
プロパティタブ
イベントタブ
パッケージ・エクスプローラー
XPagesのコントロール

コア

コンテナ

コントロール

コントロール

カスタム

Extension Library
コントロール

コントロール
• コアコントロール
• コンテナコントロール
• カスタムコントロール
• Extension Library コントロール
XPagesのコントロール

コア

コンテナ

コントロール

コントロール

カスタム

Extension Library
コントロール

コントロール
• ノーツフィールドLikeなコントロール
–
–
–
–
–
–
–
–

編集ボックス
リッチテキスト
複数行編集ボックス
リストボックス
コンボボックス
チェックボタン(グループ)
ラジオボタン(グループ)
日付ピッカー

– 計算結果フ...
• ノーツフィールド以外
– ラベル
– ボタン
– リンク
– イメージ
– ファイルのアップロード/ダウンロード
– エラー表示
– 複数エラー表示
– ページャ
• 特殊
– 改行
– 出力スクリプト
– 非表示の入力
– 編集可能領域 (カスタムコントロールのみ)
XPagesのコントロール

コア

コンテナ

コントロール

コントロール

カスタム

Extension Library
コントロール

コントロール
• ノーツビューを表示させるコンテナコン
トロール
– ビュー
– 繰り返し
– データ表
• パネルコントロール使い方
– 通常HTMLの <div>
– データソースにバインディング
XPagesのコントロール

コア

コンテナ

コントロール

コントロール

カスタム

Extension Library
コントロール

コントロール
• 開発者が自身で作るコントロール

「カスタムコントロール」≒「サブフォーム」
例
– ページ表示領域の一部
– レイアウト
– コードのみ
– ファンクション(ログイン)
XPagesのコントロール

コア

コンテナ

コントロール

コントロール

カスタム

Extension Library
コントロール

コントロール
• おすすめ拡張ライブラリ
– アプリケーションレイアウト
– 動的ビュー
– 名前ピッカー
– モバイル全般
実践

Demonstration Application
for XPages

XPagesでCRUDデモ
実践

Demonstration Application
for XPages

XPagesでCRUDデモ
http://www.ibm.com/developerworks/downloads/ls/dominod
esigner/index.html
実践

Demonstration Application
for XPages

XPagesでCRUDデモ
• XPages コントロールや XPages で実現する様々
な機能を試すことができるデモアプリ
(XPages.nsf)
• OpenNTF に公開されている
– 本家(英語)
http://www.openntf.org/internal...
実践

Demonstration Application
for XPages

XPagesでCRUDデモ
• XPages 入門 (IBM developerWorks)
– http://www.ibm.com/developerworks/jp/lotus/education/xpages/

• XPages による Web アプリケーション...
XPagesジャンプスタート
XPagesジャンプスタート
XPagesジャンプスタート
XPagesジャンプスタート
XPagesジャンプスタート
XPagesジャンプスタート
XPagesジャンプスタート
Upcoming SlideShare
Loading in...5
×

XPagesジャンプスタート

3,053

Published on

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

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,053
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
41
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×