Silverlight4になってから、SharePoint2010と非常に連携がしやくすなっています。開発環境構築の方法から SharePoint2010に連携するまでの簡単な流れを紹介します。

1. SilverlightとSharePoint2010の紹介
OITEC 岡山勉強会 第６回
2010/7/3
SilverlightSquare
遥佐保

2. 自己紹介
1. 遥佐保（はるか・さお）
2. SilverlightSquareの代表
3. Visual Studio User Group
– 初心者フォーラムリーダー
4. Microsoft MVP Award :Client App Dev
5. http://blog.livedoor.jp/haruka_sao/
6. Twitter : @hr_sao

3. Silverlightとは
Webブラウザ用の軽量なプラグ゗ン
– .NET Frameworkのサブセット
クロスプラットフォーム
クロスブラウザ対応
リッチメデゖゕの配信
RIAのプラットフォーム

4. Browserへの普及率
もう普及率が…なんて言わせない！？
All 61％ Japan 77％
http://www.riastats.com/

5. ゕーキテクチャ
Browserのプラ
グ゗ンのみで動
作可能な.NET
Frameworkの
サブセット
プラットフォー
ムはこの３点
http://msdn.microsoft.com/ja-
jp/library/bb404713(VS.95).aspx

6. ゕーキテクチャ（゗メージ）
 ブラウザのプラグ゗ンのため、実体はDLLの集合
 ブラウザのプロセス上で実行
 ブラウザのネットワークを利用
 HTMLブリッジ機能によりDOMゕクセスが可能
Silverlightゕプリケーション
マネージコード (.NETの.DLL)
Silverlight Runtime
.NET Frameworkサブセット/CLR
ゕンマネージコード (Nativeの.DLL )
HTML
Network
Webブラウザ JavaScript

7. Silverlight開発言語
XAML(デザイン)
VB C# IronRuby IronPython
JavaScript
.Net Programing Lightweight Language
Language
DLR(動的言語ランタイム)
CLR(共通言語ランタイム)

8. 開発プロセス
デザ゗ンプロセス 開発プロセス
Silverilght
.PSD
Photoshop
Expression XAML VisualStudio
Blend C#/VB
Illustrator
.AI
WPF
デザ゗ンとロジックの完全分離が可能

9. XAML
 宣言型マークゕップ言語
 Silverlight ベースのゕプリケーションに
UI 要素を定義するために使用する
 XML のタグや属性を使用してオブジェク
トを作成し、プロパテゖを定義する
 XAML ですべての UI を作成できる
 例 <Rectangle Fill="Red"
Width="150“ Height="100">
</Rectangle>

10. SharePoint
SharePoint Server 2010 (旧MOSS)
– ActiveDirectoryと連携
SharePoint Foundation 2010 (旧WSS)
– 無料版

11. SharePointの構成
Content Search Compositions Insights Sites Communities
Master
Pages Page Layout Themes Silverlight CSS
Event Web
LINQ REST Client OM
Model Services
Data Model Lists Content Management
File System Content Types Solutions
Lists Library Templates
Features
External Lists
Features
Query Workflow

12. コンテンツを載せる
載せ方は３種類あり
SharePoint
SharePoint Artifact
<html/>
Artifact OM, Web
2.0, Service,
…

13. No Touch
– 単にHTMLを読み込むのみ
– SharePointとの連携はなし
<html/>

14. Low Touch
– 従来の方法のSharePoint連携
– サーバサ゗ドからの連携のみ SharePoint
クラ゗ゕントはそれを表示 Artifact

15. High Touch
– サーバからの連携だけでなく
SharePoint
クラ゗ゕントからも実行可能 Artifact
– Silverlightゕプリケーション
OM, Web
2.0, Service,
…
コード内からSharePointを
呼び出すことができる！
– 実行はクラ゗ゕントなので、
サーバに負荷はかからない

16. Client Object Model
SharePoint Object Model
フゔ゗ルゕクセ
Web DAV スのみ
ASMX Web サービス 弱い型指定
クラ゗ゕント側
REST/OData データサービス 厳密な型指定
Client OM 弱い型指定
データプラットフォーム
Server OM 弱い型指定
サーバー側
LINQ to SharePoint 厳密な型指定

17. Client Object Model

18. Silverlight Web Parts
クラ゗ゕントサ゗ドで実行
XAPフゔ゗ル(Silverlight実行フゔ゗ル)を
そのままWebパーツとして読み込むこと
が可能

19. ちょっと作ってみる
Silverlightゕプリケーションを作る
DLLの追加 （デゖレクトリはここ↓↓）
– C:¥Program Files
¥Common Files
¥Microsoft Shared
¥Web ServerExtensions
¥14
¥TEMPLATE
¥LAYOUTS
¥ClientBin

20. 決め事
 DLLの参照追加
– Microsoft.SharePoint.Client.Silverlight.dll
– Microsoft.SharePoint.Client.Silverlight.Runtime.dl
l
 App.xaml.cs
using Microsoft.SharePoint.Client;
using System.Threading;
private void Application_Startup(object sender,
StartupEventArgs e)
{
ApplicationContext.Init( e.InitParams,
SynchronizationContext.Current );
this.RootVisual = new MainPage();
}

21.  MainPage.xaml.cs
ClientContext clientCtx;
Microsoft.SharePoint.Client.List docs;
clientCtx = new
ClientContext(ApplicationContext.Current.Url);
clientCtx.Load(clientCtx.Web);
clientCtx.Load(clientCtx.Web.Lists);
docs =
clientCtx.Web.Lists.GetByTitle("Share
Documents");
clientCtx.Load(docs);
clientCtx.Load(docs.RootFolder);
clientCtx.Load(docs.RootFolder.Files);
clientCtx.ExecuteQueryAsync(loadSiteData,
null);

22. フゔ゗ルのゕップロード
1. とある場所にxapフゔ゗ルを作る
– C:¥Program Files¥Common
Files¥Microsoft Shared¥Web Server
Extensions¥14¥TEMPLATE¥LAYOUTS¥Clie
ntBin
2. SharePointサ゗トにフゔ゗ルとしてゕッ
プする
Webパーツとして追加！
デモを見てみる…

23. ゗ンストール準備
SharePoint開発をWindows7で行う
http://msdn.microsoft.com/en-us/library/ee554869%28office.14%29.aspx
– Windows7 Professional 以上でないと
SharePointが入らない
– 今回は旧WSSに相当するSharePoint
Foundation 2010 をWindows7に入れて、
そこにVisualStudio2010を入れる方式
– 既にVisualStudioが入っている場合、ゕン゗
ンストールしないとだめ！
（SQLServerがらみでエラーが出る）

24. ゗ンストール準備
(1)"SharePoint Foundation 2010"をダウン
ロードしておく
http://www.microsoft.com/downloads/detail
s.aspx?FamilyID=49c79a8a-4612-4e7d-
a0b4-3bb429b46595&displaylang=ja
(2)“Windows6.1-kb976462-v2-x64.msu”を
゗ンストール
http://www.microsoft.com/downloads/detail
s.aspx?familyid=79d7f6f8-d6e9-4b8c-8640-
17f89452148e&displaylang=en

25. ゗ンストール準備
(3)"ADO.NET Data Services Update
for .NET Framework 3.5 SP1 for Windows
7 and Windows Server 2008 R2"を落として、
゗ンストールする
http://www.microsoft.com/downloads/details
.aspx?familyid=79d7f6f8-d6e9-4b8c-8640-
17f89452148e&displaylang=en
(4) "c:¥SharePointFiles"のデゖレクトリを作成、
その中に(1)で落としたSharePoint.exeを移動さ
せる

26. ゗ンストール準備
(5) コマンドラ゗ンで、以下を実行
どっとフゔ゗ルが展開されます
> c:¥SharePointFiles¥SharePoint /extract:c:¥SharePointFiles
(6) "c:¥SharePointFiles¥files¥Setup¥config.xml"
をエデゖターで開く
<Configuration> このタグの中に
<Setting Id="AllowWindowsClientInstall"
Value="True"/>
を追記して保存
(7)
"c:¥SharePointFiles¥PrerequisiteInstallerFiles¥Fil
terPack ¥FilterPack.msi"を実行する

27. ゗ンストール準備
(8) "Microsoft Sync Framework"を
落として、゗ンストールする
http://go.microsoft.com/fwlink/?LinkID=141237
(9) "SQL Server Native Client"を落として、゗ン
ストールする
http://go.microsoft.com/fwlink/?LinkId=123718
(10) "Windows Identity Foundation
(Windows6.1-KB974405-x64.msu)"を落として、
゗ンストールする
http://www.microsoft.com/downloads/details.as
px?FamilyID=eb9c345f-e830-40b8-a5fe-
ae7a864c4d76&displaylang=en

28. ゗ンストール準備
(11) “Chart Controls”を落として
゗ンストールする
http://go.microsoft.com/fwlink/?LinkID=1225
17
※SharePoint Foundationの場合のみ
(12)コマンドラ゗ンで、以下を実行する
>start /w pkgmgr /iu:IIS-WebServerRole;IIS-WebServer;IIS-CommonHttpFeatures;
IIS-StaticContent;IIS-DefaultDocument;IIS-DirectoryBrowsing;IIS-HttpErrors;
IIS-ApplicationDevelopment;IIS-ASPNET;IIS-NetFxExtensibility;
IIS-ISAPIExtensions;IIS-ISAPIFilter;IIS-HealthAndDiagnostics;
IIS-HttpLogging;IIS-LoggingLibraries;IIS-RequestMonitor;IIS-HttpTracing;IIS-CustomLogging;IIS-
ManagementScriptingTools;
IIS-Security;IIS-BasicAuthentication;IIS-WindowsAuthentication;IIS-DigestAuthentication;
IIS-RequestFiltering;IIS-Performance;IIS-HttpCompressionStatic;IIS-HttpCompressionDynamic;
IIS-WebServerManagementTools;IIS-ManagementConsole;IIS-IIS6ManagementCompatibility;
IIS-Metabase;IIS-WMICompatibility;WAS-WindowsActivationService;WAS-ProcessModel;
WAS-NetFxEnvironment;WAS-ConfigurationAPI;WCF-HTTP-Activation;
WCF-NonHTTP-Activation
プロンプトが返るまで、ちょっと時間がかかります。

29. ゗ンストール準備
(13) コントロールパネルから
“Windows Features”を検索して立ち上げ、サー
ビスをONにする

31. ゗ンストール準備
(14) PC再起動

32. SharePoint2010゗ンストール
(15) ようやく゗ンストール
> c:¥SharePointFiles¥Setup.exe
ポチポチ進んでOk♪自分のPCの閉じた環境で開発
する場合は、“スタンドゕロン”を選択
（他にDBがあるなら
“サーバーフゔーム”）

33. SharePoint2010゗ンストール
(15) SharePoint製品構成ウゖザード
ポチポチ進んでOK♪
VisualStudioが既に゗ンストールされている場合
は、ここでエラーに
なるので要注意★

34. SharePoint゗ンストール完了！
おつかれさまでした★
ほっ…(^▽^)

35. SharePoint゗ンストール完了
(16) PC再起動
（このあとVS゗ンストに備えて）

36. VisualStudio2010を入れる!
(17) VisualStudio2010を゗ンストール
http://www.microsoft.com/japan/visualstudio/do
wnload

37. Silverlight関連の゗ンストール
(18) Silverlight 4 Tools for Visual Studio 2010
http://www.microsoft.com/downloads/details
.aspx?FamilyID=eff8a0da-0a4d-48e8-8366-
6ddf2ecad801&displaylang=ja
(19)Microsoft® Silverlight™ 4 SDK
http://www.microsoft.com/downloads/det
ails.aspx?FamilyID=55b44da3-e5de-4d2a-
8eaf-1155ca6b3207&displaylang=ja
(20) Silverlight Toolkit
http://silverlight.codeplex.com/

38. 情報入手
SharePoint 2010
プロフェッショナル デベロッパー向け評
価ガイドおよびチュートリアル
– http://www.microsoft.com/downloads/de
tails.aspx?displaylang=ja&FamilyID=cffb1
4e8-88a9-43bd-87aa-4792ab60d320
– 日本語のチュートリゕル
– ネットを徘徊するより、まずは本家の情報を
チェック！！