XPagesジャンプスタート

XPages ジャンプスタート

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

A-1

@katoman

Agenda

DominoDesigner

XPages のコントロール

実践

XPages 概要

XPages 概要

開発言語 Dojo ToolKit CKEditor

XPages とは

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

–オープンな技術の実装– Social/Mobile 開発プラットフォーム

http://ja.wikipedia.org/wiki/XPages




XPages とは ( 続き )

–ノーツアプリケーションでは実現できないことも• 複数データベースの情報をひとつのページに集約• ページの一部を部分更新 (Ajax がビルトイン )

XPages 概要


開発言語

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

–クライアントサイド JavaScript

• CSS

この辺の技術はこのセッションで詳しく網羅するはず。【 B-3 】 XPages 開発を始める Notes 技術者のための Web 技術概論

サーバーサイド JavaScript

LotusScript• クラス

SSJS• Domino ライブ

ラリー• XSP ライブラ

リー

サーバーサイド JavaScript

@Functions

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

var database = @Subset(@DbName(), -1);var server = @Name("[CN]", @Subset(@DbName(), 1));return database + " on " + server

@DbName の例

@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://www-10.lotus.com/ldd/ddwiki.nsf/dx/List_of_Formula_Not_Supported_In_XPages

http://www-10.lotus.com/ldd/ddwiki.nsf/dx/List_of_Formula_Not_Supported_In_XPages






XPages 概要


Dojo

• 標準コントロール• Dojo ウィジェット実装

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

詳しく知りたい方は【 B-4 】 Dojo 徹底解剖！～ XPages で Dojo を有効活用するには？～

http://dojotoolkit.org/



XPages 概要


CKEditor

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

http://ckeditor.com/



Domino Designer

設計要素各種パネル

設計要素

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

• リソース– ファイル– スタイルシート– イメージ– テーマ

Domino Designer

設計要素各種パネル

Domino Designer の各種パネル

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

④ コントロール⑤ データ⑥ プロパティタブ⑦ イベントタブ⑧ パッケージ・エクスプローラー


カスタムコントロール

Extension Library コントロール

コアコントロール

コンテナコントロール


• コアコントロール• コンテナコントロール• カスタムコントロール

• Extension Library コントロール


• ノーツフィールド Like なコントロール– 編集ボックス– リッチテキスト– 複数行編集ボックス– リストボックス– コンボボックス– チェックボタン（グループ）– ラジオボタン（グループ）– 日付ピッカー

– 計算結果フィールド


• ノーツフィールド以外–ラベル–ボタン–リンク–イメージ–ファイルのアップロード／ダウンロード–エラー表示–複数エラー表示–ページャ


• 特殊–改行–出力スクリプト–非表示の入力–編集可能領域 ( カスタムコントロールのみ )


• ノーツビューを表示させるコンテナコントロール–ビュー–繰り返し–データ表


• パネルコントロール使い方–通常 HTML の <div>–データソースにバインディング


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

例–ページ表示領域の一部–レイアウト–コードのみ–ファンクション ( ログイン )

「カスタムコントロール」≒「サブフォーム」

ExtensionLibrary

コントロール


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

実践

XPages で CRUD デモ

Demonstration Application for XPages

Domino Designer の入手

http://www.ibm.com/developerworks/downloads/ls/dominodesigner/index.html











実践




• 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

• ダウンロード• 動作を確認• ソースを確認



















実践



XPages 入門関連リファレンス

• 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://www-10.lotus.com/ldd/ddwiki.nsf/xpViewCategories.xsp?lookupN

ame=%E6%97%A5%E6%9C%AC%E8%AA%9E%20-%20Japanese

• XPages 開発 Tips 百連発– http://www.slideshare.net/notesdominoliaison/xpages-tips

http://www.ibm.com/developerworks/jp/lotus/education/xpages/









http://www.ibm.com/developerworks/jp/ysl/library/lotus/y-lot-xpages1/









http://www-10.lotus.com/ldd/ddwiki.nsf/xpViewCategories.xsp?lookupName=%E6%97%A5%E6%9C%AC%E8%AA%9E%20-%20Japanese



http://www.slideshare.net/notesdominoliaison/xpages-tips








XPagesジャンプスタート

Technology

Transcript of XPagesジャンプスタート