フィードバック

準備のために Power Platform のビデオを取得するアプリを作成する

  • [アーティクル]

このチュートリアルでは、準備のために使用できるコンテンツを取得、一覧表示、および表示するソリューションを構築します。

ビデオ ライブラリ アプリ。

目標

このチュートリアルの焦点は、YouTube で利用可能なビデオ コンテンツの検索、取得、参照、および再生、または MP4 ビデオ ファイルを含む RSS フィードにあります。 このチュートリアルは、これらのチャネルとフィードを継続的に監視して新しいコンテンツを探し、新しいコンテンツが利用可能になると、指定された Microsoft Teams にメッセージを送信します。

チュートリアルのチャネルとフィードは、Power Platform コンテンツですが、他のトピックにも簡単に使用できます。

このチュートリアルでは、以下を使用します。

  • アプリケーションをビルドして、YouTube チャネルと RSS フィードを指定する Power Apps。
  • 新規および既存のビデオに関する情報を取得する Power Automate。
  • フィードとビデオ情報を保存するためのテーブルを作成するための Microsoft Dataverse for Teams。
  • 新しいビデオが配信されたときにメッセージを Microsoft Teams に送信する Power Automate。

前提条件

  • 既存の Microsoft Teams を特定するか、アプリを構築するための新しい Microsoft Teams を作成します。

  • 既存のチャネルを特定するか、Microsoft Teams 内に新しいチャネルを作成して送信されたメッセージを投稿し、新しいビデオが取得されたことを指定します。

Teams または Teams 内のチャネルを作成する方法に慣れていない場合は、Teams でチャネルを作成するを参照してください。

このチュートリアルでは、「準備」という名前のチャネルを使用します。

ステップ 1: Teams で Power Apps をインストールして固定する

このセクションでは、Teams に Power Apps をインストールし、左のレールに固定して、簡単にアクセスできるようにします。 Power Apps アプリをインストールして固定する方法を学ぶには、Microsoft Teams への Power Apps 個人アプリのインストールを参照してください。

すでに Power Apps アプリのインストールと固定を行っている場合、次のステップにスキップすることができます。

ステップ 2: アプリとテーブルを作成する

このセクションでは、アプリケーションを作成するための最初の手順を実行します。

  1. Power Apps アプリを選択します。

  2. 画面の上部にある ビルド タブを選択します。

  3. 画面の右下に表示された 作成 を選択します。

    このアクションにより、アプリを作成する ダイアログ ボックスが表示されます。

  4. ドロップダウン リストからチームの名前を選択し、作成 を選択します。

    アプリを作成します。

    注意

    この Microsoft Teams チームでアプリを作成しようとしたのが初めての場合、セットアップには少し時間がかかります。

  5. アプリの名前の入力を求められたら、ビデオ ライブラリ と入力して 保存 を選択します。

ステップ 2.1: フィードのテーブルを作成する

このセクションでは、アプリケーションで使用されるフィードの名前と詳細を格納するテーブルを作成します。

  1. 画面の左側の 新しいテーブルの作成 を選択します。

  2. テーブルの名前の入力を求められたら、フィード と入力します。

  3. 作成 を選択します。

ステップ 2.1.1: [名前] 列を編集する

  1. ビジュアル エディターで、名前 列のドロップダウン メニューを選択し、次に 列を編集 を選択します。

  2. 名前を タイトル に変更します。

  3. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  4. 保存 を選択します。

ステップ 2.1.2: 説明列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を 説明 に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

  1. + を選択して新しい列を作成します。

  2. 名前を イメージ リンク に指定します。

  3. 種類 で、リストから URL を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

ステップ 2.1.4: イメージ タイトル列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を イメージ タイトル に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

ステップ 2.1.5: [最後の取得日時] 列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を 最後の取得日時 に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 作成 を選択します。

  1. + を選択して新しい列を作成します。

  2. 名前を リンク に指定します。

  3. 種類 で、リストから URL を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

ステップ 2.1.7: [公開日] 列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を 公開日 に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 作成 を選択します

ステップ 2.1.8: 新しい行を追加する

ビジュアル エディターで、テストに使用する Microsoft ショー "#LessCodeMorePower" の行を追加します。

タイトル #LessCodeMorePower (HD) - チャネル 9
説明 Power Apps を扱ったショー。 ここではその詳細について説明します。
画像リンク https://sec.ch9.ms/content/feedimage.png
画像のタイトル #LessCodeMorePower (HD) - チャネル 9
リンク https://s.ch9.ms/Shows/Less-Code-More-Power/feed/mp4high

注意

公開日 列を空のままにします。

ビジュアル エディターは下の画像のようになります。

ビジュアル エディター。

閉じる を選択して、ビジュアル エディターを閉じます。

アプリで自動的に作成された Screen1 という名前の画面は、テーブルに自動的にバインドされ、テーブル内のフィールドと追加したレコードが表示されます。

画面は下の画像のようになります。

アプリで作成された画面。

ステップ 2.2: フィード アイテムのテーブルを作成する

このセクションでは、YouTube チャネルまたは RSS フィードのフィード アイテムに保存されている動画の詳細を保存するテーブルを作成します。

  1. 画面の左側にある データの追加 を選択します。

  2. 新しいテーブルを作成する を選択します。

    新しいテーブルを作成します。

  3. テーブルの名前の入力を求められたら、フィード アイテム と入力します。

ステップ 2.2.1: [名前] 列を編集する

  1. ビジュアル エディターで、名前 列のドロップダウンを選択し、次に 列を編集 を選択します。

  2. 名前を フィード アイテム ID に変更します。

  3. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  4. 保存 を選択します。

ステップ 2.2.2: フィード列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を フィード に指定します。

  3. 種類 で、リストから 参照 を選択します。

  4. 表については、リストから フィード を選択します。

  5. 作成 を選択します。

ステップ 2.2.3: タイトル列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を タイトル に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

ステップ 2.2.4: 説明列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を 説明 に指定します。

  3. 種類 で、リストから テキスト を選択します。

  4. 詳細オプション を選択し、最大長 の値を 2500 に変更します。

  5. 作成 を選択します。

  1. + を選択して新しい列を作成します。

  2. 名前を プライマリ フィード リンク に指定します。

  3. 種類 で、リストから URL を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

  1. + を選択して新しい列を作成します。

  2. 名前を ビデオ リンク に指定します。

  3. 種類 で、リストから URL を選択します。

  4. 高度なオプション を選択し、最大長 の値を 255 に変更します。

  5. 作成 を選択します。

ステップ 2.2.7: [公開日] 列を作成する

  1. + を選択して新しい列を作成します。

  2. 名前を 公開日 に指定します

  3. 種類 で、リストから テキスト を選択します。

  4. 作成 を選択します。

ビジュアル エディターは下の画像のようになります。

フィード アイテム テーブルのビジュアル エディター。

閉じる を選択して、ビジュアル エディターを閉じます。

必要なテーブルを作成したので、右上隅にある 保存 を選択し、アプリを保存して Power Apps Studio を閉じます。

ステップ 3: フローを作成して、構成されたフィードのビデオの詳細を取得する

このセクションでは、Power Automate でフローを作成し、構成された各フィードのビデオを取得します。 このフローは、RSS フィードを監視して新しいビデオが追加されているかどうかを監視し、ビデオの詳細を取得して、それらの詳細をデータベースに保存します。

このセクションを完了すると、フローは次の図のようになります。

フロー全体 - 完了。

注意

Power Automate には、個々のフィードのフィードに新しいアイテムが追加されたことを検出できるトリガーがあります。 複数のフィードを追跡する場合、これには複数のフィードが必要であり、フィードの数と一致するために同じ数のフローが必要になります。 このラボで採用されているアプローチはより複雑ですが、単一のフローで構成された任意の数のフィードをサポートする単一のフローがあるという利点があります。

ステップ 3.1: クラスターの作成

  1. ビルド タブを選択します。

  2. 左側のリストから、前にテーブルを作成したチームの名前を選択します。

  3. このチームがビルド済み タブの下にある すべてを表示 を選択します。

  4. 新規 をクリックします。

  5. フロー > スケジュール を選択します。

    予定フローを作成します。

  6. 予定フローを作成 ダイアログ内で、

    1. 「ビデオの取得」として名前を入力します。

    2. 頻度として 日 を選択します。

    3. 作成 を選択します。

    予定フローを作成します。

ステップ 3.2: 初期化変数アクションを追加する

  1. 新しいステップ を選択します。

  2. 検索フィールドに 編集を初期化 と入力します。

  3. 変数の初期化 アクションを選択します。

  4. 名前 フィールドに ビデオへのリンク と入力します。

  5. 種類 に対して、ドロップダウン リストで 文字列 を選択します。

    初期化変数アクションを追加します。

    注意

    値 フィールドに値を入力しないでください。

ステップ 3.3: レコードの一覧表示アクションを追加する

  1. 新しいステップ を選択します。

  2. Microsoft Dataverse を検索ボックスに入力し、レコードの一覧表示 という名前のアクションを選択します。

  3. エンティティ名 プロパティで フィード を選択します。

  4. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します。

  5. アクションの名前を 取得するフィードのリストを取得する に変更します。

    レコードの一覧表示アクションを追加します。

ステップ 3.4: 現在の時刻アクションを追加する

  1. 新しいステップ を選択します。

  2. 検索ボックスに 日時 と入力し、現在の時刻 という名前のアクションを選択します。

    現在の時刻アクションを追加します。

ステップ 3.5: [それぞれに適用] アクションを追加する

  1. 新しいステップ を選択します。

  2. 検索ボックスに それぞれに適用 と入力し、それぞれに適用 という名前のアクションを選択します。

  3. 前のステップからの出力を選択 の下のテキスト ボックスを選択します。

  4. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に 値 を選択します。

  5. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します。

  6. アクションの名前を データベース内の各フィードをループ に変更します。

    それぞれに適用アクションを追加します。

ステップ 3.6: [すべての RSS フィード アイテムを一覧表示] アクションを追加する

  1. アクションの追加 を選択します。

  2. 検索ボックスに RSS と入力し、すべての RSS フィード アイテムを一覧表示 と呼ばれるアクションを選択します。

  3. プロパティ RSS フィードの URL のボックスを選択します。

  4. 動的コンテンツ で、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に リンク を選択します。

  5. プロパティのボックスで 以来 を選択し、最後の取得日時 を選択します。

    すべての RSS フィード アイテムを一覧表示アクションを追加します。

ステップ 3.7: [それぞれに適用] アクションを追加する

  1. アクションの追加 を選択します。

  2. 検索ボックスに それぞれに適用 と入力し、それぞれに適用 という名前のアクションを選択します。

  3. 前のステップからの出力を選択 の下のテキスト ボックスを選択します。

  4. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 というセクションまで下にスクロールし、次に 本文 を選択します。

  5. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します。

  6. アクションの名前を 最後に取得してからフィード内の各アイテムをループ に変更します。

    最後に取得してからフィード内の各アイテムをループします。

ステップ 3.8: [それぞれに適用] アクションを追加する

  1. 最後に取得してからフィード内の各アイテムをループ 内で アクションを追加 を選択します。

  2. 検索ボックスに それぞれに適用 と入力し、それぞれに適用 という名前のアクションを選択します。

  3. 前のステップからの出力を選択 の下のテキスト ボックスを選択します。

  4. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に フィード リンク を選択します。

  5. アクションの先頭で省略記号 (…) を選択し、名前を変更 を選択します。

  6. アクションの名前を リンクを評価して、これが YouTube またはビデオ付きの Vlog であるかどうかを判断する に変更します。

    リンクを評価して、これが YouTube またはビデオ付きの Vlog であるかどうかを判断します。

ステップ 3.9: 条件アクションを追加する

  1. アクションの追加 を選択します。

  2. 検索ボックスに 条件 と入力し、条件 という名前のアクションを選択します。

  3. テキスト 値を選択してください を含むテキスト ボックスを選択します。

  4. 表示された 動的コンテンツ リストで、リンクを評価して、これが YouTube またはビデオ付きの Vlog であるかどうかを判断する というセクションまで下にスクロールし、次に 現在のアイテム を選択します。

  5. 次の値に等しい というドロップ ダウンを選択し、次に 含む を選択します。

  6. テキストボックスのテキスト 値を選択してください を選択し、値 .mp4 を入力します。

  7. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します。

  8. アクションの名前を MP4 ファイルとのリンクがあるかどうかを確認する に変更します。

    MP4 ファイルとのリンクがあるかどうかを確認します。

  9. 左側の はいの場合 パスで、アクションの追加 を選択します。

    1. 検索ボックスに 変数を設定 と入力し、変数を設定 という名前のアクションを選択します。

    2. 名前 プロパティのドロップダウンで ビデオへのリンク を選択します。

    3. 値 プロパティのテキストボックスを選択します。

    4. 動的コンテンツ リストで、リンクを評価して、これが YouTube またはビデオ付きの Vlog であるかどうかを判断する というセクションまで下にスクロールし、現在のアイテム を選択します。

    5. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します

    6. アクションの名前を ビデオ リンクが MP4 ファイルへのリンクであることを指定します に変更します。

      ビデオ リンクが MP4 ファイルへのリンクであることを指定します。

  10. 左側の いいえの場合 パスで、アクションの追加 を選択します。

    1. 検索ボックスに 変数を設定 と入力し、変数を設定 という名前のアクションを選択します。

    2. 名前 プロパティのドロップダウンで ビデオ リンク を選択します。

    3. 値 プロパティのテキストボックスを選択します。

    4. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に プライマリ フィード リンク を選択します。

    5. アクションのヘッダーで省略記号 (…) を選択し、名前を変更 を選択します。

    6. アクションの名前を ビデオ リンクがプライマリ ビデオ リンクであることを指定します に変更します。

      ビデオ リンクがプライマリ フィード リンクであることを指定します。

アクションのヘッダーを選択して、リンクを評価して、これが YouTube またはビデオ付きの Vlog であるかどうはを判断します のタイトルを表示します。

プライマリ フィード リンクを追加します。

ステップ 3.10: [新しいレコードの作成] アクションを追加する

  1. 最後に取得してからフィード内の各アイテムをループ アクション内で アクションを追加 を選択します。

  2. Microsoft Dataverse を検索ボックスに入力し、新しいレコードの作成 と呼ばれるアクションを選択します。

  3. エンティティ名 プロパティで フィード アイテム を選択します。

  4. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に フィード ID を選択します。

  5. フィールド アイテム ID の横のテキスト ボックスを選択します。

  6. アクション内の 高度なオプションを表示 リンクを選択し、テーブル内のすべてのフィールドを表示します。

  7. 説明 の横のテキストボックスを選択します。

  8. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 というセクションまで下にスクロールし、フィードの概要 を選択します。

  9. フィード (フィード) の横のテキストボックスを選択します。

  10. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に OData ID を選択します。

  11. プライマリ フィード リンク の横のテキストボックスを選択します。

  12. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に プライマリ フィード リンク を選択します。

  13. 公開日 の横のテキストボックスを選択します。

  14. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に フィードの公開日付 を選択します。

  15. タイトル の横のテキストボックスを選択します。

  16. 動的コンテンツ リストで、すべての RSS フィード アイテムを一覧表示 セクションまで下にスクロールし、次に フィード タイトル を選択します。

  17. ビデオ リンク の横のテキストボックスを選択します。

  18. 動的コンテンツ リストで、変数 セクションまで下にスクロールし、次に ビデオへのリンク を選択します。

    プライマリ フィード リンクを設定します。

ステップ 3.11: [変数の設定] アクションを追加する

  1. 新しいレコードの作成 の後の アクションの追加 を選択します。

  2. 検索ボックスに チーム と入力し、メッセージを投稿する (V3) (プレビュー) アクションを選択します。

  3. チーム プロパティのドロップダウンで、メッセージを送信するチームを選択します。

  4. チャネル プロパティのドロップダウンで、メッセージを送信するチャネルを選択します。

  5. 詳細オプションの表示 リンクを選択します。

  6. メッセージ プロパティで、アイテムに関する詳細を含むメッセージを作成します。 次の画像にメッセージの例を示します。

    変数の設定アクションを追加します。

アクションのヘッダーを選択して、最後に取得してから各アイテムをループ のタイトルを表示します。

ステップ 3.12: レコードの更新アクションを追加する

  1. データベース内の各フィードをループ アクション内で アクションを追加 を選択します。

  2. Microsoft Dataverse を検索ボックスに入力し、 アクション レコードの更新 を選択します。

  3. エンティティ名 で フィード を選択します。

  4. アイテム ID の横のテキスト ボックスを選択します。

  5. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に フィード を選択します。

  6. タイトル の横のテキストボックスを選択します。

  7. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に タイトル を選択します。

  8. アクション内の 高度なオプションを表示 リンクを選択し、テーブル内のすべてのフィールドを表示します。

  9. 説明 の横のテキストボックスを選択します。

  10. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に 説明 を選択します。

  11. イメージ リンク の横のテキストボックスを選択します。

  12. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に イメージ リンク を選択します。

  13. イメージ タイトル の横のテキストボックスを選択します。

  14. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に イメージ タイトル を選択します。

  15. 最後の取得日時 横のテキストボックスを選択します。

  16. 動的コンテンツ リストで、現在の時刻 セクションまで下にスクロールし、現在の時刻 を選択します。

  17. リンク の横のテキストボックスを選択します。

  18. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に リンク を選択します

  19. 公開日 の横のテキストボックスを選択します。

  20. 動的コンテンツ リストで、セクション 取得するフィードのリストを取得する まで下にスクロールし、次に 公開日 を選択します。

    レコードの更新アクションを追加します。

完成したワークフローは次の図のようになります。

完成したフロー。

ステップ 3.13: フローを保存する

  1. 画面の右上隅にから 保存 を選択します。

  2. 左上の戻る矢印を選択します。

  3. ビデオを取得 フローを選択します。

  4. コマンド バーで、実行 を選択します。

  5. スクリーン右側のパネルで フローを実行 を選択します。

  6. 完了 を選択します。

  7. 28 日間の実行履歴 で更新ボタンを選択し、フロー実行の詳細を表示します。

    フローを実行します。

フローが成功として表示されない場合は、実行 を選択し、失敗したアクションと関連するエラー メッセージが表示されます。

ステップ 4: アプリを編集してビデオ ライブラリ インターフェイスを追加する

このセクションでは、アプリ内に新しい画面を作成して、自分やチームの他のメンバーが動画を閲覧したり、動画の詳細を確認したり、Teams 内で直接再生したりできるようにします。

アプリの編集を開始するには:

  1. Teams の左側のレールから Power Apps を選択します。

  2. ビルド タブを選択します。

  3. 左側のペインから、アプリが作成されるチーム環境を選択します。

  4. このチームがビルド済み で、ビデオ ライブラリ アプリを選択します。

次に、新しい画面を作成し、次の手順を使用して画面コントロールを構成します。

ステップ 4.1: 新しい画面を作成する

  1. ツリー ビュー を選択します。

  2. 新しい画面 を選択します。

  3. 空白 レイアウトを選択します。

  4. + を選択し、画面へのコントロールの追加を開始します。

ステップ 4.2: ヘッダーを追加する

  1. 検索フィールドに 四角形 と入力します。

  2. 長方形コントロールを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 0
    年 0
    幅 1365
    高さ 60
    色 紫

ステップ 4.3: ヘッダー ラベルを追加する

  1. 検索フィールドに ラベル と入力します。

  2. ラベルを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    テキスト ビデオ ライブラリ
    表示モード ビュー​​
    フォント サイズ 24
    X 576
    年 0
    幅 191
    高さ 61
    色 白人

ステップ 4.4: ビデオ リスト ヘッダーに長方形を追加する

  1. 検索フィールドに 四角形 と入力します。

  2. 長方形コントロールを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 0
    年 61
    幅 1365
    高さ 58
    色 紫

ステップ 4.5: ビデオ リスト ヘッダーにラベルを追加する

  1. 検索フィールドに ラベル と入力します。

  2. ラベルを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    テキスト 以下のリストからビデオを選択します
    表示モード ビュー​​
    フォント サイズ 14
    X 39
    年 74
    幅 320
    高さ 32
    色 白人

  1. 検索フィールドに 縦方向のギャラリー と入力します。

  2. ラベルを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    件名 ビデオ ライブラリ
    データ ソース フィード アイテム
    レイアウト​​ 画像、タイトル、サブタイトル
    X 0
    年 119
    幅 450
    高さ 649

画面左側のツリー ビューでは、ビデオ ギャラリーの下に、字幕、タイトル、および画像で始まる名前の 3 つのコントロールがあります。

ビデオ ライブラリ ギャラリー。

ステップ 4.6.1: 字幕を設定する

  1. 字幕 で始まるコントロールを選択します。

  2. 左上のプロパティ リストから テキスト プロパティを選択します。

  3. プロパティの値を次の数式に更新します。

    ThisItem.Feed.Description

ステップ 4.6.2: タイトルを設定する

  1. タイトル で始まるコントロールを選択します。

  2. 左上のプロパティ リストから テキスト プロパティを選択します。

  3. プロパティの値を次の数式に更新します。

    ThisItem.Feed.Title

ステップ 4.6.3: 画像を設定する

  1. 画像 で始まるコントロールを選択します。

  2. 左上のプロパティ リストから テキスト プロパティを選択します。

  3. プロパティの値を次の数式に更新します。

    ThisItem.Feed.'Image Link'

ステップ 4.7: フィード アイテムの背景を追加する

  1. 検索フィールドに 四角形 と入力します。

  2. 長方形コントロールを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 451
    年 61
    幅 915
    高さ 707
    色 紫

ステップ 4.8: フィード アイテムのタイトル ヘッダー ラベルを追加する

  1. 検索フィールドに ラベル と入力します。

  2. ラベルを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    フォント サイズ 18
    X 466
    年 51
    幅 883
    高さ 78
    色 白人

  4. 左上のプロパティ リストから テキスト プロパティを選択します。

  5. テキスト プロパティの値を次の数式に設定します。

    'Video Library'.Selected.Title

ステップ 4.9: ビデオ コントロールを追加する

  1. 検索フィールドに ビデオ と入力します。

  2. ビデオ コントロールを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 450
    年 129
    幅 916
    高さ 523

  4. 左上のプロパティ リストから メディア プロパティを選択します。

  5. メディア プロパティの値を次の数式に設定します。

    'Video Library'.Selected.'Video Link'

ステップ 4.10: フィードの説明 HTML テキスト コントロールを追加する

  1. 検索フィールドに HTML テキスト と入力します。

  2. HTML テキスト コントロールを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    フォント サイズ 14
    X 458
    年 651
    幅 908
    高さ 82
    色 白人

  4. 左上のプロパティ リストから HtmlText プロパティを選択します。

  5. HtmlText プロパティの値を次の数式に設定します。

    'Video Library'.Selected.Description

ステップ 4.11: 公開日ラベルを追加する

  1. 検索フィールドに ラベル と入力します。

  2. ラベルを画面にドラッグします。

  3. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    フォント サイズ 14
    X 1153
    年 732
    幅 213
    高さ 36
    色 白人

  4. 左上のプロパティ リストから テキスト プロパティを選択します。

  5. テキスト プロパティの値を次の数式に設定します。

    Concatenate("Published On ",Text('Video Library'.Selected.'Published On'))

ステップ 4.12: 画面間の切り替えを有効にする

現在、2 つの別々の画面がありますが、それらを切り替える方法はありません。 画面を切り替える機能は、フィードを追加できるようにするために重要です。

ステップ 4.12.1: 歯車アイコンを追加する

  1. Screen2 を選択します。

  2. プロパティ ウィンドウから アイコンの追加 を選択します。

  3. 設定 アイコンの種類を選択します。

  4. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 1307
    年 6
    幅 48
    高さ 51
    色 白人

  5. 左上のプロパティ リストから OnSelect プロパティを選択します。

  6. OnSelect プロパティの値を次の数式に設定します。

    Navigate(Screen1)

ステップ 4.12.2: 戻るボタンを設定する

  1. Screen1 を選択します。

  2. プロパティ ウィンドウから アイコンの追加 を選択します。

  3. 戻る アイコンの種類を選択します。

  4. 以下の値を持つプロパティを次のように設定します。

    プロパティ 値
    X 225
    年 12
    幅 32
    高さ 32

  5. 左上のプロパティ リストから OnSelect プロパティを選択します。

  6. OnSelect プロパティの値を次の数式に設定します。

    Navigate(Screen2)

歯車のアイコンを選択すると、アプリにフィードのリストを編集するためのフォームが表示されます。 戻るボタンを選択すると、ビデオのリストに戻ります。

ステップ 5: アプリをテストする

アプリケーションをチームに公開する前に、コア機能をテストすることが重要です。

ステップ 5.1: Power Automate フローをテストする

  1. Power Automate フローを実行します。

  2. 新しいアイテムが フィード アイテム テーブルに追加されたことを確認します。

  3. アプリケーションの構成時に指定したチャネルにフローが新しいメッセージを投稿したことを確認します。

ステップ 5.2: アプリの機能をテストする

  1. Power Apps Studio でアプリを開きます。

  2. 画面の右上隅にから プレビュー を選択します。

  3. 左側のギャラリーでフィード アイテムのリストを選択します。

  4. アイテムを選択すると、タイトル、説明、公開日、およびビデオの詳細が表示されます。

  5. ビデオを選択し、ビデオの再生を確認します。

ステップ 5.3: フィード テーブルへの追加をテストする

  1. フィード テーブルに別のフィードを追加します。

  2. Power Automate フローを再実行します。

  3. 上のステップを繰り返します。

ステップ 6: アプリを公開する

  1. 右上隅の Teams に公開 アイコンを選びます。

  2. 次へ を選択します。

  3. チャンネルの隣の + を選択します (アプリを追加する 準備 など)。

    アプリを公開します。

  4. 保存して閉じる を選択します。

関連項目

Teams ストアのサンプル アプリを使用する

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。