PowerApps を使用した SharePoint リスト フォームのカスタマイズCustomize a SharePoint list form by using PowerApps

SharePoint リスト フォームは、ブラウザーで PowerApps を開くことで簡単にカスタマイズすることができます。You can easily customize the form for a SharePoint list by opening PowerApps in a browser. C# などの従来のコードを記述したり、InfoPath などの別のアプリをダウンロードしたりする必要はありません。You don't need to write traditional code, such as C#, or download another app, such as InfoPath. 変更を発行すると、すべてのユーザーが使用できるように、SharePoint リスト内にフォームが埋め込まれます。When you publish your changes, the form is embedded within the SharePoint list for use by all of its users. PowerApps では、分析レポートを確認したり、条件付き書式を簡単に作成したり、他のデータ ソースに接続することもできます。In PowerApps, you can also review analytics reports, easily create conditional formatting, and connect to other data sources.

このトピックの手順を行うには、カスタマイズがどのように機能しているかを確認できるように、単純なリストを作成してから、同じ概念を独自のリストに適用できます。To follow the steps in this topic, you'll create a simple list so that you can see how customization works, and then you can apply the same concepts to your own list.

注意

自分のリストで [フォームのカスタマイズ] オプションが使用できない、または正常に動作しない場合は、PowerApps がサポートしないデータ型が含まれている場合があります。If the Customize forms option isn't available or doesn't work correctly for your list, it might contain data types that PowerApps doesn't support. また、フォームを別のリストまたは環境に移動することはできません。Also, you can't move your form to a different list or environment.

リストを作成します。Create a list

SharePoint サイトでリストを作成し、リストにこれらの列を追加します。On a SharePoint site, create a list, and then add these columns to that list:

  • 詳細 (はい/いいえ)Details (yes/no)
  • 価格 (通貨)Price (currency)
  • 利用可能 (時刻なしの日付)Availability (date without time)
  • (選択)Color (choice)

サイト コンテンツの選択 > 新規 > リスト、リスト名の種類および作成を選択します。Select Site contents > New > List, type the list name, and select Create. 各列の選択列の追加、リストの種類を指定 (はい/いいえ、通貨、日付、選択)、リストの名前 (詳細は、価格、可用性、色) を指定し、保存を選択します。For each column, select Add column, specify the list type (Yes/No, Currency, Date, Choice), specify the list name (Details, Price, Availability, Color), and select Save.

フォームを開きます。Open the form

  1. コマンド バーで選択PowerApps、し、フォームをカスタマイズするします。In the command bar, select PowerApps, and then select Customize form.

    同じブラウザー タブに PowerApps Studio が開きます。PowerApps Studio opens in the same browser tab.

  2. [PowerApps Studio へようこそ] ダイアログ ボックスが開いたら、[スキップ] を選びます。If the Welcome to PowerApps Studio dialog box opens, select Skip.

コマンド バーで、PowerApps を選択し、カスタマイズ フォームを選択します。In the command bar, select PowerApps, and then select Customize form. 同じブラウザー タブに PowerApps Studio が開きます。PowerApps Studio ダイアログ ボックスへようこそ を開くと場合、は、スキップを選択します。PowerApps Studio opens in the same browser tab. If the Welcome to PowerApps Studio dialog box opens, select Skip.

移動し、フィールドの削除Move and remove a field

  1. ドラッグ、可用性フィールドの一覧の一番下のフィールド。Drag the Availability field to the bottom of the list of fields.

    指定した順序で、フィールドが表示されます。The fields appear in the order that you specify.

  2. ポインターを合わせる、添付ファイルフィールドを選択し、表示される省略記号 (...) を選択します。削除します。Hover over the Attachments field, select the ellipsis (...) that appears, and then select Remove.

    フォームから指定したフィールドが表示されなくなります。The field that you specify disappears from the form.

フィールドの一覧の一番下には、可用性のフィールドをドラッグします。Drag the Availability field to the bottom of the list of fields. 添付ファイル フィールドをポイントしが表示されたら、省略記号 (...) を選択し、[削除] を選択します。Hover over the Attachments field, select the ellipsis (...) that appears, and then select Remove.

条件付き書式を設定するSet conditional formatting

[詳細] を [はい] に設定した場合にのみ、[価格][利用可能][色] のフィールドが表示されるように構成できます。You can configure the Price, Availability, and Colors fields to appear only if Details is set to yes.

  1. 左側のナビゲーション バーで Details_DataCard1、メモの末尾に表示される数字とDataCardValueします。In the left navigation bar, expand Details_DataCard1, and note the numeral that appears at the end of DataCardValue.

  2. 設定、 Visibleのプロパティ、可用性、および価格(置き換え、必要に応じて、数字の次の数式にカードで、前の手順で書き留めた)。Set the Visible property of the Color, Availability, and Price cards to this formula (replacing, if necessary, the numeral with the one that you noted in the previous step):

    If(DataCardValue2.Value = true, true)If(DataCardValue2.Value = true, true)

  3. Alt キーを押しながら、[詳細] トグルをクリックまたはタップして、複数回選択します。While holding down the Alt key, select the Details toggle (by clicking or tapping it) multiple times.

    構成した 3 つのフィールドが表示され、フォームから消えます。The three fields that you configured appear and disappear from the form.

左側のナビゲーション バーでは、DataCardValue の最後に表示される数字に注意してください。In the left navigation bar, note the numeral that appears at the end of DataCardValue. 次の数式にカードの色、可用性、および価格の可視性プロパティを設定します。Set the Visibility property of the Color, Availability, and Price cards to this formula. 、Alt キーを押しながら、詳細コントロールを複数回選択します。Hold down the Alt key, and select the Details control multiple times.

保存して、フォームの発行Save and publish the form

  1. [ファイル] メニューを開き、[保存] を選択し、[SharePoint に発行] を 2 回選択します。Open the File menu, select Save, and then select Publish to SharePoint twice.

  2. 左上隅で、戻る矢印を選択し、[SharePoint に戻る] を選択します。In the upper-left corner, select the back arrow, and then select Back to SharePoint.

ファイル メニューを開き保存を選択し、SharePoint に発行を 2 回選択します。Open the File menu, select Save, and then select Publish to SharePoint twice. 左上隅で、[戻る] 矢印を選択し、SharePoint に戻るをクリックします。In the upper-left corner, select the back arrow, and then select Back to SharePoint.

さらに、フォームをカスタマイズします。Further customize your form

  1. 一覧を開き、選択新規コマンド バーで、カスタマイズフォームの上部にあります。Open your list, select New in the command bar, and then select Customize near the top of the form.

  2. さまざまな方法は、これらのトピックについて説明するようにフォームをカスタマイズするには。Customize your form in a variety of ways, such as those that these topics describe:

    詳細情報:SharePoint フォームの統合を理解するします。More information: Understand SharePoint forms integration.

既定のフォームを使用するUse the default form

  1. SharePoint でリストから (右上隅の歯車アイコンを選んで) 設定ページを開き、[リストの設定] を選択します。From your list in SharePoint, open the settings page (by selecting the gear icon near the upper-right corner), and then select List settings.

  2. [全般設定] の下で [フォームの設定] を選択します。Under General settings, select Form settings.

  3. [フォームの設定] ページで、これらのオプションのいずれかを選択し、[OK] を選択します。On the Form Settings page, select one of these options, and then select OK.

    • 既定の SharePoint フォームを使用する: ユーザーがリストを開き、コマンド バーで [新規] を選択すると、そのリストの既定のフォームが表示されます。Use the default SharePoint form - When a user opens your list and selects New in the command bar, the default form for the list will appear.

    • Use a custom form created in PowerApps (PowerApps で作成されたカスタム フォームを使用する): ユーザーがリストを開き、コマンド バーで [新規] を選択すると、カスタム フォームが表示されます Use a custom form created in PowerApps - When a user opens your list and selects New in the command bar, your custom form will appear. (または、PowerApps でフォームをもう一度発行することもできます)。(As an alternative, you can publish the form again in PowerApps.)

    これらのオプションは、必要に応じて切り替えることができます。You can toggle back and forth between options, as needed.

    [フォームの設定] オプション

カスタム フォームの削除Delete the custom form

  1. SharePoint でリストから (右上隅の歯車アイコンを選んで) 設定ページを開き、[リストの設定] を選択します。From your list in SharePoint, open the settings page (by selecting the gear icon near the upper-right corner), and then select List settings.

  2. [全般設定] の下で [フォームの設定] を選択します。Under General settings, select Form settings.

  3. [フォームの設定] ページで、[既定の SharePoint フォームを使用する] を選択し、[Delete custom form](カスタム フォームの削除) を選択します。On the Form Settings page, select Use the default SharePoint form, and then select Delete custom form.

    カスタム フォームの削除

Q & AQ & A

フォームとアプリForms vs. apps

Q: SharePoint または PowerApps から作成したスタンドアロン アプリから、カスタマイズしたフォームの違いQ: How does a customized form differ from a standalone app that I create from SharePoint or PowerApps?

A: SharePoint リスト フォームをカスタマイズする場合は、フォームが PowerApps Studio または PowerApps Mobile でアプリとして表示されません。A: If you customize the form for a SharePoint list, the form doesn't appear as an app in PowerApps Studio or PowerApps Mobile. フォームは、それを作成したリストからのみ開くことができます。You can open the form only from the list for which you created it.

Q: SharePoint リストにデータを管理するためのフォームをカスタマイズする必要がありますとスタンドアロン アプリの作成とする必要がありますか。Q: When should I customize a form to manage data in a SharePoint list, and when should I create a standalone app?

A: ユーザーを (たとえば、デスクトップ ブラウザー) で SharePoint を離れることがなくデータを管理する場合は、フォームをカスタマイズします。A: Customize a form if you want your users to manage data without leaving SharePoint (for example, in a desktop browser). ユーザーが SharePoint の外部で (たとえばモバイル デバイスなどで) データを管理できるようにする場合は、アプリを作成します。Create an app if you want your users to manage data outside of SharePoint (for example, on a mobile device).

Q: フォームをカスタマイズし、同じリストのアプリを作成できますか。Q: Can I customize a form and create an app for the same list?

A: はい。A: Yes.

Q: リストのカスタマイズし、同じ機能を使用してアプリを作成できますか。Q: Can I customize a list and create an app using the same features?

A: はい。A: Yes.

Q: 自分の組織で、既定の環境以外の環境でフォームをカスタマイズできますか。Q: Can I customize a form in an environment other than the default environment in my organization?

A: いいえ。A: No.

カスタム フォームを管理するManage your custom form

Q: 共有する方法は簡単にフォームの他のユーザーですか。Q: How can I easily share my form with others?

A: フォームを開き、選択リンク コピー、し、フォームを使用するユーザーにリンクを送信します。A: Open the form, select Copy link, and then send the link to anyone whom you want to use the form.

Q: 他のユーザーに表示される自分の変更を加えずにフォームを更新できますか。Q: Can I update my form without making my changes visible to others?

A: はい。A: Yes. フォームの変更と保存は何度でもできますが、変更内容は [SharePoint に発行] を 2 回選択するまで他のユーザーには表示されません。You can change your form and save as many times as you want, but your changes won't be visible to anyone else unless you select Publish to SharePoint twice.

Q: リスト フォームをカスタマイズし、間違えた場合はできるは、以前のバージョンに戻しますか。Q: If I customize a list form and make a mistake, can I revert to a previous version?

A: はい。A: Yes.

  1. リストを開き、コマンド バーで [PowerApps] を選択し、[フォームをカスタマイズ] を選択します。Open your list, select PowerApps on the command bar, and then select Customize forms.

  2. PowerApps Studio で、[ファイル][すべてのバージョンの表示] の順に選択します。In PowerApps Studio, select File, and then select See all versions. [バージョン] ページが新しいブラウザー タブに表示されます。The Versions page opens in a new browser tab.

    注意

    [すべてのバージョンの表示] ボタンが表示されていない場合は、[保存] を選択します。If you don't see the See all versions button, select Save. ボタンが表示されるはずです。The button should appear.

  3. [バージョン] ページ (つまり、ブラウザー タブ) を閉じずに、元のブラウザー タブの [保存] ページに戻って、左側のナビゲーション ウィンドウの上部にある矢印をクリックまたはタップします。次に、[SharePoint に戻る] をクリックまたはタップしてフォームのロックを解除し、PowerApps Studio を閉じます。Without closing the Versions page or the browser tab, go back to the Save page in the other browser tab, click or tap the arrow at the top of the left navigation pane, and then click or tap Back to SharePoint to unlock your form and close PowerApps Studio.

  4. さきほどのブラウザー タブの [バージョン] ページに戻り、復元するバージョンを見つけて、[復元] を選択します。Go back to the Versions page in the other browser tab, locate the version that you want to restore, and then select Restore.

    注意

    フォームが別のユーザーによってロックされているため、復元が失敗したことを示すエラー メッセージが表示された場合、ユーザー、フォームのロックが解除されるまで待機してからやり直してください。If you get an error message saying that the restore failed because the form is locked by another user, wait until the user unlocks the form, and then try again.

Q: できるフォーム 1 つのリストから別に移動しますか。Q: Can I move my form from one list to another?

A: いいえ。A: No.

カスタム フォームを管理するAdminister your custom form

Q: フォームを共有する方法はありますかQ: How do I share my form?

A: フォームを共有する必要はありません — フォームは SharePoint リストからのアクセス許可を継承します。A: You don't need to share the form—the form inherits permissions from the SharePoint list. フォームのカスタマイズが完了したら、他のユーザーが使用できるようにそのフォームを SharePoint に発行しなおすだけです。When you're done customizing it, just publish it back to SharePoint so that others can use it.

Q: フォームをカスタマイズすることができますか。Q: Who can customize forms?

A: を管理する SharePoint の権限を持っているユーザーは、設計、または、関連付けられているリストを編集します。A: Anyone with SharePoint permissions to manage, design, or edit the associated list.

Q: 作成またはカスタム リスト フォームを使用する PowerApps のライセンスが必要ですか。Q: Do I need a PowerApps license to create or use custom list forms?

A: 必要があります、 PowerApps を含む Office 365 プランします。A: You need an Office 365 plan that includes PowerApps.

Q: ゲスト ユーザーがカスタム形式の一覧にアクセスすると起こりますか。Q: What happens when guest users access a list that has a custom form?

A: ゲスト ユーザーは、PowerApps を使用してカスタマイズされているリスト フォームへのアクセスを試みると、エラー メッセージを取得します。A: Guest users get an error message if they try to access a list form that's been customized using PowerApps.

Q: 管理者は、すればすべてのカスタマイズされたフォームの一覧で自分の組織ですか。Q: As an administrator, how do I get a list of all customized forms in my organization?

A: PowerApps のテナント管理者、または環境管理者のアクセス許可がある組織の既定の PowerApps 環境で、次の操作を行います。A: If you're a tenant administrator for PowerApps or you have environment-administrator permissions on the default PowerApps environment of your organization, do the following:

  1. PowerApps 管理センターで、環境のリストから、組織の既定の環境を選択します。In the PowerApps admin center, select the default environment for your organization from the list of environments.

  2. 既定の環境のページ上部で、[リソース] を選択します。At the top of the default environment page, select Resources.

  3. 使用してアプリを探して、アプリの一覧から、 SharePoint フォームアプリの種類-これらは、カスタマイズされたフォーム。From the list of apps, look for apps with a SharePoint Form app type—these are the customized forms.

    カスタマイズされたフォームのリスト