2024.05.08_PowerPlatform勉強会#1

2024.05.08 Power Platform 勉強会 #1 #JPAUGOsaka Power Automate × Share Point × LINE で社外向け商品カタログを作ってみた︕ Takuya Kanatani 𝕏 torisankanasan × ×

Takuya Kanatani 𝕏 torisankanasan 緑のチャットアプリの会社で、 APIプロダクトの事業企画やってます。 趣味で Power Apps や Power Automate を 使って、知り合いの会社のデジタル活⽤⽀援 をしてます。 ⼤阪在住、三重県出⾝ 好きなBeer︓伊勢⾓⾕⻨酒🍺ヒメホワイト

本⽇ご紹介すること Power Automate と Share Pointを使って LINE上で動く社外向け商品カタログが簡単に作れたので 実現する上でのポイントを3つ紹介します︕

LINE公式アカウントとは︖ 企業や店舗⽤のLINEアカウント 友だちになったユーザーへ、メッ セージやクーポンを配信したり、個 別にチャットができる できることの⼀例︓ 1.メッセージ配信 2.チャット 3.⾃動応答メッセージ 4.クーポン・抽選 無料プランもあり、誰でも作成可能 https://www.sagawa-exp.co.jp/line/ https://page.line.me/772lrylv

• https://www.sagawa-exp.co.jp/line/
• https://page.line.me/772lrylv

LINE Messaging APIとは︖ LINE公式アカウントのAPI Messaging APIがないとき Messaging APIがあるとき 標準の管理画⾯ LINE公式 アカウント 標準の管理画⾯ LINE公式 アカウント 他システム https://developers.line.biz/ja/services/messaging-api/ 他システム

• https://developers.line.biz/ja/services/messaging-api/

各社がAPIを使って独⾃の機能（商品情報表⽰や 顧客管理、システム連携など）を備えたサービスを提供 登壇⽤ https://linestep.jp/lp/01/ https://boxil.jp/mag/a7829/

• https://boxil.jp/mag/a7829/
• https://linestep.jp/lp/01/

各社がAPIを使って独⾃の機能（商品情報表⽰や 顧客管理、システム連携など）を備えたサービスを提供 登壇⽤ https://linestep.jp/lp/01/ https://boxil.jp/mag/a7829/

• https://boxil.jp/mag/a7829/
• https://linestep.jp/lp/01/

多くの企業が契約している Microsoft 365のプラン ＋ α（ Power Automateプレミアム ） で LINE公式アカウントを機能拡張できるのでは︖

作ったもの︓商品カタログアプリ LINE上で⼿軽にタップで商品情報を閲覧 キーワード検索 カテゴリ検索 おすすめ商品表⽰

サービス構成 カテゴリ検索 カテゴリ検索 ・ キーワード検索 インターフェース （LINE公式アカウント） 商品⼀覧 商品⼀覧 ビジネスロジック （Power Automate） キーワード検索 商品⼀覧 商品データ保存場所 （Share Point）

実現する上でのポイント① HTTP要求の受信時トリガーとHTTPアクションを使おう︕ • Messaging APIを⽤いた情報の送受信の仕組み Webhookイベント Server JSON形式のデータを HTTPSで送受信できればOK︕ Messaging APIリクエスト

実現する上でのポイント① HTTP要求の受信時トリガーとHTTPアクションを使おう︕ • トリガーには「HTTP 要求の受信時」を使⽤

実現する上でのポイント① HTTP要求の受信時トリガーとHTTPアクションを使おう︕ • LINEからユーザーへの応答には「HTTP」アクションを使⽤

実現する上でのポイント① HTTP要求の受信時トリガーとHTTPアクションを使おう︕ ⼤変参考になる記事︓ • ノンコーディングで質問に⾃動回答するLINE BOTを作ってみよう （https://ascii.jp/elem/000/001/713/1713259/） • AIとか使わない単機能のLINE botをPower Automateでつくる （https://mofumofupower.hatenablog.com/entry/2020/05/12/005123）

• https://ascii.jp/elem/000/001/713/1713259/
• https://mofumofupower.hatenablog.com/entry/2020/05/12/005123

実現する上でのポイント② メッセージのデザインはFlex Message Simulatorを使おう︕ • APIで送信できるオススメのメッセージタイプ『Flex Message』 https://developers.line.biz/ja/docs/messaging-api/message-types/#flex-messages

• https://developers.line.biz/ja/docs/messaging-api/message-types/#flex-messages

実現する上でのポイント② メッセージのデザインはFlex Message Simulatorを使おう︕ • 通常のメッセージに⽐べ、よ り豊かでインタラクティブな レイアウトをJSONで定義可能 https://developers.line.biz/ja/docs/messaging-api/message-types/#flex-messages

• https://developers.line.biz/ja/docs/messaging-api/message-types/#flex-messages

実現する上でのポイント② メッセージのデザインはFlex Message Simulatorを使おう︕ • Flex Message Simulatorで、GUIでFlex Messageのデザインが可能 • メッセージを実際に送信しなくても、描画された状態を確認可能 https://developers.line.biz/flex-simulator/

• https://developers.line.biz/flex-simulator/

実現する上でのポイント③ ローディングアニメーションを使おう︕ • 2024/04/17 New Release 「Messaging APIでユーザーと のトーク画⾯にローディング のアニメーションを表⽰でき るようになりました」 • ユーザーに返答の準備をして いることををローディングの アニメーションで視覚的に伝 えることができる https://developers.line.biz/ja/reference/messaging-api/#display-a-loading-indicator

• https://developers.line.biz/ja/reference/messaging-api/#display-a-loading-indicator

本⽇ご紹介したこと ◆ Power AutomateとShare Pointを使って LINE上で動く社外向け商品カタログを簡単に作れたよ︕ ◆ 運⽤コスト（Microsoft 365のプラン＋Power Automate プレミアム）も安くておすすめ︕ ◆ 実現する上でのポイントは以下の3つ︕ ・HTTP要求の受信時トリガーとHTTPアクションを使おう︕ ・メッセージのデザインはFlex Message Simulatorを使おう︕ ・ローディングアニメーションを使おう︕

Thank You