手作業でやりたくないタスクはすべてWorkflowでこなすのが私のお気に入りですが、先週までアプリで自動化できないタスクがいくつかありました。それは、HTMLやリッチテキストをMarkdown形式に戻す（Pythonで愛用しているhtml2textを使用）ことや、iOSのスクリーンショットを美しいデバイスフレームで組み立てる（LongScreenを使用）といった、非常に特殊なタスクでした。本日Workflow 1.4.4がリリースされたことで、ついにこの2つの重要なタスクをWorkflowの自動化に統合できるようになり、その成果に大変満足しています。

画像の重ね合わせ

Workflowのアクション拡張機能で写真アプリから画像を結合する機能が追加されたため、MacStoriesのレビュー用画像を作成するためにPythonistaで作成したスクリプトを使うのをやめました。Workflowは複数の画像をつなぎ合わせるのに非常に便利なツールでしたが、画像を重ねることができませんでした。これはPythonでは背景の上に画像を貼り付けることで簡単に実現できます。今日のアップデートでWorkflowがまさにそれを実現します。

新しい「オーバーレイ画像」アクションを使用すると、入力として渡された別の画像の上に、アクションの「画像」フィールドで定義された画像を重ねることができます。このアクションには、様々なカスタマイズ可能なパラメータが用意されています。重ねる画像のサイズを調整したり、回転や不透明度を設定したり、重ねる画像の位置を調整したりすることも可能です。位置は、5つのプリセットから選択するか、変数を使って任意の座標を入力することで調整できます。事前にパラメータを設定したくない場合は、画像エディタを表示して手動で画像をオーバーレイするオプションもあります。重ね合わせた画像は出力画像となるので、アクションに渡してライブラリに保存できます。

これはまさに、自動化できなかった数少ないタスクの一つを、柔軟で強力なワークフローに変えるために必要なものでした。長年、Appleが提供するiOSのスクリーンショットとiOSデバイスのフレームを組み合わせた合成画像の作成を自動化したいと考えていました。Workflowの新しいオーバーレイアクションと写真との連携により、iPhone 6s Plus（縦向きと横向きの両方）とiPad Pro（横向きのみ。縦向きのサポートは不要）のスクリーンショットを、手動で選択するだけでデバイス画像に組み込むことができるようになりました。

これを試してみるには:

• ワークフローはここからダウンロードしてください。
• 3 つの方向すべてに対応する編集済みのテンプレートとアセットを入手してください。

.zip ファイルをダウンロードしたら、すべての画像をワークフローの iCloud Drive フォルダ¹に保存し、ファイル名を再確認します。ファイル名はワークフローで使用されているものと一致する必要があります。

このワークフローは、iPhone 6s PlusまたはiPad Proでサポートされている向きのスクリーンショットを入力すると、フレーム付きのスクリーンショットを作成し、それらを1枚の最終画像に合成します。最大の利点は、デバイスの種類を自由に組み合わせることができることです（例えば、iPhoneのスクリーンショット2枚とiPad Proのスクリーンショット1枚など）。合成された画像は、適切なデバイスフレームをすべて使用した合成画像になります。最後に、結果はフォトライブラリに保存されます。

このワークフローは、写真アプリの共有シートから共有されたスクリーンショットを受け入れるように構築されています。1枚または複数のスクリーンショットが検出されると、ワークフローは各画像の幅をチェックし、「オーバーレイ画像」アクションを使用してiPhone 6s PlusまたはiPad Proのフレームに配置します。前述のように、iPad Proの横向き表示をサポートするだけで十分でしたが、縦向き表示のサポートも簡単です。iPad Proの縦向き表示時のスクリーンショットの幅をチェックする別のIfブロックを作成するだけです。

スクリーンショットを選択した後は、画像操作プロセスは完全に自動化されています。最後に確認する必要があるのは、iPhoneとiPadのデバイスフレームを適切に拡大縮小するかどうかだけです。同じ画像に異なるデバイスが含まれている場合は、メニューから「iPhoneとiPadの拡大縮小」を選択すると、ワークフローが6s Plusテンプレートのサイズ変更と両方のデバイスを下端に向けて揃えます。同じデバイスタイプの画像の場合（または拡大縮小を気にしない場合）は、「完了」オプションを選択すると、ワークフローは拡大縮小や位置合わせを行わずにデバイスを結合します^。2

舞台裏では、これは私がこれまでに構築した中で最も複雑なワークフローの一つかもしれません。しかし実際には、スクリーンショットをいくつか選択し、iPhoneの画像をiPadの横に並べて表示する場合、サイズを調整するかどうかを確認するだけです。オーバーレイ画像アクションのおかげで、このワークフローは、ヒーロー画像を手作業で作成するのにかかる時間を大幅に節約してくれます。これは、画像自動化のためのスクリーンショットワークフローの武器庫に、もう一つ加わったことになります。

HTMLをMarkdownに変換する

Pythonistaでスクリプトを使って実行していたもう一つのタスクは、リッチテキストとHTMLをMarkdownに変換することでした。これは、MacStories（Markdown形式でテキストを公開している）にリンクしたウェブページで、元のソースのフォーマットが維持されるようにするためです。Safariのウェブページからテキストを手動でコピーした場合（またはほとんどの共有拡張機能を使用した場合）、元のソースのフォーマットは失われてしまいます。

Workflow 1.4.4には、html2textに匹敵する「リッチテキストからMarkdownを作成」というシンプルなアクションが含まれています。このアクションにウェブページの選択範囲を渡すと、同じテキストのMarkdown版が生成され、他の場所で使用できます。WorkflowをiOSブログのセットアップに活用している方にとって、これは必須のツールです。

Safariでの選択範囲からMarkdownを生成するのがいかに簡単かを示すサンプルワークフローを作成しました。Webページ上のコンテンツ（画像とメディアの両方を選択できます）を選択し、共有シートを開いてワークフローを実行します。1秒後には、選択したコンテンツのMarkdownバージョンがシステムクリップボードに保存され、他のアプリに貼り付けられる状態になります。Workflowは内部的に、同じく新機能の「Safari Webページの詳細を取得」アクション³を使用して入力変数からページ選択パラメータを抽出し、「リッチテキストからMarkdownを作成」に渡します。

ワークフローはここからダウンロードできます。

今回のアップデートでは、注目すべき機能がさらに追加されました。Workflow内でファイルを解凍する際に、別途ファイルマネージャーを使用する必要がなくなりました。また、「デバイスの詳細を取得」機能を使えば、ワークフローがiPhoneとiPadのどちらで実行されているかを簡単に確認でき（実行されている場合は異なるルートを選択）、GIFにフレームを追加してTumblrに投稿することも可能になりました。

Workflow はリリースごとに機能を追加しており、作業のスピードアップと自動化を最大限に高めることで、より重要でやりがいのある仕事に集中できるようになりました。Workflow 1.4.4 では、画像処理と Markdown に大きな改善が加えられ、App Store で公開中です。