Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad

Check these out next

1 of 26 Ad

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

Office 365 グループに接続された SharePoint サイトはモダンサイトと呼ばれます。このサイトは従来の外観のカスタマイズ方法は利用できません。この資料では、新たに導入されたサイトデザインとサイトスクリプトについて説明します。

=======
本資料は弊社オフィスアイ株式会社のオンラインセミナーで使用したものです。弊社の"ラーニングポータル" サービスでは、月に1度、勉強会形式でオンラインセミナーを実施しており、Office 365 に関する最新情報にいち早くキャッチアップできるよう支援しています。
http://www.office-i-corp.jp/learning%20portal.htm

Office 365 グループに接続された SharePoint サイトはモダンサイトと呼ばれます。このサイトは従来の外観のカスタマイズ方法は利用できません。この資料では、新たに導入されたサイトデザインとサイトスクリプトについて説明します。

=======
本資料は弊社オフィスアイ株式会社のオンラインセミナーで使用したものです。弊社の"ラーニングポータル" サービスでは、月に1度、勉強会形式でオンラインセミナーを実施しており、Office 365 に関する最新情報にいち早くキャッチアップできるよう支援しています。
http://www.office-i-corp.jp/learning%20portal.htm

Advertisement
Advertisement

More Related Content

Slideshows for you (20)

Similar to SharePoint モダン サイト ~ サイト デザインとサイト スクリプト~ (20)

Advertisement

Recently uploaded (20)

Advertisement

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

  1. 1. 2018/02/09 実施
  2. 2.  モダン サイトとは?  サイトのテーマ  サイトスクリプトとサイトデザイン ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 2 アジェンダ
  3. 3.  “SharePoint Home” から現在 2種類が作成できる ◦ チームサイト ◦ コミュニケーション サイト ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 3 モダンサイトとは? (1)
  4. 4. ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 4 モダンサイトとは?(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
  5. 5.  サイトの管理者は既定のテーマ以外にカスタム テーマを適用でき る  カスタム テーマはテナントワイドで利用できる  テーマは JSON 形式で記述する ◦ オンラインの Theme Generator tool を使うと便利 ◦ ただし、カスタム フォントは非サポート  テーマは PowerShell コマンドレットまたは SharePoint Client Site Object Model (CSOM), SharePoint REST API を使っ てテナントストアに格納する ◦ SharePoint Online 管理センターの管理者権限が必要 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 5 サイトのテーマ
  6. 6.  既定のテーマは次の8種類 ◦ 青 ◦ オレンジ ◦ 赤 ◦ 紫 ◦ 緑 ◦ 灰色 ◦ 濃い黄 ◦ 濃い青 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 6 既定のテーマ
  7. 7. 1. テーマを定義する 2. PowerShell などを使ってテーマをテナント ストアに追加する 3. サイト側でテーマを適用する ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 7 カスタム テーマの展開の流れ JSON 形式で テーマを決定 PowerShell CSOM REST API 追加 テナント ストア (テーマ ギャラリー)
  8. 8. Theme Generator tool ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 8 https://developer.microsoft.com/en-us/fabric#/styles/themegenerator
  9. 9.  スキーマ情報 ◦ 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色の指定 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 9 サイトのテーマ : JSON スキーマ
  10. 10.  最新の SharePoint Online 管理シェルをインストールしておく  サイトのテーマに関するコマンドレット ◦ Add-SPOTheme…新しいカスタムテーマの作成または既存テーマの上書き ◦ Get-SPOTheme…テーマ設定の取得 ◦ Remove-SPOTheme…テーマギャラリーからのテーマの削除 ◦ Set-SPOHideDefaultThemes…既定のテーマを使用できるかどうか指定 ◦ Get-SPOHideDefaultThemes…SPOHideDefaultThemesの現在の設定を確認 false) ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 10 PowerShellを使ったテーマの管理
  11. 11. 新規テーマの作成 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 11 … $themepallette =@{ "themePrimary" = "#e096bd"; "themeLighterAlt" = "#fdfafc"; “themeLighter” = “#fcf5f8”; {中略}… "bodyText" = "#9c6c43"; "disabledBackground" = "#f4f4f4"; "disabledText" = "#c8c8c8"; } Add-SPOTheme -Name “オフィスアイ" -Palette $themepallette -IsInverted $false -Overwrite
  12. 12. 既定のテーマの非表示 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 12 #既定のテーマの非表示 Set-SPOHideDefaultThemes $true #既定のテーマの表示 Set-SPOHideDefaultThemes $false
  13. 13.  カスタムテーマを削除するには次のコマンドを実行  例) Remove-SPOTheme -Name “オフィスアイ"  既にカスタム テーマを適用済みのサイトでは、カスタムテーマは 適用されたまま残る。ただし、別のテーマに変更するとカスタム テーマには戻せなくなるということにはなる ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 13 カスタム テーマの削除
  14. 14.  現在プレビュー段階 (対象リリースのみサポート)  サイトデザインはサイトのテンプレートのようなもの  チームサイトを作成するとき、サイトデザインのためのスクリプト も実行する ◦ リストの新規作成、テーマの適用など  サイト スクリプトは JSON形式のファイル  適用スコープ ◦ 既定では全ユーザーに適用される ◦ だたし Grant-SPOSiteDesignRights コマンドレットを利用するか GrantSiteDsignRights REST API を使うことでサイトデザインの利用範囲 ることも可能 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 14 サイトスクリプトとサイトデザイン
  15. 15. サイトデザインの選択 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 15
  16. 16. サイト作成 (1) ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 16
  17. 17. サイト作成 (2) ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 17
  18. 18. サイト作成 (3) ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 18 スクリプトの実行 スクリプトにより リストや列が追加される
  19. 19. https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative- customization/site-design-json-schema ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 19 スキーマ { "$schema": "schema.json", "actions": [ ... <one or more verb actions> ... ], "bindata": { }, "version": 1 };
  20. 20.  リスト作成… createSPList  ナビゲーションリンクの追加… addNavLink  テーマの適用… applyTheme  サイトロゴの設定… setSiteLogo  ハブサイトへの参加…joinHubSite  Microsoft Flow のトリガー…triggerFlow ◦ SharePoint PnP Site Privisioning Engine や SPFx との組み合わせな ども可能 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 20 主な動詞(Actions) ※今後、新たな動詞が追加されていく予定
  21. 21. サイトスクリプトの追加 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 21
  22. 22. サイトデザインの追加 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 22 Webテンプレート : 64 チームサイト、68 コミュニケーション サイト
  23. 23.  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 ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 23 [関連情報]サイトを作成できるユーザーの制限
  24. 24.  新しいSharePoint Online 管理センターが2月中にロールアウト  年末までに新しい管理センターに切り替わる予定 (あくまで予定)  Office 365 グループの管理が比較的容易になる ©2017-2018 オフィスアイ株式会社 [無断複製および転載を禁じます] 24 [関連情報]新しいSharePoint Online 管理センター

×