JPSPS #27 の LT 資料です。

1. モダンページのプロビジョニング
~自動化で、もう何も怖くない~
JPSPS #27 LT
3rd Nov, 2017

2. 自己紹介
いのうえ (SharePoint 紳士)
@SpRestaurant (https://twitter.com/SpRestaurant)
SharePoint レストラン (http://sprestaurant.hatenablog.com/)
Azure もくもく会@東京 (https://azure-moku2.connpass.com/)
Azure もくもくハンズオン (https://github.com/Azure-Moku2-Study/Azure-moku2-textbook)
某 SIer で Office 365 や Azure であれこれしている人です。
最近は、「Azure もくもく会」や「モブプログラミング推進」をしてます。

3. モダン UI 使ってますか？

4. ？？？「モダン UI だと、サイトテンプレートが使
えないから展開がめんどいじゃん (´◉◞౪◟◉)」
(Ignite でサイトプレート「ぽい何か」が公開されていましたが、)
SharePoint PnP があるじゃない！！！
https://github.com/SharePoint/PnP

5. 完全自動化プロビジョニングがしたいって？
ざっくりとした、やること
• サイトコレクションの作成、設定 ← わかる
• アプリ (リスト、ライブラリ、etc…) の作成、設定 ← わかる
• ページの作成 ← わかる
• Web パーツの配置 ← けっこう苦痛だった

6. 今回は「Web パーツの配置」にフォーカス
その他のプロビジョニングについては、
Provisioning.PnPDeployer.Console や Provisioning.Framework.Console といった
サンプルをご活用ください。(楽しいよ！)
https://github.com/SharePoint/PnP/tree/master/Samples/Provisioning.Framework.Console
https://github.com/SharePoint/PnP/tree/master/Samples/Provisioning.PnPDeployer.Console

7. モダンページの構成

8. モダンページの構成
1
2
Section

9. モダンページの構成
3
2
Column
21
1

10. セクションを追加する
Section の指定は「0」からではなく、
「1」からなので注意

11. 任意のカラムにコントロールを追加する

12. 任意のカラムにコントロールを追加する
このプログラムを実行すると、
どんなページが生まれるでしょうか？

13. こうなりました
「何番目の Section」の「何番目の Column」に
Web パーツを配置するかの指定をしました。

14. これでもう、
Web パーツを手で配置しなくていい！
更に詳しくは、SharePoint PnP のサンプルを実行してみてください。
• Web パーツの作成・プロパティ更新・削除
• カスタム Web パーツ (SP Add-ins, SPFx) の配置
といったサンプルコードが紹介されています。
https://github.com/SharePoint/PnP/tree/master/Samples/Provisioning.ModernPages

15. あとは、どこで実行するか…
1. (例えば) 申請用のリストにデータを登録する
2. Azure Functinos で実装する
3. Logic apps に組み込む
すると、申請リストにアイテムが登録すると、自動デプロイ…。

16. 続きは少しずつブログに書きます。

17. ちなみに、
クラシック UI のページプロビジョニングの
サンプルもあったりします。
https://github.com/SharePoint/PnP/tree/master/Samples/Provisioning.Pages