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
ExtendScript用のXML解読アプリケーション作りました。ExtendScriptではExtendScript Toolkitに用付属しているXMLにExtendScriptのオブジェクトモデルが書いてあります。 場所はMacなら /Library/Application Support/Adobe/Scripting Dictionaries CC WinならC:\Program Files (x86)\Common Files\Adobe\Scripting Dictionaries CC 尚PremiereだけC:\Users\username\AppData\Roaming\A
インストールが複雑怪奇だったUXP SWCでしたが簡単にインストールできるパッケージが公開されました。UXP SWCですが一からインストールする場合、詳細について知りたい場合はこちらの記事を参照してください。パッケージのインストールからwebpackの設定まで一通り完成した状態でインストールできるの簡単に導入できます。Vanilla.JSとReactに対応したものが二種類公開されています。 ちなみにパッケージのURLは以下になります。InDesignもPhotoshopも対応しています。XD…? create-swc-uxp-app create-swc-uxp-react-app
Spectrum Web Component(以下SWC)が2024のPhotoshopよりベータ版の実装から正式な実装になりました。従来のSpectrum UXPより充実したコンポーネントのパーツが使えるようになります。尚SWC,Spectrum UXPといったこの辺の基本は過去の記事、Photoshop 24.5ベータ UXP 7.0追加APIをご覧ください。使用にあたってwebpackとyarnを使いますがある程度事前の知識が求められるのは覚悟してください。実装にあたっては公式のドキュメントと
この記事の内容はすぐに古くなる可能性があります。 流行りのあれですが試している方も多いとは思いますが個人的な体験を少しまとめてみました。 結論としてはもう色んな方がおっしゃているのですが 完璧には書いてはくれない。（動かない箇所が混ざりがち） 部分的には使えるコードを書いてくれるのでうまく使えばかなり役立ちそう。 開発者は出されたコードを解読できるだけの知識は必要。 といったところでしょうか。とりあえずIllustratorのレイヤーを作成するExtendScriptを書けますか聞いてみました。 とりあえず新しいレイヤーを5つ作成する簡単なScriptは問題無く書いてくれました。ExtendS
Photoshop UXPでExtendScriptのようにScriptができるようになりましたがあまり盛り上がっている気もしません。実際どうなのでしょうか。 それは置いといてUXP Scriptもダイアログ上にUIを作ることも可能なのでExtendScriptのようにダイアログのあるScriptも可能なのですがこのUI、現状HTMLとCSSで構築しなければならずしかもJS上で全て組み立てないといけないのでExtendScriptのdialogUIに比べてハードルが高くなっています。勿論Reactなんかを使った方が便利ではあるのですがpsjsファイル単体、また簡単なファイル構成で動くでメリット
React関連のぼやきをTwitterで呟いたら外国のアカウントから返信が色々きて驚いた最近です。Adobe Spectrumの挙動など外国の方から教えてもらって今回その事を主に取り上げたいと思います。 まず何度も申し上げてますがUXPはブラウザーに似ているようで異なるシステムの上に成り立っています。CEPはChromeのシステムがベースになっていたのでブラウザーで動く事はおおよそその通りの仕様で動くようになっています。しかしUXPは細かい仕様が異なるのでつまづく箇所がそこそこ出てきます。そこで最近何度かつまづいた箇所を（主にSpectrum関連）をまとめておきます。 manifest5よりパ
過去に公開したIllustrator用Extensionを大幅にアップデートしました。ベクターの色データを一括で変更したりチャートを作成したり一時的に色データを保存したりします。複数のカラーを一括して変更したり線と塗りに同じ色を適用する、塗りの色をテキストにして書き出すといった機能を一つのパネルにまとめました。 Adjust Illustrator上で選択したベクターのアイテムの色を一括で変更します。単に既存の色に決まった数値を足してゆくものから彩度を上げたり明るさを調整する機能まであります。 Additional ベクターアイテムの色を指定の数値を加算します。右のカラーのフォームに動かしたい
UIを組み立てる上でもはや当たり前のアニメーション。派手で華々しいアニメーションとまで行かなくてもちょっとしたボタンの変化、チェックボックスの動きにも使われています。しかし2021年7月3日現在Photoshop UXPでのCSSによるアニメーション、transitionはサポートされていません。と言うわけでjsで動かすしかないのですがjsでも動くライブラリや機能があります。と言うわけでどのライブラリが動くか軽く調べてみました。 調べたのは以下のライブラリ、機能になります。 requestAnimationFrame アニメーションライブラリー gsap 言わずとも知れた j-query モダ
今回はよく見るスイッチ型のチェックボックスを作ります。凹んだような穴の中にボールが入っていてチェックすると中のボールが右に動いたり左に動いたりするあれで。git hubにあげたform collectionのチェックボックスにもあります。 git hubにあげたのはReact + styled-componentsなのでReact使わない方のためにvanilla jsで解説します。コードの全体像はcode sandboxで公開しています。 htmlを見てもわかりますがhtml要素だけ見ても少し複雑です。何度か過去にも解説したようにinput要素そのものは使わずにdiv要素を使ってゼロからこのス