since Photoshop has switched from CEP to UXP, many decelopers have been confused. CEP and UXP both of them are based on JavaScript and panel UI is based on HTML ,CSS(basically web technology) but also they have some differences as well. this time, a I explain how to save active Document on Photoshop
2024年12月11日 プラグインをアップデートしました。 Photoshop UXPにて25.0よりアクションレコードが追加されました。以前の記事でも紹介しましたが何気に画期的な機能です。なので今回もうちょっと踏み込んで具体的に何が便利なのか触れてみます。 アクションレコードの画期的な部分 メリットとして以下のようなことがあります。 通常アクションで作れないような内容もアクションとして登録できる プラグイン開発者だけでなくプラグイン使用者の意図も汲み取ったアクションを作れる 単体Scriptの実行をアクション化がファイル依存なのに対してこれはプラグイン依存なので実行ファイルのディレクトリーに
Adobe UXP Developer Tools（公式でもToolsが複数形だったり単数だったりしてどちらが正しいかわからん）がver2に大幅アップデートしました。 Adobe UXP Developer ToolsとはなんぞやというとUXP Plugin、Scriptの開発に必要なアプリケーションで開発中のPluginなんかはこれを通じて読み込みます。基本の使い方は私のこちらの記事を読んでください。今回ver2の変更点を紹介します。 インストール 皆さんご存知の通りAdobeは最近CC Desktop Aplicationでアプリケーションのインストール、アップデート、アンインストールを管
Spectrum Web Component(以下SWC)が2024のPhotoshopよりベータ版の実装から正式な実装になりました。従来のSpectrum UXPより充実したコンポーネントのパーツが使えるようになります。尚SWC,Spectrum UXPといったこの辺の基本は過去の記事、Photoshop 24.5ベータ UXP 7.0追加APIをご覧ください。使用にあたってwebpackとyarnを使いますがある程度事前の知識が求められるのは覚悟してください。実装にあたっては公式のドキュメントと
予想より早くPhotoshop2024がアップデート可能になって巷でも話題になっていますがUXPもベータ版から7.2になって幾つか大きな更新がありました。今回xmp関連の機能について触れたいと思います。 そもそもxmpとは？ xmpとは色々省いて簡単に説明すると個々のファイルにテキストデータを埋め込むことができる XMLのようなフォーマットです。今回簡単な操作をすることが目的です。前回の記事配置画像の差異を検知する Illustrator Extensionのプロトタイプ ItemInspectorでも触れましたが最後に再度参考サイトも紹介します。 それで従来ExtendScriptでもpsd
**2023年 12月追記 Action Recordingは製品版でも使えるようになりました。** 季節は夏ですがそろそろAdobe製品のメジャーアップデートの足音が聞こえてきます。みなさん如何お過ごしでしょうか。今回Photoshop25.0のベータ版のUXPのAPIになります。 Action Recording 25.0の新しいAPIのAction Recordingが公式ドキュメントに公開されました。これはScriptで宣言された関数の内容をそのままアクションとして記録できてアクション作成後はユーザー自身の手でアクションを実行できるというものです。流れとしては以下のようになります。 ア
Photoshop UXPですがアップデートで地味にPhotoshopのAPIが追加されています。今回主に2023年4月から7月までに追加されたAPIについて解説します。主な機能は以下になります。 Selection(選択範囲) Calculations and Apply Image componentChannels(チャンネル) Imaging APIの正式実装 Imaging APIの正式実装 Photoshop UXP24.4からImaging APIがベータから正式に実装されました。はやrequire(“photoshop”).imaging_beta;ではなくrequire(“p
最近CSSの進化がすごいですね。カスケードレイヤー、コンテナクエリ、sin、cos関数と次々と大幅な機能が追加されています。IEのサポートが終わって以来IEを意識する必要が無いため今後新しいCSSがどんどん取り入れられるでしょう。 今後どんどん使われれそうなCSS 任意の要素の幅などを分岐点として特定の要素のCSSを変えることができるようになるコンテナクエリ、CSSの入れ子がSass無しでもできるCSSネスト、簡素に中央の配置ができるdisplay:gridのplace-content: centerなど色々あります。複雑なレイアウトを組むわけでなくてもCSSネストなんかは特別な環境設定を行わ
Photoshop 24.5のベータ版が出ました。それに伴いUXPの公式ドキュメントも更新されたので新しい機能を追ってみます。 UXP7.0とは UXP7.0は何度か言及していますがPhotoshopUXPのAPIと違いファイルシステムやHTML,CSS関連のベースとなるUXP本体のバージョンです。他のアプリケーションも同様専用のAPIとは別にUXP本体のバージョンがあるので他のアプリケーションのUXPバージョンも上がればおそらくほぼ同じものが使えると思います。 今回追加されたもの 公式のドキュメントにまとめられていますが主に以下のようなものが追加されました。 WebComponents関連の
Adobe UXPプラグインUIを作る場合Spectrum UXPというAdobeが最初からUXPに既に用意しているパーツを使用して開発できます。(後述しますがSpectrum UXPとAdobe Spectrum WebComponentsは別物) サンプルのパネルUI。各パーツはSpectrum UXPで構成されている。 このパーツを使い、細かいパーツのデザイン、レイアウト等一から作成しなくても既存のパーツを使えるので楽です。かなりこだわりがある方ならまだしもデザインに対してそこまで考えたくない方は便利ではないでしょうか。しかしこのSpectrum UXPですが用意されているというよりも埋
