SharePoint Framework開発用にMicrosoft 365 テナントを用意する

SPFx開発用にMicrosoft 365 Bussinessに登録しましました。
Microsoft 365開発プログラムでSharePoint Onlineを利用するには条件をクリアする必要があるため、敷居が高くなっています。
また、SPFx1.20ではデバッグするためにSharePoint Online Workbenchを利用する必要があります。
2025.04.11時点では１ヶ月無料で使用ができます。１ヶ月を過ぎると自動更新で年間契約になるので試しに使用している人は気をつける必要があります。
アカウント作成するときに登録するメールアドレスもiCloudのメールアドレスで登録できたので無料メールアドレスでも登録できる。
Microsoft 365 テナントを設定する

SharPointワークベンチ

自動生成されているコミュニケーションサイトのワークベンチ
https://{your-tenant-prefix}.sharepoint.com/_layouts/workbench.aspx

テスト用に作成したサイトコレクションのワークベンチにアクセス
https://{your-tenant-prefix}.sharepoint.com/sites/{サイトのURL}/_layouts/workbench.aspx

サイトコレクションの作成方法は次の手順で作成できます。

アプリカタログサイトを作成する

Webパーツをアップロードして展開するにはアプリカタログサイトが必要。

SharePoint管理センターをM365管理センターのナビゲーションに表示

1. Microsoft 365 管理センターにログイン
2. 左のメニューにある [ナビゲーションのカスタマイズ] をクリック
3. SharPointにチェックを入れる
4. SharPointがナビゲーションに表示されるので、クリック

アプリカタログサイトを作成

テナントのレフィックスは、ドメインの@{your-tenant-prefix}.onmicrosoft.com

1. SharPoint 管理センターにアクセス
   https://{your-tenant-prefix}-admin.sharepoint.com/
2. 左のサイドバーの [その他の機能] を選択
3. [アプリ] セクションの [開く] ボタンをクリック

テナントにSharePointアプリカタログが自動で作成されます。

新しいサイトコレクションを作成

テスト用にサイトコレクションとサイトが必要なので作成します。

1. SharePoint管理センターにアクセスします。
   https://{your-tenant-prefix}-admin.sharepoint.com/
2. 左側のサイドバーで、[サイト] > [アクティブなサイト]を選択する
3. ページ上部のツールバーから [作成] を選択する
4. [サイト作成]パネルで、任意のサイトを選択する
5. 必要な情報を入力します。
6. [次へ] を選択してサイトコレクションを作成します