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
990
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
Reading Rails 1.0 Source Code
okuramasafumi
0
250
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
4
1.5k
Zendeskのチケットを Amazon Bedrockで 解析した
ryokosuge
3
320
Android 16 × Jetpack Composeで縦書きテキストエディタを作ろう / Vertical Text Editor with Compose on Android 16
cc4966
2
270
@Environment(\.keyPath)那么好我不允许你们不知道! / atEnvironment keyPath is so good and you should know it!
lovee
0
130
意外と簡単!?フロントエンドでパスキー認証を実現する WebAuthn
teamlab
PRO
2
780
testingを眺める
matumoto
1
140
パッケージ設計の黒魔術/Kyoto.go#63
lufia
3
440
「待たせ上手」なスケルトンスクリーン、 そのUXの裏側
teamlab
PRO
0
570
ProxyによるWindow間RPC機構の構築
syumai
3
1.2k
GitHubとGitLabとAWS CodePipelineでCI/CDを組み比べてみた
satoshi256kbyte
4
250
AIを活用し、今後に備えるための技術知識 / Basic Knowledge to Utilize AI
kishida
22
5.9k
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
56
13k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
188
55k
Typedesign – Prime Four
hannesfritz
42
2.8k
KATA
mclloyd
32
14k
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
ありがとうございました