このリリースでは、Microsoft Viva、Microsoft Teams、SharePoint に関する機能全体の更新プログラムが導入されています。
リリース日: 2022 年 8 月 2 日
重要
このページでは、特定の SPFx リリース バージョンに関連する詳細について説明します。 このページには、Node.js、Yeoman、その他のツールなど、SPFx ソリューションを開発するためにインストールする必要のある追加の SPFx 前提条件は含まれていません。
これらの前提条件の詳細については、「SharePoint Framework 開発環境を設定する」を参照してください。
最新リリース バージョンをインストールする
@latest タグを含めて、SharePoint Framework (SPFx) の最新リリースをインストールします。
npm install @microsoft/generator-sharepoint@latest --global
v1.15.0 から v1.15.2 へのプロジェクトのアップグレード
- プロジェクトの package.json ファイルで、すべての SPFx v1.15.0 パッケージを特定します。 各 SPFx パッケージの場合:
既存の v1.15 パッケージをアンインストールします:
npm uninstall @microsoft/{spfx-package-name}@1.15.0新しい v1.15.2 パッケージをインストールします:
npm install @microsoft/{spfx-package-name}@latest --save --save-exact
ヒント
Microsoft 365 の CLI には、ソリューションを最新の SharePoint Framework バージョンに アップグレード するための簡単で段階的なガイダンスが用意されています。
新機能
アクセス許可の範囲の承認時にサービス プリンシパルの登録を有効にする
SPFx ソリューションで API へのアクセスが必要な場合、管理者はテナント管理の「API アクセス」ページでテナント全体のアクセス許可の範囲を事前に承認できます。
以前は、(マルチテナント API の場合はアプリ プリンシパルまたはサービス プリンシパルを介して) テナントに API が既に存在することを想定し、必要としていました。そうでない場合は、アクセス許可の範囲の承認中にエラーが生成されました。
これで、開発者は、省略可能な属性appIdおよびpackage-solution.jsonのwebApiPermissionRequestsセクションのreplyUrlを指定できるようになりました。
これらの属性が存在する場合、管理者には API 承認プロセスの一環として標準の Azure AD アプリ登録の同意が表示されます。
メディアの新しいアクションの種類 - 一般提供
メディア アップロード アクションの種類が一般提供になりました。
- アダプティブ カード拡張機能でのメディア のアップロード
- チュートリアル - メディアの選択アクションを使用してアダプティブ カード拡張機能を作成する
- アダプティブ カード拡張機能の カードデザインナー カードのプロパティ ウィンドウを使用してメディアのアップロード機能を確認する
ISPFxAdaptiveCard.actions?: (
| ISubmitAction
| IOpenUrlAction
| IShowCardAction
| IGetLocationAction
| IShowLocationAction
| ISelectMediaAction // Raise a file picker or native media picker
)[];
位置情報アクションは、次に示すように構成できます。
actions: [
{
type: 'VivaAction.GetLocation',
id: 'Get Location',
parameters: {chooseLocationOnMap: true}
}
{
type: 'VivaAction.ShowLocation',
id: 'Show Location',
parameters: parameters: {locationCoordinates: {latitude: 40, longitude: 40}}
}
]
SelectMedia アクションは、次に示すように構成できます。
actions: [
{
type: 'VivaAction.SelectMedia',
id: 'Select File',
parameters: {mediaType: MediaType.Image, allowMultipleCapture: true, maxSizePerFile : 200000, supportedFileFormats: ['jpg']},
title: 'Select File'
}
]
このアクションは次のようにレンダリングされます。
![[ファイルの選択] ボタン](../images/release-notes/114/file-action.jpg)
メディアの選択アクションを使用して、ネイティブ デバイスから画像を選択できます。 ブラウザーでは、ファイル ピッカーを使用して、該当するファイルにアクセスします。
![[ファイルの選択] パネル](../images/release-notes/114/media-panel.jpg)
ESLint ルールに更新する
エコシステムから受け取ったフィードバックに基づいて、ESLint ルールを適用して、強制的に意見を交わしたコーディング スタイルのプラクティスを削除しました。 これらの規則は、環境レベルでさらに簡単に変更できるように、eslintrc.js ファイルに直接追加ました。
アダプティブ カード拡張機能クイック ビューの読み込みを延期する
ページに ACE が読み込まれると、カード ビューとクイック ビューの両方が読み込まれます。 ただし、クイック ビューが操作されるまで、クイック ビューを読み込む必要はありません。 クイック ビューの読み込みを延期すると、ACE の読み込み時にパフォーマンスが向上します。
クイック ビューの読み込みを延期する例を次に示します。
BaseAdaptiveCardExtensionを拡張するクラス内のクイック ビュー ファイルのインポートを削除します。
this.quickViewNavigator.register(
QuickViewID,
() => import(
'./Path-To-Your-QuickView-File'
).then((component) => new component.QuickView())
);
this.quickViewNavigator.register コールバック引数を使用して、Promise<TView> または TView を直接返すようになりました: () => TView | Promise<TView>
修正済みの問題
6 月から 7 月の時間枠
- #7947 - アプリがテナントから削除された場合でも、拡張機能はページに読み込まれます
- #8191 - 2 回目に開いたときの SPFX Teams アプリの空白の画面
- #8279 - 運用環境の新しいアイコン
- #8301 - カスタム Teams ?app=portals App を再表示するときにエラーが発生する
- #8199 - ページに WebPart を追加する場合、マニフェストで定義されている
dataVersionは尊重されません。 - #8272 - SPFx 1.15 - フォーム カスタマイザを使用してクラシック モードで既存のリスト アイテムを表示するときにエラーが発生する
- #8266 - SPFx 1.15 - フォーム カスタマイザが履歴の表示で機能しない
- #8251 -
onDisposeが呼び出されず、Web パーツが 1 つのアプリ ページ間で保持される - #5438 - Teams ファイル タブでフィールド カスタマイザー リードを空のセルに適用する
- #8263 - SPFx v1.15 - gulp clean が 'releases' フォルダーを削除しない
- #8260 - SPFx v1.15 - 不要な ESLint no-async-await ルールを非表示にしてください
- #8268 - サブディレクトリに 1.15 アセット ファイルが見つかりません
- #8236 - SPFx 1.15 - ESLint - 公式にサポートされていない TypeScript のバージョン @typescript-eslint/typescript-estree
- #7999 - node-fetch パッケージによって導入された脆弱性アラート
- #8314 - SPFx v1.15 フォーム カスタマイザー React テンプレートに正しくない参照が含まれている
- #8309 - serve.json's スキーマを更新して IntelliSense に
serveConfigurationsを含める