2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Power Automate のフロー全体を画面キャプチャする方法

Posted at

概要

Power Automate クラウドフローの全体像を 1枚の画像にする方法を解説します。

上記サイトでその方法が記載されていたのですが、2024年10月時点ではうまくいかなかったため、試行錯誤してみました。

前提

  • フローを Webブラウザで開く
    Teams ではなく、https://make.powerautomate.com から開く必要があります。
    Webブラウザは、本記事では Microsoft Edge を利用します。
  • クラシック デザイナーで開く
    新しいデザイナーでのやり方は不明。

手順

  1. 対象フローの編集画面をクラシック デザイナーで表示する
    image.png

  2. 横方向のスクロールバーが表示されなくなるように、画面の表示倍率を小さくする
    image.png

  3. F12キー を押して、開発者ツールを表示する

  4. manage-flow-section の class にて、height: calc(100vh - 48px);のチェックを外す
    image.png

  5. O365_NavHeader の class にて、継承元 ms-Fabric fl-ApplicationRoot~ .root-271height: 100%; のチェックを外す
    (271は可変かも?)
    image.png

    1. F12キー を押して、開発者ツールを閉じる
  6. Ctrl + Shift + Sキー を押して、ページ全体をキャプチャをクリック
    image.png

  7. やったぜ
    pau3.jpeg

補足1

手順4.と 5.でチェックを外したことで、画面右の上下スクロールバーが、フロー編集エリアではなく、ページ全体にまたがっていれば OK なようです。

  • 初期状態:フロー編集エリア内で上下スクロール
    pau2.png
  • 手順実施後:ページ全体で上下スクロール
    pau1.png

補足2

フロー一覧に戻って他のフローを表示しても、この設定は維持されていました。
設定を再変更することなく、他のフローの画面キャプチャも撮りに行けます。

ページ更新(F5)・ブラウザ再起動などで設定はリセットされます。

簡略版

  • manage-flow-sectionheight: calc(100vh - 48px); のチェック外す
  • O365_NavHeader.root-271height: 100%; のチェック外す
2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?