複数選択できる参照列や選択肢列の値をHTMLテーブルに組み込む

# はじめに
みなさん、ごきげんよう！ 百合宮桜（Miyu）です!(^^)!
今回は複数選択可能な選択肢列や参照列を含んだ SharePoint Lists を 

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/a8af60cd-3cc9-4882-b15f-6ddbf3655eb7.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/8d01f34b-8872-4643-8774-bedb1873452c.png)

Power Automate で HTMLテーブルにする方法をお伝えいたします。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/2d816a19-d0e0-4c4e-9506-984449bfa21c.png)

# Point

複数選択を許可した参照列や選択肢列は配列で格納されています。

```
  "BihinName": [
                    {
                        "@odata.type": "#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference",
                        "Id": 2,
                        "Value": "３口延長コード"
                    },
                    {
                        "@odata.type": "#Microsoft.Azure.Connectors.SharePoint.SPListExpandedReference",
                        "Id": 1,
                        "Value": "モニター"
                    }
                ]
        
```

その為、HTMLテーブルにするにはこの配列の中から Value の値だけを抜き出して、カンマ区切りのテキストにする必要があります。

```
３口延長コード,モニター
```


# 作り方

1. 複数の項目の取得アクションでリスト情報を取得します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/56a9a02a-6370-4d64-85c3-bced9ff81eba.png)

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

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/a2db2ab7-3a8b-4690-81b9-d0448e5af983.png)

    :::note info

    この変数に1レコードごとの出力結果を入れます。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/957df9a8-1b76-4bfe-ab57-fb75a7335391.png)


    :::

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

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/09e1b657-6dbc-47fd-9afd-fe1af7052431.png)

4. 選択アクションを追加し、From に複数の項目の取得 > 複数選択を許可した列 を入れます

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/9fdbd08c-a11d-4639-8783-d87efc3d7111.png)

5. Map はテキストモードに切り替え、以下の式を入力します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/b66cb834-a4fb-4c3f-beb3-99f951a95c04.png)

    ```
    item()?['Value']
    ```

    :::note info
    この選択アクションでリストのレコードごとに複数選択許可列の Value の値だけの配列ができます
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/9977d15f-b485-445c-a2cb-e4f431de7a20.png)

    :::

6. 結合アクションを追加します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/34048d65-77ce-494c-bd59-d125b1863a6f.png)

    :::note info
    これでレコードごとのカンマ区切りのテキストが完成します。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/b4eb3ad2-3eee-46d6-b232-56db6782cddd.png)
    :::

7. 配列変数に追加アクションを追加します
   
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/a96920d2-6ee7-411f-b89e-fb0ead1bc350.png)

    :::note info
    これで複数の項目の取得アクションで取得したレコードの分だけ配列が作成されます。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/d367d67b-e63d-4993-aa8b-9e8d88eef222.png)
    :::

8. それぞれに適用するアクションの外側にHTMLテーブルの作成アクションを追加します

    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3032705/70867d66-2bf3-4a24-8eba-193f5422c338.png)

これで完成です。お疲れ様でした！

# 終わりに
いかがでしたか？
Power Automate で HTMLテーブル化すると、その出力結果をメールの本文などに含めることができます。備品の月ごとの利用状況などを配信する際は便利かもしれません（とはいえ、そのようなレポートは Power BI で作成して、その Power BI レポートをメールに埋め込んだ方がはるかに簡単です）
配列が理解できると Power Automate でも効率化が捗りますので、ぜひマスターしてくださいね( *´艸｀)
それではごきげんよう！