Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
いまさら聞けない Office 365 CDN / It's not too late to ...
Search
Takashi Shinohara
July 06, 2019
Programming
0
2.1k
いまさら聞けない Office 365 CDN / It's not too late to ask about Office 365 CDN
Japan SharePoint Group 勉強会 #29 (
https://jpsps.doorkeeper.jp/events/92916
) に登壇したときのスライドです。
Takashi Shinohara
July 06, 2019
Tweet
Share
More Decks by Takashi Shinohara
See All by Takashi Shinohara
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
320
どっちの API SHOW?SharePoint 開発における SharePoint REST API Microsoft Graph API の違い / Which API show? Differences between Microsoft Graph API and SharePoint REST API
karamem0
0
960
Microsoft Ignite 2024 最新情報!Microsoft 365 Agents SDK 概要 / Microsoft Ignite 2024 latest news Microsoft 365 Agents SDK overview
karamem0
0
480
徹底解説!Microsoft 365 Copilot の拡張機能 / Complete guide to Microsoft 365 Copilot extensions
karamem0
1
4.1k
Microsoft Search の Graph コネクタ ハンズオン / Handson for Graph Connector of Microsoft Search
karamem0
0
170
いまだから「検索」を語ろう! SharePoint FAST Search から Microsoft Search セマンティックインデックスまで / Let's talk about search now
karamem0
3
1.6k
徹底解説!Power Platform 導入の成功事例から見る DX 推進のコツ / Tips for DX promotion from Power Platform case studies
karamem0
0
5.3k
どうする Power Pages?Web 開発者からみる Power Pages / How to deal with Power Pages
karamem0
0
1.4k
Fluent UI を理解する / Understanding Fluent UI
karamem0
0
1.1k
Other Decks in Programming
See All in Programming
RDoc meets YARD
okuramasafumi
4
170
HTMLの品質ってなんだっけ? “HTMLクライテリア”の設計と実践
unachang113
4
2.9k
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
dafujii
1
530
Kiroで始めるAI-DLC
kaonash
2
590
Performance for Conversion! 分散トレーシングでボトルネックを 特定せよ
inetand
0
160
testingを眺める
matumoto
1
140
私の後悔をAWS DMSで解決した話
hiramax
4
210
Android端末で実現するオンデバイスLLM 2025
masayukisuda
1
150
Amazon RDS 向けに提供されている MCP Server と仕組みを調べてみた/jawsug-okayama-2025-aurora-mcp
takahashiikki
1
110
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
1
220
デザイナーが Androidエンジニアに 挑戦してみた
874wokiite
0
440
Flutter with Dart MCP: All You Need - 박제창 2025 I/O Extended Busan
itsmedreamwalker
0
150
Featured
See All Featured
Designing for humans not robots
tammielis
253
25k
Making Projects Easy
brettharned
117
6.4k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
How to train your dragon (web standard)
notwaldorf
96
6.2k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
How STYLIGHT went responsive
nonsquared
100
5.8k
4 Signs Your Business is Dying
shpigford
184
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.9k
Transcript
いまさら聞けない Office 365 CDN 篠原敬志 (@karamem0)
自己紹介 2 Name 篠原敬志 (Takashi Shinohara) Company アバナード株式会社 シニアコンサルタント Award
Microsoft MVP for Office Development (2018-) Twitter @karamem0 Blog からめもぶろぐ。 (http://blog.karamem0.jp) Bio 俺たちは雰囲気で OAuth をやっている
アバナードについて アバナードは、2000 年にアクセンチュアとマイクロソフトの合弁企 業として誕生しました。アクセンチュアが持つあらゆる業界に精通し た知識とマイクロソフトのソリューションを卓越したスキルで融合し、 創業以来 1,200 社以上の企業のデジタル化を支援してきました。 2018 年
9 月より関西オフィスを開設しています! 3
Office 365 CDN
CDN とは 5 インターネット上のコンテンツを配信する ためのネットワークの仕組み アクセス元から地理的に最も近い場所にあ るコンテンツのキャッシュを自動的に取得 することで負荷分散と高速化を実現する
Office 365 CDN とは SharePoint Online のドキュメント ライブラリに格納されたコンテン ツを CDN
として配信する機能 2017 年 4 月リリース SharePoint Online サブスクリプションの一部として提供 Office 365 と銘打っているが他のサービスからは使用できない 6
Office 365 パブリック CDN すべてのユーザーが匿名でアクセスできる CDN 既定のファイルの種類 .css、.eot、.gif、.ico、.jpeg、.jpg、.js、.map、.png、.svg、 .ttf、.woff 既定のリソースの場所
*/MASTERPAGE */STYLE LIBRARY */CLIENTSIDEASSETS URL 形式 https://publiccdn.sharepointonline.com/tenant.sharepoint.c om/sites/site/folder/file.ext 7
Office 365 プライベート CDN 権限を持っているユーザーのみがアクセスできる CDN 既定のファイルの種類 .gif、.ico、.jpeg、.jpg、.js、.png 既定のリソースの場所 */USERPHOTO.ASPX
*/SITEASSETS URL 形式 https://privatecdn.sharepointonline.com/tenant.sharepoint. com/sites/site/folder/file.ext?_eat=1560434236...&_oat_=1 560434236_... 8
Office 365 CDN の利用シナリオ モダン サイト SharePoint Framework 組織アセット ライブラリ
クラシック発行ポータル サイトの発行機能を有効にしたページ ライブラリ URL を直接ハード コード (非推奨) 9
Office 365 CDN のセキュリティ プライベート CDN は制限が必要なコンテンツ 個人情報 (顔写真など) パブリック
CDN は公開可能なコンテンツ 会社 (組織) のロゴ プログラムのアセット モダン サイトの分類で分類されたサイトのコンテンツをポリシーで除 外することができる 10
DEMO ホップ数の違いを確認する
DEMO: ホップ数の違い 12
DEMO クラシック発行ポータルで Office 365 CDN の動作を確認する
DEMO: Office 365 CDN の動作 14
DEMO Postman から Office 365 パブリック CDN を呼び出す
DEMO: Postman からの呼び出し 16
Office 365 CDN の管理
Office 365 CDN を開始する SharePoint Online Management Shell をインストールする Install-Module
Microsoft.Online.SharePoint.PowerShe ll -Scope CurrentUser または https://www.microsoft.com/ja-jp/download/details.aspx?id =35588 18
Office 365 CDN の有効化 Get-SPOTenantCdnEnabled -CdnType Public Set-SPOTenantCdnEnabled -CdnType Public
-Enabled $tru e 19
Office 365 CDN のファイルの種類 Get-SPOTenantCdnPolicy -CdnType Public Set-SPOTenantCdnPolicy -CdnType Public
-Type IncludeF ileExtensions -Value "GIF,JPEG,JPG,PNG" 20
Office 365 CDN のリソースの場所 Get-SPOTenantCdnOrigin -CdnType Public Add-SPOTenantCdnOrigin -CdnType Public
-OriginUrl "PU BLICCDN" Remove-SPOTenantCdnOrigin -CdnType Public -OriginUrl "PUBLICCDN" 21
SPFx with Office 365 CDN
SPFx での CDN の利用 SPFx では write-manifest.json にある cdnBasePath にアセットを
配置する必要がある Azure CDN または Office 365 CDN が推奨されている CDN を使用しないという方法も可能 23
SPFx のアセットの自動展開 SPFx 1.4 より includeClientSideAssets を true にすることでデプ ロイ
パッケージにアセットを含めることができるようになった アセットはデプロイ時に自動的に ClientSideAssets ドキュメント ラ イブラリに展開される ClientSideAssets は非表示のドキュメント ライブラリ ClientSideAssets は既定でパブリック CDN の対象になっている 24
DEMO SPFx のデプロイと Office 365 Public CDN の動作を確認する
DEMO: SPFx での Office 365 CDN 26
まとめ Office 365 CDN は SharePoint Online のドキュメント ライブラリ に格納されたコンテンツを高速に配信する機能
セキュリティが強く意識されている 管理は SharePoint Online Management Shell から SPFx のアセットの自動展開で有効活用できる 27
ありがとうございました