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です。 ファイルシステム関係のモジュールでローカルのファイルにアクセスします。公式ドキュメントはこちら。 グーグル先生に尋ねると大体これ関係の記事がヒットするのでここであまり語ることもありませんが
今年も大幅アップデートの季節が来ました。皆さん各種アプリケーションの新機能を触っていますが私はそっちの新機能そっちのけでUXP Scriptばかり触っています。ただ現状IllustratorでCEPが使えなくなるとかなりの不都合があるので当分IllustratorのCEPが廃止されないように祈るだけです。 それでIllustratorは置いといてUXPですが今回のアップデートでついにローカルファイルへのアクセスがダイアログ無しでできるようになりました。Node.jsチックなファイルシステムが大幅に追加されたので触ってみます。まず実際に触る前にmanifestの設定をローカルアクセスできるように
Photoshop CC2023も近い時期になってきましたが新しいUXPプラグインを作成しました。調整レイヤーをパネル上で一時的に保存して他のドキュメントにペーストできるプラグインです。一時的にカラー調整した値を保存したい時や似たような画像を沢山色調整するときに一括で調整を適応したい時などにこういうものがあったらいいなと思って作成しました。現在保存できる種類の調整レイヤーは限られていますが主要なものは扱えるようにしているつもりです。 Adobeマーケットプレイスで承認されたのでPhotoshopのアカウントがあればインストールできます。 パネル 使い方 パネルがPickerとHolderの二種
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
attachモードの全貌が今までよくわからん感じでScriptをVsCode以外にもホストアプリケーション、もしくはCEPから実行してScriptの実行をプラグインが感知して$.writelnメソッドがコンソールを書き出す、ブレークポイントに反応するなど書いていたのですがどうやっても反応しないので不思議に思っていたところVsCodeのmarketplaceのページが更新、加筆されていてCEPに関する記述が一気に増えました。そこで具体的なデバッグ方法にも触れられてCEP上のデバッグ方法がわかるようになりました。そういうことでExtendScriptDebuggerを使用したCEPのデバッグの記事