Photoshop UXPが導入されて巷ではどちらかというと今までCEPやExtendScriptで出来たことが出来なくなって悲鳴の方が大きい気がします。なのでUXPで出来ない事（ダイアログを呼び出さずにファイルを指定のパスに保存、特定のファイルを開く等）をやるためにどうにかExtendScriptを実行できないかみたいな話題も出てきています。そして結論から言うと通常の機能ではできません。そして今回それを無理矢理やろうという話です。 *5月31日storageに関する記述を修正。secureStorageは今回使用する必要がありませんでした。 そもそもUXPで出来ない事とは あまり公式ドキュメ
公式のPhotoshopの型データがついにリリースされました。こちらで確認できます。今まで非公式の型データはいくつかあったのですがPhotoshop2022アップデート後、早いタイミングで出てきたのでこのタイミングで使ってみます。早速インストールしましょう。 今回webpackでコンパイルしましたのでその他以下をインストール。 ts-loader typescript webpack-cli webpack webpackの設定は以下 成功するとコード補完、各種モジュール、オブジェクトの中身をタグでしっかり説明してくれます。 これで環境も構築できてめでたしでたし、というわけにいかないのが世の中
Photoshop UXP 2022の公式ドキュメントのbatchPlayのページに中身の説明が大幅に追加されました。今回このドキュメントに書かれている事を中心に取り上げたいと思います。（今回公式で説明されている事をほとんど日本語で説明するだけ） そもそもbatchPlayとは 過去の記事で詳しく説明していますがApi経由でなく直接Photoshopに特定の処理の実行を命令できるメソッドです。今までよく分かってなかったのですが今回公式のドキュメントである程度突っ込んで書かれているので実際に簡単に試してまとめてみました。 descriptors batchPlayメソッドには行くとかのオブジェク
今回はdocumentのhistorystatesプロパティーについて触れたいと思います。ExtendScriptの頃からヒストリーの取得はできましたがUXPでも標準のAPIから取得できるようになりました。これはdocumentオブジェクトのプロパティーから取得できるオブジェクトで詳しいオブジェクトの内容は公式を参照。なおドキュメントが保持しているヒストリーはArray型のデータになります。オブジェクトの型自体ArrayなのでArray.fromメソッドなど使用しなくともそのままarrayメソッドが使用可能です。 このままforEachで各ヒストリーのデータを取得できます。 id,name,等
Photoshop 2022になってから誰かUXP触ってるか不安になりながら今回も2022から追加されたプロパティーについて解説したいと思います。新しく追加されたプロパティーから様々なアプリケーション、ドキュメントの状態を取得できるようになりました。例えばクイックマスクモードか否か、ヒストリーの情報、描画色の色等、、、 詳しくはこちらのdocument関連とこちらでphotoshop関連が見れますが今回いくつかの新しいプロパティーについて触れたいと思います。 current tool 今回から現在選択されているツールの種類が取得できるようになりました。 これは以下のようにidとtypename
Photoshop 2022 になってUXPに待望のsave.asメソッドが追加されました。これはPhotoshopで開いているファイルをjpe,tiffなどの決まったフォーマットで保存できるメソッドで前回までbatch playを通さないとできなかった保存処理がdocumentのオブジェクトモデルに追加されました。しかしこちらの記事でも説明した通りにstring型の保存パスをそのまま渡しただけですとエラーが返ってきます。公式ドキュメントでも触れられていますようにentryオブジェクトを渡さなければいけません。entryオブジェクトに関しては公式ドキュメントのこちらに詳細が載っています。とはい
ついにリリースされましたPhotoshop2022。巷では草を生やす機能がもっぱら人気ですが今回は草を生 やさずにUXPを触ってみました。今回大幅にアップデートされてるので2021と大きく変わった仕様もあるという事で簡単に触れます。 PhotoshopCore module 今回新しく追加されたモジュールです。Photoshopのアプリケーションにアクセスするためのモジュールで今後かなり重要になると思います。Photoshop2021まではどこからでもアプリケーションにアクセスできましたが今後アプリケーション側の処理はPhotoshop coreモジュールのexecuteAsModalメソッド
Adobe MAX2021の開催の日程も決まって最新のAdobeのアプリケーションのメジャーアップデートも近くなってきました。そんなタイミングも近いですがPhotoshopUXPのModal Dialogについての記事になります。UXPとCEPの違いの一つに様々な形態のウインドウが扱えるます。このModal Dialogはウインドウの一つで他のパネル同様HTMLとCSSで自由にカスタマイズできるのですがこのウインドウが開かれている間は他の操作が一切反応しないことです。つまりダイアログの操作が終わるまで他のアプリケーションの操作をさせたくない場合に使える機能です。今回の記事もDavide氏の記事
2021年12月15日追記。 Photoshop 2022からはUXPにデフォルトで簡単にプログレスバーの実装ができるようになりました。2022以降、余程こだわりがない限りデフォルトのプログレスバーを使うのが言いでしょう。詳しくはこちらの記事。 Photoshop UXPではアプリケーションとパネル側のシステムが統一される、ということでキャンセルボタン同様プログレスバーの自作も今後できるようになるでしょう。勿論アプリケーション側の処理は基本非同期での処理でしょうから非同期での実装を想定します。ということで今回非同期の配列処理を取り上げます。このあたりに関してこちらの記事を参照。 大まかな構造
今後UXPの実装が進むとAdobe用のscriptの開発でこれまで以上に非同期処理が重要になるでしょう。もちろん非同期処理自体もはや当たり前のように使われていますが意外にキャンセルボタンの実装をしようと思ったかなりややこしかったのでまとめることにしました。なお、実装にあたってはこちらの記事を参考にしました。キャンセル可能でPromiseなsetTimeout()を作る 最初にPromise関数の実装にあたってPromiseの状態をオブジェクトで管理して一度resolve,rejectの結果を投げるメソッドをプロパティーに代入するという形をとっています。キャンセルボタンされない場合そのまま非同期