Photoshop UXPが24.2にアップデートしたことにより相対パスによるモジュールの読み込みが緩和されました。 これはいわゆるNode.jsのCommonJS modulesになります。外部のScriptファイルを読み込むことができるので 役割を細く分割したモジュールにコードを分けることが可能になりコードの可読性を保ったまま開発規模を大きくすることができます。 つまりUXP Scriptingでもwebpackのようなファイルをまとめるツールを使わなくてもデフォルトで細かくコードを分けることができるようになったわけです。 しかしUXP以前のExtendScriptでも#includeを使
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
Photoshop UXPでExtendScriptのようにScriptができるようになりましたがあまり盛り上がっている気もしません。実際どうなのでしょうか。 それは置いといてUXP Scriptもダイアログ上にUIを作ることも可能なのでExtendScriptのようにダイアログのあるScriptも可能なのですがこのUI、現状HTMLとCSSで構築しなければならずしかもJS上で全て組み立てないといけないのでExtendScriptのdialogUIに比べてハードルが高くなっています。勿論Reactなんかを使った方が便利ではあるのですがpsjsファイル単体、また簡単なファイル構成で動くでメリット
Photoshop UXP Scriptです。 今回はカラーサンプラーから塗りレイヤーを生成するScriptです。 生成したいカラーをダイアログからチェックして選ぶこともできます。 画像からサンプルのカラーを作りたい時にどうぞ。 またJSONデータとしてローカルに書き出すこともできるので何か自分のコードに組み込みたい時にも。 ただしPhotoshop2023以降でないと動きません。 またRGBかCMYKモード出ないと動きません。 このScriptファイルとしてダウンロードしたい場合はこちらよりダウンロードしてください。 実はダイアログ上に取得した色をそのまま表示したかったのですがCMYKモード
Photoshop UXP Scriptでグラデーション関係のScript作りました。 具体的には塗りの単色レイヤーからグラデーションを作ったり逆にグラデーションレイヤーから単色の塗りのレイヤーを生成したりします。 UXP ScriptなのでExtendScriptのように簡単に実行できます。 gradientSeparater まずはグラデーションレイヤーから単色のカラーを抜き出して単色レイヤーを生成するScriptです。以下コードになります。 使い方としてグラデーションレイヤーを一つだけ選択します。その後実行するとグラデーションレイヤーの各種ポイントのカラーから カラー情報を抜き出して単色
実験的なPhotoshop UXP Pluginを作りました。 今回はクラウドに保存されたScriptを検索、ダウンロードするPluginです。 Scriptのサンプル集のようなものをPluginから検索して見つけたら直ぐに実行できるようなものがあったらいいなと思って作りました。さらにクラウドにコードを後から追加することも可能にしたいと思ってのクラウドにアクセスしてダウンロードです。 サンプルScriptがまだまだ追加する予定ですが実験的なPluginなので突然クラウドのアクセス自体止める可能性もあります。 使い方 まずログインを求められます。 いつかはアカウントを登録した方のみ使えるような形
UXPのドキュメントを読んでいくとfsというモジュールらしきものがちらほら出てきます。 これはfileSystemの頭文字をとってfsなのでしょうが厄介なのがこのfsという似て非なるものが三つも存在する事です。 ネタのような話でわりかし精通していない開発者の壁となりやすい箇所なので解説します。 Node.jsのfs 一般的にJavaScriptでfsと言ったらNode.jsのネイティブモジュールのfsです。 ファイルシステム関係のモジュールでローカルのファイルにアクセスします。公式ドキュメントはこちら。 グーグル先生に尋ねると大体これ関係の記事がヒットするのでここであまり語ることもありませんが