10/10 更新:複数の Apple デバイスで撮影したスクリーンショットにフレームを適用できるこのショートカットの新しいバージョンが、こちらから入手できます。

MacStoriesの読者の皆さんは、私がアプリレビューやその他の記事でiPhoneのスクリーンショットを載せる方法をご存知かもしれません。特に上記のような「ヒーロー」画像の場合、Appleの公式マーケティング画像に似たデバイスフレームにスクリーンショットを収めるようにしています。デバイスフレームの方が見た目が美しく、実際のデバイス上でアプリがどのように見えるかをより効果的に伝えることができます。iOSのAffinity PhotoやPixelmatorなどのアプリを使ってこれらの画像を手動で作成することもできますが、その作業は時間がかかり、退屈で面倒です。そこで、私はここ数年、Workflowとその「オーバーレイ画像」アクションを使って、この作業を自動化しています。

ショートカットと新しいiPhone XSとXS Maxの登場で、古いワークフローをアップデートする時期が来ました。iPhone Xの素材をXSでも使い続けることは可能でしたが、外見が似ているため、今年XS Maxにアップグレードしたため、スクリーンショットが古いデバイスのフレームにネイティブに収まらなくなってしまいました。幸い、Appleが数日前にXSとXS Maxの公式マーケティング素材をアップロードしてくれたので、彼女（私よりPhotoshopが得意）の助けを借りて、新しいデバイスに合わせてワークフローをアップデートし、その過程でいくつかのオプションを追加することができました。

私の新しい「XS フレーム」ショートカットは、縦向きと横向きの両方で XS と XS Max をサポートします。これは Apple の公式アセットに基づいていますが、グラフィックは base64 テキスト文字列としてショートカット内に埋め込まれているため、ユーザー側での構成は必要ありません。また、フレーム付きのスクリーンショットを写真アプリに保存できるだけでなく、複数の画像を同時に処理している場合は、同じ画像内でスクリーンショットを組み合わせることもできます (これも、上記のヒーロー画像と同様です)。

このショートカットの最大の特徴は、ユーザー側での管理が一切不要なことです。スクリーンショットはフォトライブラリから自動的にフィルタリングされ、ショートカットは各画像の幅に基づいて、縦向きか横向きかを判断します。アセットはショートカット内にエンコードされているため、テンプレートを手動でダウンロードする必要はありません。写真アプリやショートカットアプリで画像を共有する際、このショートカットを拡張機能として実行できます。ショートカットを実行すると、スクリーンショットピッカーUIが表示されます。私の経験では、メモリの制約により、Siriもウィジェットもショートカットを正常に実行できませんでした。拡張機能によるメモリ関連の問題を回避するため、アプリ内でショートカットを実行することをお勧めします。

ショートカットが最初に実行される際、入力に画像があるかどうかを確認します。最初のステップで画像が渡されなかった場合、ショートカットは写真アプリの共有シート内で実行されていないため、XSとXS Maxのスクリーンショットを含む画像ピッカーを表示する必要があります。これは、スクリーンショットをフィルタリングし、さらに特定の幅のパラメータに一致するスクリーンショットをフィルタリングする2つの「写真の場所を検索」アクションの組み合わせによって実現されます。ピッカーでは、スクリーンショットは日付順に並べられ（写真アプリと同様に、最新のものが下に表示されます）、複数のスクリーンショットを選択して続行できます。

この時点で、ショートカットは最初に選択したスクリーンショットごとに繰り返しループを開始します。これらの技術的な詳細を気にする必要はありませんが、ショートカットは内部的に、座標（デバイスフレームにスクリーンショットを貼り付ける場所のxとyの値）と前述のエンコードされたアセットを使用して、デバイスの種類と向きに基づいて各画像の辞書を作成します。これは非常に巧妙だと思います。スクリーンショットと関連するデバイスフレームはデコードされ、結合され、変数に追加されます。ショートカットの最後には、複数のフレーム付きスクリーンショットが1枚の合成画像に結合されますが、それ以外の最終出力は常に写真アプリのデフォルトの「すべての写真」アルバムに保存されます。

このショートカットを一度に最大 13 枚の XS および XS Max のスクリーンショットでテストしましたが、問題なく動作しました。わずか数秒でスクリーンショットを選択し、フレームに入れて結合し、記事で使用できるヒーロー イメージを作成することができました。

おまけに、このショートカットの別バージョンも作成しました。これは、最後に撮影したスクリーンショットをフレームに入れてフォトライブラリに保存し、画像をシステムクリップボードにコピーします。TwitterやiMessageで共有したいスクリーンショットを、手軽に「美しく」整えるのに便利です。このショートカットはSiriのフレーズやウィジェットから呼び出すことができますが、メモリの制約を避けるため、常にショートカットアプリが開きます。

Apple Watch Series 4とMacBook Proシリーズのショートカットのアップデートが、次の作業リストに入っています。それまでの間、このショートカットを使ってXS Maxのスクリーンショットをフレームに入れていきます。これらのスクリーンショットは、MacStoriesとMacBook Clubで公開予定です。ショートカットは以下からダウンロードできます。