Power BI 勉強会＠名古屋支部 #3

1. 続・PowerApps に
Power BI を埋め込む
～ EasyApp758 #01 で語れなかった続き？ ～
名古屋支部
Power BI
勉強会
#PowerBI #PBIJP #PBIJP758 山田 晃央（Yamada Teruchika）
株式会社アイシーソフト[www.icsoft.jp]
シニアテクニカルマネージャー @yamad365
http://yamad365.hatenablog.jp

2. はじめに
目的とゴールてきな？

3. 今回お伝えしたいコト
•目的
PowerApps と Power BI の仲良し加減をお伝えする
•ゴール
PowerApps に Power BI を埋め込む際の
諸注意を把握し、手順を把握してもらう
今後の提案や設計に活用いただけると幸いです！

4. おことわり
• 資料やデモは 2018年11月 時点の情報で構成されています
• Power BI などの基本知識を有している前提で進めます。
基本的な操作等の説明を割愛する場合があります

5. 自己紹介
Power BI 勉強会＠名古屋支部
の
支部長（自称）です

6. 自己紹介
山田 晃央（やまだ てるちか）
株式会社アイシーソフト
http://www.icsoft.jp/
/teruchika.yamada
yamad365
http://yamad365.hatenablog.jp
 愛知出身。元々は開発者。 ＃名古屋弁 ＃三河弁 ＃だがや
 今は、MSクラウドに注力。Office 365 、Azure など広く浅く
 提案や業務設計等の上流、マネジメント、コンサルティングがメイン

7. 通称「RESCUE SQUAD／火消魂 のヒト」です
消防、レスキューが
テーマの服屋さん
ここの限定品を買うのが大好き。

8. Tシャツがタンスに入らないので怒られますｗ
Tシャツ購入には、
家庭内稟議と承認が必要です（汗
既に収まってないのはナイショｗ

9. CM
こんなコトやってる企業です
（弊社ソリューションのCMにお付き合い願いますm(_ _)m）

10. 自社ソリューションのCMです
ちなみに「タスカル」単味で検索すると食材通販が出てきます。
「タスカル Office 365」のキーワードで検索ください。
「タスカル Office 365」
で検索してください。

11. 顔認証 出退勤システム Taskal Time-Card
手動でタイムカードを打刻・・・
ICカードでピッ・・・
そんなレガシーから脱却しましょう。
顔認証を利用した
タイムカード は いかがですか？
https://ttc.cloud

12. 顔認証で人と笑顔の見える化を
監視カメラの映像から、
顔認証を利用して、
色んな情報を取得してみませんか？
https://www.icsoft.site/

13. それは10月20日のコト…
PowerApps と Flow による かんたんアプリ作成研究所 in NAGOYA
って名前長いよね

14. ご参加いただいた方は「またか」って言わないように
https://www.slideshare.net/TeruchikaYamada/powerapps-power-bi
「PowerApps と Flow による
かんたんアプリ作成研究所
in NAGOYA 第1回」
で、
PowerApps へ Power BI を埋め込む
というネタをしてきました。
これ ↓ がその時のスライドです。

15. PowerApps
へ
Power BI を埋め込んでみる
おさらい？？

16. PowerApps に Power BI を埋め込む手順
1. [コントロール] → [Power BI タイル]を選択
2. 埋め込みたいワークスペース、
ダッシュボード、タイルを選択する
3. その他設定をする（必要があれば）
 Power BI 用のコントロールが既に用意されています

17. 手順１： [コントロール] → [Power BI タイル]を選択
① [コントロール] をクリック
② [Power BI タイル]
をクリック

18. 手順２：埋め込みたいワークスペース、
ダッシュボード、タイルを選択する
① [Power BI タイル]
が配置される
[ワークスペース]
＝ Power BI のワークスペースを指定
[個のダッシュボード]
＝ ダッシュボードを指定
[タイル]
＝ ダッシュボードのタイル1つを指定

19. 手順３：その他設定をする（必要があれば）
項目 概要
OnSelect
押下時のイベントを記入する箇所
※「PowerBIInteractions」が False 時のみ発動
TileUrl 指定したPower BI タイルのURL
PowerBIInteractions
押下時の選択動作を指定
True ＝ Power BI Service の画面を起動
False ＝ OnSelect イベントを起動
Reset True の時、コントロールをリセットする
LoadPowerBIContent
True ＝ タイルにPower BI を表示する
False ＝ 表示しない

20. 手順３：その他設定をする（必要があれば）
項目 概要
DisplayMode 表示モード
Visible True ＝ 表示、False ＝ 非表示
BorderColor 枠線の色。RGBAで指定
BorderStyle 枠線のスタイル
BorderThickness 枠線の太さ
X コントロールの横（X）方向位置
Y コントロールの縦（Y）方向位置
Width コントロールの横幅
Height コントロールの高さ

21. 思った以上に、
やれるコト少ないね・・・

22. PowerApps の
Power BI タイル諸注意
注意すべき箇所がいくつかあります

23. タイルに読み込めるのは、１つだけ・・・
１つのタイルは、
１つのPBIタイルしか呼び出せない

24. ダッシュボードのタイルのみ対応しています
• PowerApps の Power BI タイル は、
『ダッシュボード』の『タイル』のみ指定可能
※“レポート”は指定できません。

25. PowerApps も Power BI も同一ユーザが必要
• PowerApps へ 埋め込みたいダッシュボードは、
「同一のサインインユーザーで操作」しないとダメです。

26. 認証は、Power BI の仕様に準じます
• PowerApps に埋め込まれた Power BI タイルも、
Power BI Service から参照するユーザーへ、
事前に『共有』しておかないと表示されません。
共有済み
見える！
見えない！
Power BI Pro
ライセンス保有
＋共有済み
Power BI Pro
ライセンス無し
OR 未共有

27. パフォーマンス に ご注意？
• 公式ページに記載されていますが、
「１つの画面に４つ以上のPower BI タイルを
一度に読み込まないようにしましょう」とのこと。
公式から抜粋
https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/controls/control-power-bi-tile

28. ホント
ですか？

29. 何個も
置きたくなる
よね？

30. 実際に、
試してみた
 サクッと試した程度！細かなツッコミご勘弁を(;^ω^)

31. Power Apps アプリ／画面レイアウト

32. Power Apps アプリ／コントロール詳細設定
Toggle1
OnSelect
UpdateContext({isLoad:Toggle1.Value});
UpdateContext({isLoad2:Toggle1.Value})
Default isLoad || isLoad2
Toggle1_1
Default isLoad
OnChange UpdateContext({isLoad:Toggle1_1.Value})
Toggle1_2
Default isLoad2
OnChange UpdateContext({isLoad2:Toggle1_2.Value})
“isLoad”、”isLoad2” 変数で各トグルのON/OFFを制御

33. Power Apps アプリ／コントロール詳細設定
左４つの Power BI タイル
LoadPowerBIContent isLoad
その他
Power BI ダッシュボード
のタイルを適宜指定
右４つの Power BI タイル
LoadPowerBIContent isLoad2
その他
Power BI ダッシュボード
のタイルを適宜指定
“isLoad”が左、”isLoad2”が右、各々4つのタイルを制御

34. Power Apps アプリ／仕様
トグルのオン・オフで
上の４つをロード
OR アンロード
真ん中のトグルは
全てのタイルをロード
OR アンロード
トグルのオン・オフで
上の４つをロード
OR アンロード

35. クライアントスペック

36. レスポンス測定の方法
パフォーマンスモニター
タスクマネージャー
Edge（PowerApps）

37. 測定してみた／動画
SlideShare で 動画が埋め込めないので
ゴメンナサイ

38. おまけ：４ｘ６＝２４個 同時読み込みも可能

39. おまけ：４ｘ８＝３２個 同時読み込みも可能

40. こいつ、
動くぞ…

41. 左の４つだけをロード
Power BI タイルのロード中は負荷が上がる

42. 右の４つもロード ⇒ 計８つ
既に４つあるトコに＋４つで、少々ロードが長くなる？

43. 全８つを一気にロード
一気に全部ロードすると、10秒以上の待ちが発生するコトも

44. ４つロード
簡単に比較してみる
４つロード
に４つ追加
８つ一気に！

45. Power BI タイルを４つ以上置いた結果の考察
• 試した限り、Power BI タイル を４つ以上置いても動く
→ クライアントのスペックが重要か？
→ ネットワークの強さもネックになりそう？
• タイルが増えるほど、ロードが遅くなる
• タイルのロード時、メモリ消費が高くなる
• ４つ以上のタイル操作は、他コントロールの反応も悪くなる
＝ レスポンスが悪化する
＝ 操作感が悪い印象

46. まとめ

47. 【個人的見解】Power BI タイルは４つ以上置くべきか？
たぶん、動く。
ロードのタイミングと、
クライアントのスペック重要？
検証と工夫をして、設計する必要性があると思われる

48. まとめ
• PowerApps へ Power BI を埋め込む仕組みは、
既にデフォルト機能で提供されている
• しかし、ダッシュボードのタイル 1枚のみ表示等、
皆さんが期待する機能は無いかもしれない(;´･ω･)
• ４つ以上タイル置くとレスポンスが悪化する・・・
• 思った以上に、やれるコトが少ない
 今後の Ver Up に期待しましょう！！

49. Power BI タイルに限らず・・・
複雑なコトをイキナリやろうとするとハマる
☞ Smallスタートで始めましょう
アーキテクチャー（≒設計）が重要
Power BI 、PowerApps 、MS Flow
＝Power Platform は、いずれも道具
☞ そもそも「ナニしたいんだっけ？」が大切！

50. コミュニティ勉強会 at 名古屋
いろいろやってます！
Japan SharePoint Group 名古屋分科会 -> JPSPSNGY
PowerApps と Flow による かんたんアプリ作成研究所 in NAGOYA

52. https://paandflow.connpass.com へ登録ください～

53. See you next PBIJP…

54. See you next
EASYAPP758 !!