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
1.9k
いまさら聞けない 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
Microsoft Ignite 2024 最新情報!Microsoft 365 Agents SDK 概要 / Microsoft Ignite 2024 latest news Microsoft 365 Agents SDK overview
karamem0
0
310
徹底解説!Microsoft 365 Copilot の拡張機能 / Complete guide to Microsoft 365 Copilot extensions
karamem0
1
3.3k
Microsoft Search の Graph コネクタ ハンズオン / Handson for Graph Connector of Microsoft Search
karamem0
0
75
いまだから「検索」を語ろう! SharePoint FAST Search から Microsoft Search セマンティックインデックスまで / Let's talk about search now
karamem0
3
1.4k
徹底解説!Power Platform 導入の成功事例から見る DX 推進のコツ / Tips for DX promotion from Power Platform case studies
karamem0
0
5.1k
どうする Power Pages?Web 開発者からみる Power Pages / How to deal with Power Pages
karamem0
0
1.2k
Fluent UI を理解する / Understanding Fluent UI
karamem0
0
760
Microsoft Teams の 会議アプリ開発のはじめかた / How to start Microsoft Teams app development
karamem0
0
3.7k
Web API 開発を加速しよう - Avanade Beef のご紹介 / Accelerate your web API - development introducing Avanade Beef
karamem0
0
2.7k
Other Decks in Programming
See All in Programming
コミュニティ駆動 AWS CDK ライブラリ「Open Constructs Library」 / community-cdk-library
gotok365
2
250
[JAWS DAYS 2025] 最近の DB の競合解決の仕組みが分かった気になってみた
maroon1st
0
160
Expoによるアプリ開発の現在地とReact Server Componentsが切り開く未来
yukukotani
1
170
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1.1k
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
200
推しメソッドsource_locationのしくみを探る - はじめてRubyのコードを読んでみた
nobu09
2
340
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.5k
「個人開発マネタイズ大全」が教えてくれたこと
bani24884
1
280
楽しく向き合う例外対応
okutsu
0
720
Unity Android XR入門
sakutama_11
0
180
クックパッド検索システム統合/Cookpad Search System Consolidation
giga811
0
120
React 19アップデートのために必要なこと
uhyo
8
1.6k
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
RailsConf 2023
tenderlove
29
1k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Automating Front-end Workflow
addyosmani
1369
200k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1.1k
Done Done
chrislema
182
16k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.2k
How to train your dragon (web standard)
notwaldorf
91
5.9k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
The Language of Interfaces
destraynor
156
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
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
ありがとうございました