皆さんこんにちは、みっくです。
手書きって温かみがあっていいですよね。
今回は、iPhone / iPad のカメラで撮影した画像に、手書きのメモを追加するカメラメモ機能の作成方法をご紹介します。
![My_Movie_AdobeExpress.gif (9.0 MB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/09/137575/430038c5-81ee-4fc5-aaa6-438106462c61.gif)
写真にメモを追加するのに「マークアップ」を使用します。iOS に標準で付いている機能で、ちょっとした写真の加工で使ったことある方も多いはず。
そして今回もショートカットアプリを使います!
![icon.png (203.8 kB)](https://img.esa.io/uploads/production/attachments/5600/2022/10/21/137575/5f1744d4-6ba4-48df-af1b-faaa0da3939d.png)
※本記事は下記バージョンにて確認している内容になります。
iOS:16.3.1 / FileMaker Go:19.6.3
FileMaker でやること
ショートカットで呼び出すファイルを作成します。
次のようにフィールドを追加します。
![スクリーンショット 2023-03-08 15.53.48.png (46.8 kB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/1450571f-2cd5-4b9e-9b36-c6d8d7141c28.png)
- 「 Base64 」テキストフィールド(ショートカットで実行した結果を返す先)
- 「写真」オブジェクトフィールド( Base64 をデコードして表示)
「写真」のオブジェクトフィールドは、オプションの計算値自動入力を設定しておきます。
計算式で
Base64Decode ( Base64 ; "result.jpg" )
このように設定しておきます。
続いて、レイアウトにフィールドやボタンを配置します。
「 Base64 」フィールドは、レイアウトの表示領域の外に置いても動作します。
![スクリーンショット 2023-03-08 16.02.48.png (1.3 MB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/127aadbc-8106-4b60-ba68-03b7d7fe1779.png)
フィールドがないと動かなくなってしまうので、あとで間違ってフィールドを消してしまわないように気をつけましょう。
このフィールドは消さないで!など、コメントをつけておくと良いかと思います。
次に、スクリプトで新規レコードを作成し、ショートカットを起動させるところまでを実行します。
![スクリーンショット 2023-03-08 15.15.51.png (1.0 MB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/e46dc4d6-4bf4-414a-a1c0-3e5eba8f57e8.png)
ショートカットを起動するパスは次のように設定します。
"shortcuts://run-shortcut?name=【ショートカット名】"
【ショートカット名】には、後ほど作成するショートカットの名前を設定しますので、お好きな値を入れてください。
もう一つスクリプトを作成します。
ショートカットアプリで実行した結果を FileMaker Go に返して、写真の画像オブジェクトを表示する、という内容です。
ショートカットの実行結果はクリップボード経由でやり取りします。
![スクリーンショット 2023-03-08 15.23.26.png (991.7 kB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/4e6a0537-d179-4958-918e-bb332a40f7c2.png)
最後に、ファイルのアクセス権セットを忘れずに設定しておきましょう。
![20221013-05.png (620.5 kB)](https://img.esa.io/uploads/production/attachments/5600/2022/10/21/137575/ccd44977-5c91-42bb-a6a0-a9813120fe4b.png)
ショートカットアプリでやること
ショートカットは次のように設定します。
![IMG_3852.jpg (422.6 kB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/af6abc3e-ffb6-4885-8778-0b8e55c6a6fb.jpg)
設定するアクションは以下の通りです。
- 写真を撮る
- マークアップ
- Base64 エンコード
- クリップボードにコピー
- URL を開く
fmp://$/【ファイル名】.fmp12/?script=【スクリプト名】
URL を開く以外は、アクションを選択した初期値のままで大丈夫です。
ちなみに、ショートカットの選択画面でショートカットを長押しすると、このようにメニューが表示されます。
![IMG_3853.jpg (373.7 kB)](https://img.esa.io/uploads/production/attachments/5600/2023/03/08/137575/2696ff2e-4617-4e42-a1b1-dfe15a0091e9.jpg)
ショートカットを複製して、内容を一部変更する、とすることで簡単にショートカットを量産できます。
他端末への配布は「共有」から「 iCloud リンクをコピー」などの方法で共有することができます。
まとめ
ショートカットアプリを使って簡単にカメラメモ機能が実現できちゃいました。
写真を撮って、手書きのメモ付きで FileMaker で即座に連携できるので、機器の点検業務や不良品の報告など、活用の場はかなり広がりそうですね。
個人的に、ベランダ菜園など植物の観察日記アプリを作ってみようかなぁと画策しています🌱
皆様もぜひお試しください♪