Adobe UXPプラグインUIを作る場合Spectrum UXPというAdobeが最初からUXPに既に用意しているパーツを使用して開発できます。(後述しますがSpectrum UXPとAdobe Spectrum WebComponentsは別物) サンプルのパネルUI。各パーツはSpectrum UXPで構成されている。 このパーツを使い、細かいパーツのデザイン、レイアウト等一から作成しなくても既存のパーツを使えるので楽です。かなりこだわりがある方ならまだしもデザインに対してそこまで考えたくない方は便利ではないでしょうか。しかしこのSpectrum UXPですが用意されているというよりも埋
Photoshop UXPというかUXPはPhotoshop,InDesignといったホストアプリケーションのAPIとは別にPluginのシステムの核となるUXP本体の開発も進んでいます。今までPhotoshop UXPの公式ドキュメントを見てもUXP本体の更新履歴がいまいち分かりませんでしたが今回6.4と6.5(ベータバージョン)のchangelogのページの更新履歴が追記されていたので何が更新されたか今回解説します。 おさらい UXPシステム上ではPhotoshop,InDesign,XDといった各アプリケーションのAPIとは別にUXP本体のAPIもあります。これは各アプリーケーション共通
前回Photoshop UXP Imaging API beta触ってみたの続きです。前回基本の機能をざっくり試してみましたが今回少し突っ込んだ話になります。ゼロからピクセルを生成する話とピクセル処理に関する話です。 ゼロからイメージを生成する イメージの生成ですが前回の選択範囲の生成と似ています。選択範囲の場合グレーの情報のみしかありませんでしたがイメージは例えばRGBの場合3色あります。ピクセルの数は幅+高さ+チャンネルの数になります。imaging APIはArrayBuffer形式にピクセル総数のlengthだけnumber値を渡さなければなりません。なのでArrayBufferオブジ
Photoshop UXPのImaging APIのベータ版が公開されました。2023年1月現在Photoshop 24.2ベータ版で使用できます。これはピクセル操作をJavaScriptから直接操作できるAPIで既存のExtendScriptのように一ピクセルづつ選択範囲を作って抽出、塗りつぶすような操作をする必要もありません。UXPでもImaging API以前はピクセル操作に関しては従来のExtendScriptとはそこまで大差はありませんでした。 *ExtendScriptのピクセル操作に関してはこちらの記事を参照してください。Photoshop Extensionの開発28 フィルタ
Photoshop 24.2よりgetEntryWithUrlメソッドが追加されました。このメソッドを使えばもうstring型のパスからEntry型のパスを生成できるので本記事のような回りくどいやり方でローカルファイルにアクセスする必要がなくなりました。 詳しくこちらを参照 そろそろ今年も終わりに近づいております。正直今の仕事に色々思う節のある最近で、一応DTP関係の仕事をやってはいますがTwitterを見渡すと周りに比べてあんまりDTPにも精通していないと感じる今日この頃です。 ところでPhotoshop UXPにはsaveAsメソッドがあります。これはExtendScriptにおけるsav
UXPのドキュメントを読んでいくとfsというモジュールらしきものがちらほら出てきます。 これはfileSystemの頭文字をとってfsなのでしょうが厄介なのがこのfsという似て非なるものが三つも存在する事です。 ネタのような話でわりかし精通していない開発者の壁となりやすい箇所なので解説します。 Node.jsのfs 一般的にJavaScriptでfsと言ったらNode.jsのネイティブモジュールのfsです。 ファイルシステム関係のモジュールでローカルのファイルにアクセスします。公式ドキュメントはこちら。 グーグル先生に尋ねると大体これ関係の記事がヒットするのでここであまり語ることもありませんが
今年も大幅アップデートの季節が来ました。皆さん各種アプリケーションの新機能を触っていますが私はそっちの新機能そっちのけでUXP Scriptばかり触っています。ただ現状IllustratorでCEPが使えなくなるとかなりの不都合があるので当分IllustratorのCEPが廃止されないように祈るだけです。 それでIllustratorは置いといてUXPですが今回のアップデートでついにローカルファイルへのアクセスがダイアログ無しでできるようになりました。Node.jsチックなファイルシステムが大幅に追加されたので触ってみます。まず実際に触る前にmanifestの設定をローカルアクセスできるように
React関連のぼやきをTwitterで呟いたら外国のアカウントから返信が色々きて驚いた最近です。Adobe Spectrumの挙動など外国の方から教えてもらって今回その事を主に取り上げたいと思います。 まず何度も申し上げてますがUXPはブラウザーに似ているようで異なるシステムの上に成り立っています。CEPはChromeのシステムがベースになっていたのでブラウザーで動く事はおおよそその通りの仕様で動くようになっています。しかしUXPは細かい仕様が異なるのでつまづく箇所がそこそこ出てきます。そこで最近何度かつまづいた箇所を（主にSpectrum関連）をまとめておきます。 manifest5よりパ
Photoshopのマイナーバージョンアップ(23.5)と共にmanifest.jsonやパネルUIを必須としないScriptingが使えるようになりました。これは従来のExtendScriptの代替のようなものでScriptファイル単体でUXPScriptが実行可能となります。以下ざっくりした特徴になります。 基本はUXP Pluginの仕様に準拠。(ES2015が使えたりローカルファイルへのアクセスが制限されていたり) psjsという特殊な拡張子を使用。 実行自体ファイル -> スクリプト -> 参照からpsjsファイルを選ぶだけ。 manifestもUIも必須ではない。ただしScript
またまたPhotoshop UXPです。過去にPhotoshop UXPからExtendScriptを無理矢理実行するでstorageとfileSystem Tokenの話題をちょこっと出したのですがもう少し整理しようかと思って今回の記事になります。今回主にローカルのファイルパスを取得してその取得したEntry型のファイルパスをstorageを通して一時的に保存して再度取り出す、という一連の流れとそれに関連した話題になります。 ファイルパスについて 何度も過去に言及している通りUXPにおけるファイルパスはEntry型のオブジェクトとして取得しないと実際にローカルのファイルにアクセスできません（
