「デザイナーから送られてきたPSDファイル、内容を確認したいだけなのにPhotoshopを開かなきゃいけないのは面倒…」
「Webサイトに画像をアップするために、毎回PNG形式に変換する作業が手間！」
このように、PSDファイルの取り扱いやファイル形式の変換作業に、時間と手間を取られていませんか？

もし、<span class="mark-yellow">特定のツールでPSDファイルを受け取った際に、自動でPNGファイルに変換して指定の場所に保存する仕組み</span>があれば、PhotoshopがインストールされていないPCでもファイル内容の確認が容易になるでしょう。

そして、変換作業にかけていた時間を他のクリエイティブな業務に充てることができるはずです！

今回ご紹介する自動化はノーコードで簡単に設定できて、手間や時間もかかりません。
ぜひ自動化を導入して作業をもっと楽にしましょう！

とにかく早く試したい方へ

Yoomには<span class="mark-yellow">PSDファイルをPNGファイルに変換する業務フロー自動化のテンプレート</span>が用意されています。

「まずは試してみたい！」という方は以下のバナーをクリックして、すぐに自動化を体験してみましょう！

[[238220]]

PSDファイルをPNGに変換し、様々なツールと連携する方法

ここでは、PSDファイルを自動でPNGファイルに変換し、普段お使いの様々なツールと連携させる具体的な自動化の例をご紹介します。
この連携により、ファイル変換の手間を省き、業務全体のスピードを向上させることが可能になります。
気になる内容があれば、ぜひクリックしてみてください！

メールで受信したPSDファイルをPNGに変換する

<span class="mark-yellow">GmailなどのメールツールでPSDファイルを受信したことをトリガーに、自動でPNGファイルに変換</span>するフローです。デザイナーからメールで送られてきたデザインデータを手動で変換する手間なく、すぐに確認・利用できるようになりますよ。

[[238220]]

フォームで受け付けたPSDファイルをPNGに変換する

<span class="mark-yellow">Yoomの入力フォームなどでPSDファイルを受け付けた際に、自動的にPNGファイルへ変換して指定のストレージサービスに保存する</span>ことも可能です。画像ファイルの受付から管理までを一気通貫で自動化し、業務フローを大幅に効率化しましょう。

[[238223]]

ストレージサービス上のPSDファイルをPNGに変換する

<span class="mark-yellow">DropboxなどのストレージサービスにPSDファイルがアップロードされたタイミングで、自動でPNGファイルに変換して同じ場所に保存する</span>設定にすれば、共有フォルダ内でのファイル管理がよりスムーズになり、チーム全体の作業効率が向上します。

[[238227]]

Gmailで受信したPSDファイルをPNGに変換するフローを作ってみよう

それではここから、代表的な例として「GmailでPSDファイルを受信したら、RPAでPNGファイルに変換しGoogle Driveにアップロードする」フローを解説していきます！

Yoomを使用してノーコードで設定をしていくので、まだYoomのアカウントをお持ちでない場合は、こちらの登録フォームからアカウントを発行しておきましょう。

[Yoomとは]

フローの作成方法

作成の流れは大きく分けて以下の通りです。

• GmailとGoogle Driveのマイアプリ連携
• テンプレートのコピー
• Gmailのトリガーと各アクション（RPA・ファイルアップロード）の設定
• フロー稼働の準備

[[238220]]

※ 事前準備

RPA（ブラウザ操作）はGoogle Chromeでのみ設定が可能です。以下の事前準備を行ってください。

1. Google Chromeのブラウザをダウンロード。
2. Chrome拡張機能の「Yoom ブラウザ操作オペレーション 設定ツール」を追加。

3. 右上のメニューから「拡張機能を管理」をクリック。
4. 「Yoom ブラウザ操作オペレーション 設定ツール」の詳細で「シークレットモードでの実行を許可する」のトグルを「オン」に設定。

これらの設定手順の詳細はこちらのヘルプページでも説明されています。

ステップ1：GmailとGoogle Driveのマイアプリ連携

先ずは、Yoomと連携させたいGmailアカウントとGoogle Driveアカウントを「マイアプリ」に登録しましょう。
この設定は初回のみ必要です。

1. Yoomにログイン後、ワークスペースのサイドバーから「マイアプリ」を選択。
2. マイアプリ画面の右側にある「+新規接続」をクリック。

3. アプリ一覧画面が表示されたら、右上の検索バーでアプリ名（ここではGmail）を検索して選択。

4. 「Sign in with Google」をクリック。

5. Googleのログイン画面に移ります。

連携させるアカウントを選択してください。

6. 内容を確認し、「次へ」をクリック。

7. YoomからGoogleへのアクセス権限の内容を確認し、「続行」をクリック。
   「Yoomがアクセスできる情報を選択してください」と表示されている場合には、「すべて選択」にチェックを入れてください。

8. マイアプリ画面に戻ります。

Gmailが追加されていることを確認してください。

続けて、Google Driveも連携していきましょう。

1. アプリ一覧画面でGoogle Driveを検索して選択。

2. 「Sign in with Google」をクリック。

3. Googleのログイン画面に移ります。
   以降はGmailのマイアプリ登録と同じ手順で進めてください。

マイアプリ画面にGoogle Driveも追加されていれば、このフローで使用するアプリのマイアプリ登録は完了です。

ステップ2：テンプレートのコピー

Yoomのフローボットテンプレートから使用するテンプレートを選び、「このテンプレートを試す」をクリックすると、テンプレートがコピーされます。
ここでは、冒頭でご紹介したテンプレートを使用するため、以下のバナーの「試してみる」をクリックしてください。

[[238220]]

そうしますと、Yoomのワークスペースにテンプレートがコピーされ、自動化フローの設定画面（フローボット）が開きます。
「OK」をクリックして、フローの設定に進みましょう。

※ 以降、コピーしたフローボットには、プロジェクト一覧の「マイプロジェクト」からアクセスできます。

ステップ3：トリガーとなるラベルの設定

先ずは、フローの起点となるトリガーアクション（メール受信）を設定していきます。

1. Gmailの「特定のラベルのメールを受信したら」をクリック。

2. 「タイトル」は任意の名称に変更可能です。
   アクションの内容が分かりやすいタイトルにするとよいでしょう。
3. 連携アカウントとアクションの内容を確認し、「次へ」をクリック。

4. 「トリガーの起動間隔」のプルダウンから任意の間隔を選択。
   トリガーの起動タイミングは「5分・10分・15分・30分・60分」から選択可能です。
   そのプランの最短の起動間隔にすることで、メール受信時により早くファイル変換とアップロードが行えるようになります。
   ※ ご利用プランによって、設定できるトリガーの最短間隔が異なります。
   起動間隔についての詳しい説明は、こちらのヘルプページをご覧ください。

5. 「ラベル」にトリガーとなるメールのラベルを設定。
   入力欄をクリックすると、連携しているGmailアカウントから候補が表示されますので、対象となるラベルを選択してください。
   検索欄にラベル名を入れることで候補が絞られます。
   参照）受信メールのラベル付け

6. 指定したラベルに振り分けられるテスト用のメールを、連携しているGmailアカウントに送信します。
   ※ テスト用メールの例

7. Yoomに戻り、「テスト」をクリック。
   ※ 直近1時間以内に指定したラベルのメールを受信していない場合はテストに失敗します。

8. テストが成功すると、「取得した値」に受信したメールの情報が追加されます。
   これらの値は、以降のアクションで変数（フローが稼働する度に更新される値）として使用できるようになります。
   詳しい説明は、こちらのヘルプページをご覧ください。

9. テスト用に送信したメールが取得できていれば、ページ下部の「保存する」をクリック。
   トリガーとなるメールの設定が完了し、フロー画面に戻ります。

ステップ4：RPAによるファイルの変換

受信した添付ファイル（PSD）を、RPAでPNGに変換していきましょう！

※ ブラウザを操作するオペレーションは、サクセスプランだけで使える機能です。
フリープラン・ミニプラン・チームプランで設定しているフローボットでブラウザ操作を行おうとするとエラーになるのでご注意ください。
サクセスプランなどの有料プランには、2週間の無料トライアルがあります。
トライアル期間中は有料プランで使えるアプリやブラウザ操作のオペレーションも試せますので、ぜひ活用してみてください！

1. RPA機能の「ブラウザを操作する」をクリック。

2. 適宜「タイトル」を変更。

3. ブラウザ上で実際に自動化したい操作を行いながらアクションを設定していきましょう。
   各アクションの設定方法については、こちらのヘルプページで詳しく説明されています。

• テンプレートには例として、Convertioを使用したファイル変換の操作が設定されています。ファイル変換に使用するウェブサービスや社内ルール、用途に応じたカスタマイズが可能です。

‍

• アクセスするURLは変更せずにアクションのみ変更したい場合は、こちらを参考にアクションの追加・削除を行ってください。
• Convertio以外のウェブサービスを用いる場合、全てのアクションを設定し直す必要があります。フロー画面でRPAアクションを削除するか、編集画面で不要なアクションを削除してから「＋」で「ブラウザで操作を指定」を実行してください。

4. 以下はRPAアクションを削除して再設定する際の流れの例です。

5. ファイル変換に用いるウェブサービスのURLを指定し、「操作を開始する」をクリック。
   ※ ここでは操作例としてYoomのトップページを指定しています。

6. Yoom側では編集画面に遷移すると同時に、シークレットブラウザが立ち上がります。自動化したい操作をシークレットブラウザ上で実施しましょう。
   左下の「通常のブラウザ操作」をOFFにし、操作を実行したい要素にカーソルを合わせてクリックすると、実行する操作のメニューが表示されます。
   ※ ここでは操作例として「連携アプリ」を「クリック」します。

7. 「追加する」をクリックすると、Yoom側の編集画面に指定した操作が追加されます。

8. このような流れで設定を続けてください。
   以下はファイル変換のウェブサービスで用いられやすいアクションの詳しい解説です。
   
   • クリック
   • ファイルをアップロード
   • ファイルをダウンロード
9. 設定を終えたら、画面右下の「テスト」をクリック。
   順に処理が実行されていくため、テストが完了するまで数秒ほどお待ちください。

10. テストに成功すると、「取得した値」にダウンロードしたファイルが追加されます。
    期待する形式に変換されていることを確認し、「保存する」をクリック。

ステップ5：ファイルのアップロード

それでは、変換したファイルをGoogle Driveにアップロードしましょう。

1. Google Driveの「ファイルをアップロードする」をクリック。

2. 適宜「タイトル」を変更。
3. 連携アカウントとアクションの内容を確認し、「次へ」をクリック。

4. 「格納先のフォルダID」に、ファイルをアップロードしたいフォルダのIDを設定。
   入力欄をクリックすると、連携しているアカウントから候補が表示されるため、対象となるフォルダを選択してください。
   検索欄にフォルダ名を入力すると候補が絞られます。
   ※ フォルダURL（/folders/ID部分）から取得することもできます。

5. 「ファイル名」を自由に設定しましょう。
   入力欄クリック時に表示されるトリガーアクションやRPAアクションのメニューから、これまでに取得した値を選択可能です。
   項目をクリックすると、入力欄に{{項目名 取得した値}}という形で追加されます。

6. 「ファイルの添付方法」と「ファイル」にはデフォルトで、RPAアクションで取得したファイルが設定されています。
7. 設定を終えたら、「テスト」をクリック。

8. テストに成功すると、対象のファイルが指定したフォルダにアップロードされます。
   ※ アップロードされたファイルの例

9. 期待通りの結果であることを確認し、ページ下部の「保存する」をクリック。

ステップ6：フロー稼働の準備

フロー画面に戻り、「全ての設定が完了しました！」と表示されていればフローの設定は完了です。
早速フローを稼働させるのであれば、「トリガーをON」をクリックします。

あとで稼働させる場合は、フロー画面のトリガースイッチをクリックすることで、トリガーをONにできます。

トリガーをONにしたら、実際に動作することを確認しましょう。
指定したラベルに振り分けられる添付ファイル付きのメールを送信し、PNGに変換されたファイルがGoogle Driveの指定したフォルダにアップロードされていれば成功です。

今回のフローボットをベースに、他にも様々な作業の自動化が実現できます！
是非、Yoomの便利な機能をお試しください。

Gmailを使った自動化例

複数のアプリを連携して、複雑な業務フローを自動化することが可能です。例えば、フォーム回答をもとにMicrosoft Excelで見積書を発行してメールで送付したり、Google スプレッドシートのリスト宛に一括でメールを送信したりといった定型業務を効率化できます。さらに、新入社員の情報をトリガーに雇用契約書を作成・送付してオフィスステーションに登録したり、予約メールからミーティング情報を抽出してGoogle スプレッドシートとGoogle カレンダーに登録後に参加URLを自動返信したりといった、複数部署にまたがる複雑な連携も実現します。

[[37963,67117,67454,56291,68029]]

まとめ

PSDからPNGへのファイル変換作業を自動化することで、<span class="mark-yellow">これまでPhotoshopなどの専門ツールを介して手作業で行っていた変換工数を完全にゼロにし、デザインデータの属人化を防ぐことができます。</span>

デザイナー以外のメンバーでも必要な画像データを迅速に入手・活用でき、Webサイトの更新や資料作成といった関連業務がスムーズに進む環境を整えられるでしょう！

今回ご紹介したような業務自動化はノーコードツール「Yoom」を活用すれば、プログラミングの知識がない方でも直感的な操作で簡単に業務フローを構築できます。
もし自動化に少しでも興味を持っていただけたなら、こちらから無料登録してYoomによる業務効率化を体験してみてください！