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.
Silverlightで作るSharePoint Webパーツ                   2011/7/9                株式会社アンク                     若林悠
自己紹介• (株)アンクのエンジニアです。• 最近Silverlightを中心に仕事をしています。
Silverlight Webパーツシリーズ Silverlightを使って「動きのある」情報の表示を行い、直観的に 使用してもらうことを目的にした SharePoint Webパーツです。      http://www.ank.co.jp/...
アジェンダ • Webパーツとは • SilverlightでWebパーツを作る • SharePointとの連携 • その他
WebパーツとはSharePointの情報を表示するためのコンポーネント
SilverlightでWebパーツを作る  方法  1. 標準の「SilverlightのWebパーツ」を使う  2. Visual Studioで開発する!
標準の「SilverlightのWebパーツ」を使う標準で用意されているWebパーツから「SilverlightのWebパーツ」を選択 →表示させるSilverlight xapファイルを指定する。  →単純にxapを表示させるだけ。Share...
Visual Studioで開発する• サーバー(SharePointがインストールされている環境)で開発をします。• いくつか方法があります。  1.   「視覚的Webパーツ」+「Silverlightアプリケーション」  2.   VSの...
SharePoint 2010 Extensibility Projects                                          Server                                    ...
デバッグ• サーバーサイド「F5キー」等で、通常通りデバッグを実行する。指定したSharePointサイトにデプロイされ、デバッグが開始される。• クライアントサイド(Silverlight)(SharePointに限った方法ではないが)Sil...
SharePointとの連携 • Webサービスを使う                       例 • Client OM (Client Object Model)を使う                 例
SharePointとの連携(Webサービス)• 必要なCRUD処理(SharePointリストのデータ処理 etc.)を、SharePoint  サーバー側で実装。  ↓• 上記処理にアクセスするためのWebサービスを作成、配置する。  ↓•...
SharePointとの連携(Client OM)• Webサービスを介さずにSharePointとデータをやり取りするための  仕組み• 参照設定に以下のdllを追加する。  – Microsoft.SharePoint.Client.Sil...
Client OMのコード例
その他• HTMLブリッジを多用した• 「スクリプトに対して安全」をtrueにすると、管理ユーザーではないユー  ザーで、Webパーツを追加できるようにする。                               Trueにする
ありがとうございました
Upcoming SlideShare
Loading in …5
×

Silverlightで作るSharePoint Webパーツ

2,176 views

Published on

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

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Silverlightで作るSharePoint Webパーツ

  1. 1. Silverlightで作るSharePoint Webパーツ 2011/7/9 株式会社アンク 若林悠
  2. 2. 自己紹介• (株)アンクのエンジニアです。• 最近Silverlightを中心に仕事をしています。
  3. 3. Silverlight Webパーツシリーズ Silverlightを使って「動きのある」情報の表示を行い、直観的に 使用してもらうことを目的にした SharePoint Webパーツです。 http://www.ank.co.jp/works/products/spsolution/index.html#silverlight
  4. 4. アジェンダ • Webパーツとは • SilverlightでWebパーツを作る • SharePointとの連携 • その他
  5. 5. WebパーツとはSharePointの情報を表示するためのコンポーネント
  6. 6. SilverlightでWebパーツを作る 方法 1. 標準の「SilverlightのWebパーツ」を使う 2. Visual Studioで開発する!
  7. 7. 標準の「SilverlightのWebパーツ」を使う標準で用意されているWebパーツから「SilverlightのWebパーツ」を選択 →表示させるSilverlight xapファイルを指定する。 →単純にxapを表示させるだけ。SharePointとの連携ができない。
  8. 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. 9. SharePoint 2010 Extensibility Projects Server Side Client Side(SL)
  10. 10. デバッグ• サーバーサイド「F5キー」等で、通常通りデバッグを実行する。指定したSharePointサイトにデプロイされ、デバッグが開始される。• クライアントサイド(Silverlight)(SharePointに限った方法ではないが)Silverlight Webパーツを配置したSharePointサイトを表示 →「プロセスにアタッチ」からブラウザのプロセスを選択して デバッグを実行する。
  11. 11. SharePointとの連携 • Webサービスを使う 例 • Client OM (Client Object Model)を使う 例
  12. 12. SharePointとの連携(Webサービス)• 必要なCRUD処理(SharePointリストのデータ処理 etc.)を、SharePoint サーバー側で実装。 ↓• 上記処理にアクセスするためのWebサービスを作成、配置する。 ↓• Silverlight側から上記Webサービスにサービス参照をして使用する。(Webサービスへリクエストをするコード例)
  13. 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. 14. Client OMのコード例
  15. 15. その他• HTMLブリッジを多用した• 「スクリプトに対して安全」をtrueにすると、管理ユーザーではないユー ザーで、Webパーツを追加できるようにする。 Trueにする
  16. 16. ありがとうございました

×