Silverlightを囲む会in東京＃3 http://silverlightsquare.com/index.php/tokyo03.html のセッション資料

1. Silverlightで作る
SharePoint Webパーツ
2011/7/9
株式会社アンク
若林悠

2. 自己紹介
• （株）アンクのエンジニアです。
• 最近Silverlightを中心に仕事をしています。

3. Silverlight Webパーツシリーズ
Silverlightを使って「動きのある」情報の表示を行い、直観的に
使用してもらうことを目的にした SharePoint Webパーツです。
http://www.ank.co.jp/works/products/spsolution/index.html#silverlight

4. アジェンダ
• Webパーツとは
• SilverlightでWebパーツを作る
• SharePointとの連携
• その他

5. Webパーツとは
SharePointの情報を表示するためのコンポーネント

6. SilverlightでWebパーツを作る
方法
1. 標準の「SilverlightのWebパーツ」を使う
2. Visual Studioで開発する！

7. 標準の「SilverlightのWebパーツ」を使う
標準で用意されているWebパーツから「SilverlightのWebパーツ」を選択
→表示させるSilverlight xapファイルを指定する。
→単純にxapを表示させるだけ。SharePointとの連携ができない。

8. Visual Studioで開発する
• サーバー（SharePointがインストールされている環境）で開発をします。
• いくつか方法があります。
1. 「視覚的Webパーツ」＋「Silverlightアプリケーション」
2. VSのエクステンションでインストールできる、Silverlight Webパーツのテンプ
レートを使用する
今回はこれを使いました
「SharePoint 2010 Extensibility Projects」
http://archive.msdn.microsoft.com/vsixforsp/Release/ProjectReleases.aspx?ReleaseId=4177
「Visual Studio 2010 SharePoint Power Tools」
http://visualstudiogallery.msdn.microsoft.com/e8360a85-58ca-42d1-8de0-e48a1ab071c7

9. SharePoint 2010 Extensibility Projects
Server
Side
Client
Side(SL)

10. デバッグ
• サーバーサイド
「F5キー」等で、通常通りデバッグを実行する。
指定したSharePointサイトにデプロイされ、
デバッグが開始される。
• クライアントサイド（Silverlight）
（SharePointに限った方法ではないが）
Silverlight Webパーツを配置したSharePointサイトを表示
→「プロセスにアタッチ」からブラウザのプロセスを選択して
デバッグを実行する。

11. SharePointとの連携
• Webサービスを使う
例
• Client OM (Client Object Model)を使う
例

12. SharePointとの連携（Webサービス）
• 必要なCRUD処理（SharePointリストのデータ処理 etc.）を、SharePoint
サーバー側で実装。
↓
• 上記処理にアクセスするためのWebサービスを作成、配置する。
↓
• Silverlight側から上記Webサービスにサービス参照をして使用する。
（Webサービスへリクエストをするコード例）

13. SharePointとの連携（Client OM）
• Webサービスを介さずにSharePointとデータをやり取りするための
仕組み
• 参照設定に以下のdllを追加する。
– Microsoft.SharePoint.Client.Silverlight.dll
– Microsoft.SharePoint.Client.Silverlight.Runtime.dll
(%programfiles%¥Common Files¥Microsoft Shared¥Web Server
Extensions¥14¥TEMPLATE¥LAYOUTS¥ClientBin¥)

14. Client OMのコード例

15. その他
• HTMLブリッジを多用した
• 「スクリプトに対して安全」をtrueにすると、管理ユーザーではないユー
ザーで、Webパーツを追加できるようにする。
Trueにする

16. ありがとうございました