【簡単】メールやTeamsの本文中にローカルの画像ファイルを挿入する方法！

Base64アクションが追加されました。（2022年2月のアップデート）

2022年2月のPower Automate for desktop のアップデートもたくさんありました。一番の注目の的はカスタムフォーム作成機能の追加かなとは思いますがそちらはまた別の記事で試してみるとして、この記事では今回のアップデートで追加されたBase64アクションについて書きたいと思います。

PADに追加された「Base64」アクションとは？

実際に追加されたのは下記の2つのBase64のアクションです。

どんなアクションか、については公式ブログに下記の説明がありました。Base64については下記が解説の全文です。

A file is sent over the internet (typically via an API) as a Base64 encoded string representation. By allowing the users to easily convert a file to Base64 string and vice versa, file transfer over the internet is facilitated.
（以下Deepl翻訳）インターネット上では、ファイルはBase64でエンコードされた文字列表現で送信される（通常はAPI経由）。ユーザーが簡単にファイルをBase64文字列に変換したり、逆にBase64文字列に変換したりできるようにすることで、インターネット上でのファイル転送を容易にすることができる。

引用：Microsoft Power Automate Blog

そもそもBase64ってなんなの？

Power Automate for desktopでのBase64アクションの活用方法は？

Base64をHTMLに埋め込む方法

Power Automate for desktopでの「Base64アクション」の使い道として一番活躍する場面としてはHTMLにローカルPCの画像ファイル（他バイナリファイル）を埋め込む時ではないでしょうか。

通常HTMLファイルやHTMLメール（普通のメール）に画像を挿入する場合、<img src="images/画像.png" /> のようにimgタグを使って画像ファイルを指定しますが、ここで指定する画像はインターネット上にアップロードされている必要があります。ローカルpcの「C:¥Users\user\images\画像.png」というファイルをHTMLメールの本文に挿入したいからといって、<img src=C:¥Users\user\images\画像.png />というようにメールに記述しても、受け取った側としては当然画像を見ることはできません。

しかしBase64を使ってエンコードして直接HTMLに埋め込んでしまえばローカルの画像ファイル（他バイナリファイル）を直接送信することが可能です。imgタグを使った記述方法の例は下記です。

<img src="data:image/png;base64,Base64エンコード文字列" />

<img src="data:image/jpeg;base64,Base64エンコード文字列" />

文中の「Base64エンコード文字列」は「ファイルをBase64に変換する」アクションから生成された変数を渡します。

じょじお

次の項から実際に「ファイルをBase64に変換する」アクションを使ってメール・TeamsにローカルPCの画像を挿入してみたいと思います。

Base64アクションを使ってOutlookメール本文に画像を埋め込む方法！

じょじお

Outlookメール本文に画像ファイルを送信してみます。

STEP

まずはゴールの確認

Power Automate for desktopを使って文中に画像を挿入されたメールを送信することが今回のゴールです。

わたしはCドライブに保存された画像ファイルを使います。

STEP

「Power Automate for desktop」を起動して新規フローを作成します。

あわせて読みたい

【初心者向け】Power Automate for Desktop の使い方を解説！ この記事はPower Automate for Desktopのインストール方法について解説する記事です。初心者向けの解説となっています。 この記事でわかること！ Power Automate for De…

STEP

「ファイルをBase64に変換する」アクションを追加します。

▲「ファイルをBase64に変換する」アクションを追加します。「ファイルをBase64に変換する」アクションはファイルグループの中にあります。

STEP

「ファイルをBase64に変換する」アクションのパラメータを入力します。

▲「ファイルをBase64に変換する」アクションのパラメータを入力します。入力すべき項目としては画像ファイルのパスを入力するだけなので簡単ですね。ファイルピッカーを使ってファイルを選択しても良いですし、フルパスを手入力しても良いですし変数を渡すことももちろんできます。

このアクションでは画像がテキストに変換され、変換されたテキストはデフォルトでは%Base64Text%という変数に格納されます。

このアクションで生成される変数：%Base64Text%

ファイルパスが何かわからない方はこちら

ドキュメントパスとは？パスってなに！？ この記事ではPower Automateに登場するパス（Path）という言葉について解説する記事です。 パスはコンピュータの世界で一般的な言葉ですのでPower Automateを使わない方…

STEP

「Outlookを起動します」アクションを追加します。

▲「Outlookを起動します」アクションを追加します。Outlookインスタンス名は変更せずにデフォルトのままOKを押します。

STEP

「Outlookからのメールメッセージの送信」アクションを追加します。

▲「Outlookからメールメッセージの送信」アクションを追加してパラメータを入力します。

• Outlookインスタンス：%OutlookInstance%
• アカウント：メールアドレスを入力します。
• メールメッセージの送信元：送信元メールアドレスを入力します。
• 宛先：宛先メールアドレスを入力します。
• 件名：件名を入力します。
• 本文：別記
• 本文はHTMLです：オンにします。

こんにちは！
画像のテスト送信です！

<BR><BR>

 <img style='display:block; ' id='base64image'
       src='data:image/jpeg;base64, %Base64Text%' />

<BR><BR>

＜BR＞タグはHTMLにおいて改行を意味するタグです。PAＤで「HTML」を有効化すると改行タグ（あるいはブロックタグ）を使わないと改行できないので注意してくださいね。imgタグに「ファイルをBase64に変換する」アクションの戻り値である%Base64Text%を使用しています。

STEP

フローを実行してみます。

フローを実行してメールを確認してみます。今回はテストとして自分自身にメールを送ってみました。メールを確認してみると画像付きメールの受信が確認できるかと思います。

画像サイズを調整するには？

imgタグに直接インラインCSSを使って指定すれば調整できます。（例：width:100pxなど。）

Teamsにローカルの画像サイズを送信する方法！

じょじお

Teamsにもメッセージ本文に画像ファイル付きメッセージを送信してみます！

STEP

手順を確認します。

PADからメッセージを送信する方法はいくつかありますが、今回はTeamsの各チャネルが持つメールアドレスにメール送信してTeamsにメッセージを送信します。

方法は、先程Outlookメールに送信したフローと全く同じで、「Outlookからのメールメッセージの送信」アクションの宛先メールアドレスをTeamsのチャネルのメールアドレスにするだけです。

STEP

Teamsのチャネルのメールアドレスを確認します。

あわせて読みたい

Power Automate for desktopからTeamsにメッセージを送信する方法 【Power Automate for desktopからTeamsにメッセージを送信する方法】 Power Automate for desktopからTeamsにメッセージを送信する方法はいくつかあります。 Power Aut…

▲送信したいTeamsのチャネルのメールアドレスをゲットします。取得方法は上の記事で紹介していますので参考にしてください。

STEP

フローを作成します。

▲フローの作成手順は先程Outlook宛てに作成したフローと同じです。「Outlookからのメールメッセージの送信」アクションの宛先をTeamsのチャネルのメールアドレスにします。「本文HTMLです」のチェックオンも忘れないようにしてください。

STEP

フローを実行してみます。

フローを実行してみます。ターゲットにしたTeamsのチャネルで、画像付きメッセージを受信できれば成功です。

Teamsに埋め込める画像サイズは？

Teamsの場合、画像サイズをかなり小さくしないと表示できません。（クリックすれば表示することはできます。）こちらでテストした結果20KB前後が表示できる最大サイズのようです。

▲画像サイズが大きいときの表示。

メールアプリによっては画像を表示できません。

受信アプリによっては画像を表示できないことがありますので注意してください。例えば下記のアプリでは画像ファイルを表示できませんでした。

2022年2月に追加されたその他の新機能

あわせて読みたい

PADのDatatable型変数の新プロパティ「ColumnHeadersRow」を比較してみた。 この記事には以下を書きます。 2022年2月に追加されたDatatable型変数の新プロパティ「ColumnHeadersRow」の概要がわかる。元来から存在する「Columns」プロパティと新…

関連記事

あわせて読みたい

PADでOutlookメール本文にExcel表を貼り付ける方法！ この記事でわかること。 Power Automate Desktopを使ってOutlookにメールを送信する方法がわかる。OutlookにExcel表（HTMLテーブル）を貼り付ける方法がわかる。 【PAD…

あわせて読みたい

PADでOutlookから期間を指定してメールを取得する方法 この記事ではPower Automate for desktopを使ってOutlookメールを期間していして取得する方法について学習します！ 【「Outlookからメールメッセージを取得します」アク…

あわせて読みたい

【PAD】複数のファイルを添付してメールを送信する！ この記事では、Power Automate for Desktop（以下：PAD）で、特定のフォルダ内の複数のファイルを添付してメールを送信する方法について解説します。 【作成するPower A…

まとめ

じょじお

以上、Base64を使ってメール本文に画像挿入する方法についてご紹介しました！

じょじお

PAＤのフローの中でWebのスクリーンショットを取ってメールの本文にその画像を埋め込んで送信するなど、いくつか使うシーンはあるのではないかと思いました。

ぽこがみさま

このブログではRPA・ノーコードツール・VBA/GAS/Pythonを使った業務効率化などについて発信しています。
参考になりましたらブックマーク登録お願いします！

Power Automate学習教材

Power AutomateをKindleで学びたい方はコチラ

Microsoft Power Automate かんたん活用ガイド

¥2,200 （2024/04/14 05:44時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

▲Kindleと紙媒体両方提供されています。デスクトップフロー、クラウドフロー両方の解説がある書籍です。解説の割合としてはデスクトップフロー7割・クラウドフロー3割程度の比率となっています。両者の概要をざっくり理解するのにオススメです。

はじめてのPower Automate Desktop―無料&ノーコードRPAではじめる業務自動化

¥2,508 （2024/04/18 07:46時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

▲Power Automate for Desktopの基本をしっかり学習するのにオススメです。この本の一番のメリットはデモWebシステム・デモ業務アプリを実際に使ってハンズオン形式で学習できる点です。本と同じシステム・アプリを使って学習できるので、本と自分の環境の違いによる「よく分からないエラー」で無駄に躓いて挫折してしまう可能性が低いです。この点でPower Automate for desktopの一冊目のテキストとしてオススメします。著者は日本屈指のRPAエンジニア集団である『ロボ研』さんです。

Power Automateではじめる ノーコードiPaaS開発入門

¥2,750 （2024/04/17 17:20時点 | Amazon調べ）

Amazon

楽天市場

Yahooショッピング

ポチップ

▲Power Automate クラウドフローの入門書です。初心者の方には図解も多く一番わかりやすいかと個人的に思っています。

Microsoft 365/ Power Automate / Power Platform / Google Apps Script…