Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

続・PowerApps に Power BI を埋め込む

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

  • Als Erste(r) kommentieren

続・PowerApps に Power BI を埋め込む

  1. 1. 続・PowerApps に Power BI を埋め込む ~ EasyApp758 #01 で語れなかった続き? ~ 名古屋支部 Power BI 勉強会 #PowerBI #PBIJP #PBIJP758 山田 晃央(Yamada Teruchika) 株式会社アイシーソフト[www.icsoft.jp] シニアテクニカルマネージャー @yamad365 http://yamad365.hatenablog.jp
  2. 2. はじめに 目的とゴールてきな?
  3. 3. 今回お伝えしたいコト •目的 PowerApps と Power BI の仲良し加減をお伝えする •ゴール PowerApps に Power BI を埋め込む際の 諸注意を把握し、手順を把握してもらう 今後の提案や設計に活用いただけると幸いです!
  4. 4. おことわり • 資料やデモは 2018年11月 時点の情報で構成されています • Power BI などの基本知識を有している前提で進めます。 基本的な操作等の説明を割愛する場合があります
  5. 5. 自己紹介 Power BI 勉強会@名古屋支部 の 支部長(自称)です
  6. 6. 自己紹介 山田 晃央(やまだ てるちか) 株式会社アイシーソフト http://www.icsoft.jp/ /teruchika.yamada yamad365 http://yamad365.hatenablog.jp  愛知出身。元々は開発者。 #名古屋弁 #三河弁 #だがや  今は、MSクラウドに注力。Office 365 、Azure など広く浅く  提案や業務設計等の上流、マネジメント、コンサルティングがメイン
  7. 7. 通称「RESCUE SQUAD/火消魂 のヒト」です 消防、レスキューが テーマの服屋さん ここの限定品を買うのが大好き。
  8. 8. Tシャツがタンスに入らないので怒られますw Tシャツ購入には、 家庭内稟議と承認が必要です(汗 既に収まってないのはナイショw
  9. 9. CM こんなコトやってる企業です (弊社ソリューションのCMにお付き合い願いますm(_ _)m)
  10. 10. 自社ソリューションのCMです ちなみに「タスカル」単味で検索すると食材通販が出てきます。 「タスカル Office 365」のキーワードで検索ください。 「タスカル Office 365」 で検索してください。
  11. 11. 顔認証 出退勤システム Taskal Time-Card 手動でタイムカードを打刻・・・ ICカードでピッ・・・ そんなレガシーから脱却しましょう。 顔認証を利用した タイムカード は いかがですか? https://ttc.cloud
  12. 12. 顔認証で人と笑顔の見える化を 監視カメラの映像から、 顔認証を利用して、 色んな情報を取得してみませんか? https://www.icsoft.site/
  13. 13. それは10月20日のコト… PowerApps と Flow による かんたんアプリ作成研究所 in NAGOYA って名前長いよね
  14. 14. ご参加いただいた方は「またか」って言わないように https://www.slideshare.net/TeruchikaYamada/powerapps-power-bi 「PowerApps と Flow による かんたんアプリ作成研究所 in NAGOYA 第1回」 で、 PowerApps へ Power BI を埋め込む というネタをしてきました。 これ ↓ がその時のスライドです。
  15. 15. PowerApps へ Power BI を埋め込んでみる おさらい??
  16. 16. PowerApps に Power BI を埋め込む手順 1. [コントロール] → [Power BI タイル]を選択 2. 埋め込みたいワークスペース、 ダッシュボード、タイルを選択する 3. その他設定をする(必要があれば)  Power BI 用のコントロールが既に用意されています
  17. 17. 手順1: [コントロール] → [Power BI タイル]を選択 ① [コントロール] をクリック ② [Power BI タイル] をクリック
  18. 18. 手順2:埋め込みたいワークスペース、 ダッシュボード、タイルを選択する ① [Power BI タイル] が配置される [ワークスペース] = Power BI のワークスペースを指定 [個のダッシュボード] = ダッシュボードを指定 [タイル] = ダッシュボードのタイル1つを指定
  19. 19. 手順3:その他設定をする(必要があれば) 項目 概要 OnSelect 押下時のイベントを記入する箇所 ※「PowerBIInteractions」が False 時のみ発動 TileUrl 指定したPower BI タイルのURL PowerBIInteractions 押下時の選択動作を指定 True = Power BI Service の画面を起動 False = OnSelect イベントを起動 Reset True の時、コントロールをリセットする LoadPowerBIContent True = タイルにPower BI を表示する False = 表示しない
  20. 20. 手順3:その他設定をする(必要があれば) 項目 概要 DisplayMode 表示モード Visible True = 表示、False = 非表示 BorderColor 枠線の色。RGBAで指定 BorderStyle 枠線のスタイル BorderThickness 枠線の太さ X コントロールの横(X)方向位置 Y コントロールの縦(Y)方向位置 Width コントロールの横幅 Height コントロールの高さ
  21. 21. 思った以上に、 やれるコト少ないね・・・
  22. 22. PowerApps の Power BI タイル諸注意 注意すべき箇所がいくつかあります
  23. 23. タイルに読み込めるのは、1つだけ・・・ 1つのタイルは、 1つのPBIタイルしか呼び出せない
  24. 24. ダッシュボードのタイルのみ対応しています • PowerApps の Power BI タイル は、 『ダッシュボード』の『タイル』のみ指定可能 ※“レポート”は指定できません。
  25. 25. PowerApps も Power BI も同一ユーザが必要 • PowerApps へ 埋め込みたいダッシュボードは、 「同一のサインインユーザーで操作」しないとダメです。
  26. 26. 認証は、Power BI の仕様に準じます • PowerApps に埋め込まれた Power BI タイルも、 Power BI Service から参照するユーザーへ、 事前に『共有』しておかないと表示されません。 共有済み 見える! 見えない! Power BI Pro ライセンス保有 +共有済み Power BI Pro ライセンス無し OR 未共有
  27. 27. パフォーマンス に ご注意? • 公式ページに記載されていますが、 「1つの画面に4つ以上のPower BI タイルを 一度に読み込まないようにしましょう」とのこと。 公式から抜粋 https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/controls/control-power-bi-tile
  28. 28. ホント ですか?
  29. 29. 何個も 置きたくなる よね?
  30. 30. 実際に、 試してみた  サクッと試した程度!細かなツッコミご勘弁を(;^ω^)
  31. 31. Power Apps アプリ/画面レイアウト
  32. 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. 33. Power Apps アプリ/コントロール詳細設定 左4つの Power BI タイル LoadPowerBIContent isLoad その他 Power BI ダッシュボード のタイルを適宜指定 右4つの Power BI タイル LoadPowerBIContent isLoad2 その他 Power BI ダッシュボード のタイルを適宜指定 “isLoad”が左、”isLoad2”が右、各々4つのタイルを制御
  34. 34. Power Apps アプリ/仕様 トグルのオン・オフで 上の4つをロード OR アンロード 真ん中のトグルは 全てのタイルをロード OR アンロード トグルのオン・オフで 上の4つをロード OR アンロード
  35. 35. クライアントスペック
  36. 36. レスポンス測定の方法 パフォーマンスモニター タスクマネージャー Edge(PowerApps)
  37. 37. 測定してみた/動画 SlideShare で 動画が埋め込めないので ゴメンナサイ
  38. 38. おまけ:4x6=24個 同時読み込みも可能
  39. 39. おまけ:4x8=32個 同時読み込みも可能
  40. 40. こいつ、 動くぞ…
  41. 41. 左の4つだけをロード Power BI タイルのロード中は負荷が上がる
  42. 42. 右の4つもロード ⇒ 計8つ 既に4つあるトコに+4つで、少々ロードが長くなる?
  43. 43. 全8つを一気にロード 一気に全部ロードすると、10秒以上の待ちが発生するコトも
  44. 44. 4つロード 簡単に比較してみる 4つロード に4つ追加 8つ一気に!
  45. 45. Power BI タイルを4つ以上置いた結果の考察 • 試した限り、Power BI タイル を4つ以上置いても動く → クライアントのスペックが重要か? → ネットワークの強さもネックになりそう? • タイルが増えるほど、ロードが遅くなる • タイルのロード時、メモリ消費が高くなる • 4つ以上のタイル操作は、他コントロールの反応も悪くなる = レスポンスが悪化する = 操作感が悪い印象
  46. 46. まとめ
  47. 47. 【個人的見解】Power BI タイルは4つ以上置くべきか? たぶん、動く。 ロードのタイミングと、 クライアントのスペック重要? 検証と工夫をして、設計する必要性があると思われる
  48. 48. まとめ • PowerApps へ Power BI を埋め込む仕組みは、 既にデフォルト機能で提供されている • しかし、ダッシュボードのタイル 1枚のみ表示等、 皆さんが期待する機能は無いかもしれない(;´・ω・) • 4つ以上タイル置くとレスポンスが悪化する・・・ • 思った以上に、やれるコトが少ない  今後の Ver Up に期待しましょう!!
  49. 49. Power BI タイルに限らず・・・ 複雑なコトをイキナリやろうとするとハマる ☞ Smallスタートで始めましょう アーキテクチャー(≒設計)が重要 Power BI 、PowerApps 、MS Flow =Power Platform は、いずれも道具 ☞ そもそも「ナニしたいんだっけ?」が大切!
  50. 50. コミュニティ勉強会 at 名古屋 いろいろやってます! Japan SharePoint Group 名古屋分科会 -> JPSPSNGY PowerApps と Flow による かんたんアプリ作成研究所 in NAGOYA
  51. 51. https://paandflow.connpass.com へ登録ください~
  52. 52. See you next PBIJP…
  53. 53. See you next EASYAPP758 !!

    Als Erste(r) kommentieren

    Loggen Sie sich ein, um Kommentare anzuzeigen.

  • HiroshiUmehara

    Mar. 4, 2019

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

Aufrufe

Aufrufe insgesamt

1.262

Auf Slideshare

0

Aus Einbettungen

0

Anzahl der Einbettungen

248

Befehle

Downloads

14

Geteilt

0

Kommentare

0

Likes

1

×