モダンページには複数の種類 (ページレイアウト) があり、それぞれページの特徴が異なります。 ページレイアウトは、いくつかの方法で切り替えることができるのですが、この記事ではページレイアウトの種類と PnP PowerShell を使用した切り替え方法をまとめています。 今後も新しいページレイアウトが追加された際には記事をアップデートしていきたいと思います。
2019年12月時点では、以下の3つのページレイアウトが用意されています。 なお、今回のサンプルはコミュニティサイトとして作成したサイトをベースにしているので、サイドリンクバーが表示されていません。
モダンサイトを作成した際に Home.aspx に適用されているページレイアウトです。
ページヘッダーとページタイトルが表示されない状態になります。
※2020年2月2日更新 Docker 上に SharePoint Framework の開発環境を構築する手順をまとめました。 この資料の内容は、こちらのスライドからの抜粋となります。 構築手順をまとめて確認したい方は、スライドをダウンロードしてください。 なお、環境構築手順は、 ・開発環境を構築するためにホストとなる PC で行う手順 ・Docker イメージを準備する手順 ・Docker 上でプロジェクトごとに行う手順 の３部構成になっています。 この記事では、Docker 上でプロジェクトごとに行う手順について記載します。
先日の Microsoft 365 Developer Bootcamp 2019 Tokyo では、Teams タブの開発を一から学ぶためのハンズオンを行いました。 その際に使用したスライドとソースコードは、それぞれ以下の場所で公開しています。 スライド：SharePoint Framework Teams タブ開発基礎講座
サンプルコード：GitHub SlideShare では、Teams タブの他にアプリケーションカスタマイザー、フィールドカスタマイザー、コマンドバー開発のための資料も公開していたりするので、SharePoint Framework 開発をはじめる方は参考にしてみてください。 https://www.slideshare.net/HiroakiOikawa/sharepoint-framework-extension[AdSense-B]
2019年8月14日に SharePoint Framework v1.9.1 がリリースされました。 この記事では v1.9.1 の変更点について気になるところだけ抜粋して記載します。 詳細は以下のリリースノートを確認してください。 SharePoint Framework v1.9 release notes
2019年3月8日に SharePoint Framework v1.8 がリリースされました。 この記事では v1.8 の変更点について気になるところだけ抜粋して記載します。 詳細は以下のリリースノートを確認してください。 SharePoint Framework v1.8 release notes
※2019年12月8日更新 Docker 上に SharePoint Framework の開発環境を構築する手順をまとめました。 この資料の内容は、こちらのスライドからの抜粋となります。 構築手順をまとめて確認したい方は、スライドをダウンロードしてください。 なお、環境構築手順は、 ・開発環境を構築するためにホストとなる PC で行う手順 ・Docker イメージを準備する手順 ・Docker 上でプロジェクトごとに行う手順 の３部構成になっています。 この記事では、Docker イメージを準備する手順について記載します。
※2019年12月8日更新 Docker 上に SharePoint Framework の開発環境を構築する手順をまとめました。 この資料の内容は、こちらのスライドからの抜粋となります。 構築手順をまとめて確認したい方は、スライドをダウンロードしてください。 なお、環境構築手順は、 ・開発環境を構築するためにホストとなる PC で行う手順 ・Docker イメージを準備する手順 ・Docker 上でプロジェクトごとに行う手順 の３部構成になっています。 この記事では、開発環境を構築するためにホストとなる PC で行う手順について記載します。
SharePoint Framework 1.7 の変更点をまとめました。 プレビュー段階のものがほとんどですが、Dynamic Data が正式リリースになりました。
Web パーツ同士の連携を可能にするための仕組み。 Web パーツ A が自身の情報を動的データとして他の Web パーツに公開し、Web パーツ B が Web パーツ A の動的データをリアルタイムに読み取るということができるようになります。 動的データを使用した、SharePoint Framework コンポーネントの接続
Waldek Mastykarz さんが github で公開している docker-spfx ですが、先日 SharePoint Framework v1.7.0、v1.7.1 に対応したイメージが公開されました。 早速この最新イメージを使って環境構築を行ってみました。 これまでのイメージもそうだったのですが、使用するためには色々と山あり谷ありなので、きちんと動くまでに私が行ったことをメモしておきたいと思います。
最新の docker-spfx は、以下の URL からダウンロード可能です。 https://github.com/waldekmastykarz/docker-spfx docker-spfx を使った環境構築の基本については、昨年 bootcamp にて使用した資料を参照してください。 なお、最新版である version 1.7.0、1.7.1 のイメージは資料通りに作ってもうまくいかないので、この記事に記載の方法で適宜読み替えてください。
Docker を使って SharePoint Framework の開発環境を構築することで、プロジェクト毎の異なる環境要件にも対応できるようになります。 これにより、例えばプロジェクト毎に SharePoint Framework のバージョンが異なっていたとしても、それぞれのバージョンの Docker 環境を作って問題なく開発することができます。 SharePoint Framework はバージョンアップの頻度が高いため、こうしたバージョンを固定させる環境の仕組みづくりが非常に重要になり、マイクロソフトのサイトでも Docker を使った開発環境についての記載があります。 SharePoint Framework におけるチーム ベースの開発 とても便利な Docker を使った開発環境ですが、いざ構築しようとするといろいろと問題が発生します。 この投稿では 、私が Docker で SPFx 開発環境を構築する際に発生した問題について、分かっている限りの対応策を紹介したいと思います。