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

Weitere ähnliche Inhalte

Was ist angesagt?

ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ日本マイクロソフト株式会社
 
PowerApps をざっくりさわってみた
PowerApps をざっくりさわってみたPowerApps をざっくりさわってみた
PowerApps をざっくりさわってみたHiroaki Oikawa
 
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法Ai Hirano
 
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えようMicrosoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えようAi Hirano
 
メタデータのファイルの管理
メタデータのファイルの管理メタデータのファイルの管理
メタデータのファイルの管理Sylvain Gantois
 
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05Hirofumi Ota
 
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
 Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」 Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」Kazuhiko Nakamura
 
SharePoint Online の 「モダンUI」の利用が進まない
SharePoint Online の 「モダンUI」の利用が進まないSharePoint Online の 「モダンUI」の利用が進まない
SharePoint Online の 「モダンUI」の利用が進まないKosuke Kuromiya
 
SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !Ai Hirano
 
え!?データがオンプレにあるけどPower BI で BI したいの?
え!?データがオンプレにあるけどPower BI で BI したいの?え!?データがオンプレにあるけどPower BI で BI したいの?
え!?データがオンプレにあるけどPower BI で BI したいの?Yugo Shimizu
 
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考えるSharePoint Online 外部共有を考える
SharePoint Online 外部共有を考えるTeruchika Yamada
 
SharePoint 開発入門
SharePoint 開発入門SharePoint 開発入門
SharePoint 開発入門Hiroaki Oikawa
 
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩Yoshitaka Seo
 
SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!Ai Hirano
 
自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例Teruchika Yamada
 
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選Hirofumi Ota
 
SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩Yoshitaka Seo
 
SharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマることSharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマることた な
 
PowerApps 初心者の館?
PowerApps 初心者の館?PowerApps 初心者の館?
PowerApps 初心者の館?Teruchika Yamada
 

Was ist angesagt? (20)

ファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチファイルサーバーを SharePoint に移行するためのアプローチ
ファイルサーバーを SharePoint に移行するためのアプローチ
 
PowerApps をざっくりさわってみた
PowerApps をざっくりさわってみたPowerApps をざっくりさわってみた
PowerApps をざっくりさわってみた
 
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
SharePoint モダンポータル 2021年アップデートと最新のファイル管理方法
 
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えようMicrosoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
Microsoft 365 を使い、よりよい業務環境の在り方と仕事への向き合い方を考えよう
 
メタデータのファイルの管理
メタデータのファイルの管理メタデータのファイルの管理
メタデータのファイルの管理
 
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05
SharePoint Online モダンサイトの設計 - SharePoint の利用計画 - #‎MSInteract19‬ #PR05
 
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
 Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」 Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
Office 365 勉強会「いまさらきけない? SharePoint の基礎のキソ」
 
SharePoint Online の 「モダンUI」の利用が進まない
SharePoint Online の 「モダンUI」の利用が進まないSharePoint Online の 「モダンUI」の利用が進まない
SharePoint Online の 「モダンUI」の利用が進まない
 
SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !SharePoint モダン ポータル 徹底解説 !
SharePoint モダン ポータル 徹底解説 !
 
え!?データがオンプレにあるけどPower BI で BI したいの?
え!?データがオンプレにあるけどPower BI で BI したいの?え!?データがオンプレにあるけどPower BI で BI したいの?
え!?データがオンプレにあるけどPower BI で BI したいの?
 
SharePoint Online 外部共有を考える
SharePoint Online 外部共有を考えるSharePoint Online 外部共有を考える
SharePoint Online 外部共有を考える
 
SharePoint 開発入門
SharePoint 開発入門SharePoint 開発入門
SharePoint 開発入門
 
初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩初めてでも大丈夫!SharePoint 開発の第一歩
初めてでも大丈夫!SharePoint 開発の第一歩
 
SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!SharePoint Framework の最新情報をキャッチアップしよう!
SharePoint Framework の最新情報をキャッチアップしよう!
 
情報共有ツールの使い分けの考え方とアプローチ
情報共有ツールの使い分けの考え方とアプローチ情報共有ツールの使い分けの考え方とアプローチ
情報共有ツールの使い分けの考え方とアプローチ
 
自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例自社で実運用中!Power Apps・Power Automate 活用事例
自社で実運用中!Power Apps・Power Automate 活用事例
 
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
にぎやか 3 人組が選ぶ Microsoft 365 注目アップデート 7 選
 
SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩SharePoint Online 開発の最初の一歩
SharePoint Online 開発の最初の一歩
 
SharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマることSharePointリストのフォームのカスタマイズを利用したときにハマること
SharePointリストのフォームのカスタマイズを利用したときにハマること
 
PowerApps 初心者の館?
PowerApps 初心者の館?PowerApps 初心者の館?
PowerApps 初心者の館?
 

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

CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズCSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズrie05
 
20130406 rainier study
20130406 rainier study20130406 rainier study
20130406 rainier studySix Apart
 
Entity Framework(Core)についての概要を学ぼう
Entity Framework(Core)についての概要を学ぼうEntity Framework(Core)についての概要を学ぼう
Entity Framework(Core)についての概要を学ぼうTomomitsuKusaba
 
モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!Andy Hall
 
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトTakuma Nishiyama
 
シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26Yu Ito
 
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうdotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうAndy Hall
 
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成Yoshie Nakayama
 
WordBenchTokyo-20111126
WordBenchTokyo-20111126WordBenchTokyo-20111126
WordBenchTokyo-20111126webourgeon
 
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩Chieko Aihara
 
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection Ai Hirano
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121Shohei Aoyama
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121Shohei Aoyama
 
検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築sato165 @delab
 
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座Takami Kazuya
 
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルbaserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルRyuji Egashira
 
CMSMix Sapporo vol.3 (Drupal の回)
CMSMix Sapporo vol.3 (Drupal の回)CMSMix Sapporo vol.3 (Drupal の回)
CMSMix Sapporo vol.3 (Drupal の回)Kenji Shirane
 
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化onigiri764
 
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドHTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドAndy Hall
 

Ähnlich wie SharePoint モダン サイト ~ サイト デザインとサイト スクリプト~ (20)

CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズCSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
CSS Nite in OSAKA, Vol.32:デザイナーのためのWordPressカスタマイズ
 
20130406 rainier study
20130406 rainier study20130406 rainier study
20130406 rainier study
 
Entity Framework(Core)についての概要を学ぼう
Entity Framework(Core)についての概要を学ぼうEntity Framework(Core)についての概要を学ぼう
Entity Framework(Core)についての概要を学ぼう
 
モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!モダンなウェブをモダンなツールで創ろう!
モダンなウェブをモダンなツールで創ろう!
 
WordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイトWordPressで作るポートフォリオサイト
WordPressで作るポートフォリオサイト
 
シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26
 
dotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそうdotFes - Web標準にEdgeを利かそう
dotFes - Web標準にEdgeを利かそう
 
Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成Wordpressスマートフォンテーマ作成
Wordpressスマートフォンテーマ作成
 
Vue入門
Vue入門Vue入門
Vue入門
 
WordBenchTokyo-20111126
WordBenchTokyo-20111126WordBenchTokyo-20111126
WordBenchTokyo-20111126
 
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
CSSだけでもけっこうイケルTwenty Tenのカスタマイズとそこから踏み出す第一歩
 
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
パスベース および ホスト名付きサイト コレクションの構築 : Path based and Host named Site Collection
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121
 
Prejob wordpress v2_1121
Prejob wordpress v2_1121Prejob wordpress v2_1121
Prejob wordpress v2_1121
 
検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築検索エンジンを有効利用するWEBサイト構築
検索エンジンを有効利用するWEBサイト構築
 
WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座WordPressをこれから始める人のためのテーマ講座
WordPressをこれから始める人のためのテーマ講座
 
baserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアルbaserCMSテーマ制作チュートリアル
baserCMSテーマ制作チュートリアル
 
CMSMix Sapporo vol.3 (Drupal の回)
CMSMix Sapporo vol.3 (Drupal の回)CMSMix Sapporo vol.3 (Drupal の回)
CMSMix Sapporo vol.3 (Drupal の回)
 
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
WCAN 2014summer CSSフレームワークとCMSプロトタイプを使ったワークフローの効率化
 
HTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライドHTML5 Caravan 福岡・Adobe&HTMLのスライド
HTML5 Caravan 福岡・Adobe&HTMLのスライド
 

Kürzlich hochgeladen

業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)Hiroshi Tomioka
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Hiroshi Tomioka
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...Toru Tamaki
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video UnderstandingToru Tamaki
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルCRI Japan, Inc.
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NTT DATA Technology & Innovation
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。iPride Co., Ltd.
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイスCRI Japan, Inc.
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Gamesatsushi061452
 

Kürzlich hochgeladen (11)

業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
業務で生成AIを活用したい人のための生成AI入門講座(社外公開版:キンドリルジャパン社内勉強会:2024年4月発表)
 
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
 
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
 
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
 
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
 
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアルLoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
 
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
NewSQLの可用性構成パターン(OCHaCafe Season 8 #4 発表資料)
 
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
 
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半        2024/04/26の勉強会で発表されたものです。新人研修 後半        2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
 
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイスLoRaWANスマート距離検出センサー  DS20L  カタログ  LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
 
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
 

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

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