SharePoint モダンサイト～サイトデザインとサイトスクリプト～

 モダンサイトとは?
 サイトのテーマ
 サイトスクリプトとサイトデザイン
©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 2
アジェンダ

 “SharePoint Home” から現在 2種類が作成できる
◦ チームサイト
◦ コミュニケーションサイト
モダンサイトとは? (1)

モダンサイトとは?(2)
SharePoint サイト
(サイトコレクション)
Azure
Active Directory
Office 365 グループ
SharePoint サイトに接続された
Office 365 グループを新規に作成
グループの共有メールボックス
Office 365 グループ用の
共有メールボックスを
Exchange Online 側に作成
サイト全体が既定でモダン UI になっている
トップページもモダンページ
既定では NoScript となっている
→ スクリプトエディタやコンテンツエディタ Web パーツは
利用できない
※ちなみに、ベースは OneDrive for Business
従来の SharePoint と比べると管理機能は簡素
Microsoft
Planner
Microsoft
Stream
Yammer
Microsoft
Teams

 サイトの管理者は既定のテーマ以外にカスタムテーマを適用でき
る
 カスタムテーマはテナントワイドで利用できる
 テーマは JSON 形式で記述する
◦ オンラインの Theme Generator tool を使うと便利
◦ ただし、カスタムフォントは非サポート
 テーマは PowerShell コマンドレットまたは SharePoint Client
Site Object Model (CSOM), SharePoint REST API を使っ
てテナントストアに格納する
◦ SharePoint Online 管理センターの管理者権限が必要
サイトのテーマ

 既定のテーマは次の8種類
◦ 青
◦ オレンジ
◦ 赤
◦ 紫
◦ 緑
◦ 灰色
◦ 濃い黄
◦ 濃い青
既定のテーマ

1. テーマを定義する
2. PowerShell などを使ってテーマをテナントストアに追加する
3. サイト側でテーマを適用する
カスタムテーマの展開の流れ
JSON 形式で
テーマを決定
PowerShell
CSOM
REST API
追加
テナントストア
(テーマギャラリー)

Theme Generator tool
https://developer.microsoft.com/en-us/fabric#/styles/themegenerator

 スキーマ情報
◦ https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-
customization/site-theming/sharepoint-site-theming-json-schema
 基本の設定情報
◦ Name…テーマの名前
◦ isInverted…淡色(light)テーマの場合は false, 濃色(dark) テーマの場合は、
true にする
◦ backgroundImageUri…オプションの背景画像のURI
◦ Theme…RGB色の指定
サイトのテーマ : JSON スキーマ

 最新の SharePoint Online 管理シェルをインストールしておく
 サイトのテーマに関するコマンドレット
◦ Add-SPOTheme…新しいカスタムテーマの作成または既存テーマの上書き
◦ Get-SPOTheme…テーマ設定の取得
◦ Remove-SPOTheme…テーマギャラリーからのテーマの削除
◦ Set-SPOHideDefaultThemes…既定のテーマを使用できるかどうか指定
◦ Get-SPOHideDefaultThemes…SPOHideDefaultThemesの現在の設定を確認
false)
PowerShellを使ったテーマの管理

新規テーマの作成
…
$themepallette =@{
"themePrimary" = "#e096bd";
"themeLighterAlt" = "#fdfafc";
“themeLighter” = “#fcf5f8”;
{中略}…
"bodyText" = "#9c6c43";
"disabledBackground" = "#f4f4f4";
"disabledText" = "#c8c8c8";
}
Add-SPOTheme -Name “オフィスアイ" -Palette
$themepallette -IsInverted $false -Overwrite

既定のテーマの非表示
#既定のテーマの非表示
Set-SPOHideDefaultThemes $true
#既定のテーマの表示
Set-SPOHideDefaultThemes $false

 カスタムテーマを削除するには次のコマンドを実行
 例) Remove-SPOTheme -Name “オフィスアイ"
 既にカスタムテーマを適用済みのサイトでは、カスタムテーマは
適用されたまま残る。ただし、別のテーマに変更するとカスタム
テーマには戻せなくなるということにはなる
カスタムテーマの削除

 現在プレビュー段階 (対象リリースのみサポート)
 サイトデザインはサイトのテンプレートのようなもの
 チームサイトを作成するとき、サイトデザインのためのスクリプト
も実行する
◦ リストの新規作成、テーマの適用など
 サイトスクリプトは JSON形式のファイル
 適用スコープ
◦ 既定では全ユーザーに適用される
◦ だたし Grant-SPOSiteDesignRights コマンドレットを利用するか
GrantSiteDsignRights REST API を使うことでサイトデザインの利用範囲
ることも可能
サイトスクリプトとサイトデザイン

サイトデザインの選択

サイト作成 (1)

サイト作成 (2)

サイト作成 (3)
スクリプトの実行スクリプトにより
リストや列が追加される

https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-
customization/site-design-json-schema
スキーマ
{
"$schema": "schema.json",
"actions": [
...
<one or more verb actions>
...
],
"bindata": { },
"version": 1
};

 リスト作成… createSPList
 ナビゲーションリンクの追加… addNavLink
 テーマの適用… applyTheme
 サイトロゴの設定… setSiteLogo
 ハブサイトへの参加…joinHubSite
 Microsoft Flow のトリガー…triggerFlow
◦ SharePoint PnP Site Privisioning Engine や SPFx との組み合わせな
ども可能
主な動詞(Actions)
※今後、新たな動詞が追加されていく予定

サイトスクリプトの追加

サイトデザインの追加
Webテンプレート : 64 チームサイト、68 コミュニケーションサイト

 Office 365 グループを作成できるユーザはサイトが作成できる
 既定ではだれでもグループを作成できる
 特定のセキュリティグループに所属するユーザーにのみ Office
365 グループを作成できるように制限できる
◦ 指定できるのは1つのセキュリティグループのみ
◦ Azure Active Directory Preminum の契約が必要
 Windows PowerShell にて設定
◦ Office 365 グループ作成を特定のセキュリティグループに制限する
(AzureAD モジュール)
https://support.office.com/en-us/article/manage-who-can-create-office-365-
groups-4c46c8cb-17d0-44b5-9776-005fced8e618?ui=en-US&rs=en-
US&ad=US
[関連情報]サイトを作成できるユーザーの制限

 新しいSharePoint Online 管理センターが2月中にロールアウト
 年末までに新しい管理センターに切り替わる予定 (あくまで予定)
 Office 365 グループの管理が比較的容易になる
[関連情報]新しいSharePoint Online 管理センター

SharePoint モダンサイト～サイトデザインとサイトスクリプト～

SharePoint モダン サイト ～ サイト デザインとサイト スクリプト～

More Related Content

What's hot

Similar to SharePoint モダン サイト ～ サイト デザインとサイト スクリプト～

More from Ai Hirano