もう大切なことなので何十回も言っていますがUXPのパネルはブラウザと同じシステムのようで実は別物です。かなり紛らわしいのでgrid-layoutとかいつもの感じで使おうとして実は使えないという問題に何度も直面した方も多いでしょう。ということでUXPのCSSとmanifest.jsonをバージョンに合わせて検査してくれるVsCodeの拡張機能がalchemistの開発者Jaroslav Bereza氏よりリリースされました。（Betaとついてはいますが） インストール VsCodeを使いこなしている方はいつものように拡張機能をダウンロード、インストールするだけです。Marketplaceのサイト
2024年2月25日更新。Photoshop25.5で記事通りの仕様になっているのを確認しました。引き続き公式ドキュメントの最新の情報には十分には気を付けてください Expressの推しが強い最近のAdobeですが一応UXPも少しづつですが動いているみたいです。Photoshop25.4のバージョンの場合UXPのバージョンは7.3です。PhotoshopBeta25.6のUXPのバージョンは7.4です。おそらくPhotoshop25.5でUXPは7.4になると思います。それでこのUXP7.4ですがどんなウキウキするアップデートがあるかというと実はウキウキできません。 Window.alert
ようこそ2024年です。InDesignにもUXP Pluginの波がやってきてScriptのシステムも変化の波がやってきています。それで今回はAdobeアプリケーション間の連携についての記事になります。 現状使える選択肢 Scriptを使用したアプリケーション間の連携ですがBridgeTalkが一番有名でしょう。ExtendScriptのみで動くのでシンプルです。それで二つ目はExtension間で異なるアプリケーションでも通信が可能なVulcan.jsです。(Vulcan.jsの簡単な概要は過去の記事を、もしくは実際のコードのコメントを参照)通信以外にも他アプリケーションの稼働状況も確認で
インストールが複雑怪奇だったUXP SWCでしたが簡単にインストールできるパッケージが公開されました。UXP SWCですが一からインストールする場合、詳細について知りたい場合はこちらの記事を参照してください。パッケージのインストールからwebpackの設定まで一通り完成した状態でインストールできるの簡単に導入できます。Vanilla.JSとReactに対応したものが二種類公開されています。 ちなみにパッケージのURLは以下になります。InDesignもPhotoshopも対応しています。XD…? create-swc-uxp-app create-swc-uxp-react-app
UXPの型データが公式から遂に公開されました。 過去にも公開されていましたが長い間更新されていなかったものと違って今回はUXP7.3対応らしいです。それで今回使った所感。 使い方 TypeScriptなので環境構築が必要です。webpackでやる場合は過去の記事のPhotoshop UXPでtypescriptを使うを参照してください。公式のページでも触れらている通り最低限以下のtsconfig.jsonの設定が必要です。 またuxpモジュールだけでなくfsモジュールやpathオブジェクトの型データも揃っています。 ただ現状は不完全な形での公開 ドキュメントでもまだ不完全な部分があると触れらて
Photoshop UXP Pluginを作りました。画像を保存するプラグインですがExportImagesUXPと役割が被るとこもありますが今回は保存を実行するアクションを生成するプラグインです。しかし通常通りにアクションを作成する場合と違ってアクティブな画像をそのまま元々保存されていたフォルダーに保存、しかも複数のフォーマットで保存できます。通常Scriptでしかできない事をアクションで行い、しかもアクションなので他の動作と組み合わせたりファンクションキーにショートカットとして割り当てることも可能です。 メインパネルのUI オプションパネルのUI 基本の仕様 プラグイン自身は保存それ自体を
Actually path object is classified as a global object since UXP updated UXP 6.3.0, it can access local directory on UXP. you may think path is a module like Node.js but after requirement, it doesn’t work well. certainly path object is classified as a window object. but on the other hand, you&#
Adobeの各種アプリケーションがアップデートされました。IllustratorにもAIが搭載されて自動でベクターが作れる機能とか来ましたがここではいつも通りスルーしてUXPの話題です。Photoshop UXPの25.1の変更内容がアップされました。主にSpectrum Web Component(以下SWC)のReact対応でしょうあ。Web-Components版は既に対応していましたが今後はReactのコンポーネントも扱えます。ちなみにSWCとかWeb-ComponentsとかSpectrumUXPあたりの違いはこちらのページを参照してください。 実装してみる 公式のサンプルコードがあ
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
Photoshop UXPにて25.0よりアクションレコードが追加されました。以前の記事でも紹介しましたが何気に画期的な機能です。なので今回もうちょっと踏み込んで具体的に何が便利なのか触れてみます。 アクションレコードの画期的な部分 メリットとして以下のようなことがあります。 通常アクションで作れないような内容もアクションとして登録できる プラグイン開発者だけでなくプラグイン使用者の意図も汲み取ったアクションを作れる 単体Scriptの実行をアクション化がファイル依存なのに対してこれはプラグイン依存なので実行ファイルのディレクトリーに依存しない。 特に2番が大きいでしょうか。後ほど具体的なサン