VsCodeでUXPのコードをチェックしてくれる拡張機能Validator for UXP (Beta)

もう大切なことなので何十回も言っていますがUXPのパネルはブラウザと同じシステムのようで実は別物です。かなり紛らわしいのでgrid-layoutとかいつもの感じで使おうとして実は使えないという問題に何度も直面した方も多いでしょう。ということでUXPのCSSとmanifest.jsonをバージョンに合わせて検査してくれるVsCodeの拡張機能がalchemistの開発者Jaroslav Bereza氏よりリリースされました。(Betaとついてはいますが) インストール VsCodeを使いこなしている方はいつものように拡張機能をダウンロード、インストールするだけです。Marketplaceのサイト

Read more

Adobe Express add-onの開発やってみた02

前回に引き続きExpressの拡張機能の開発です。今回は実際のコードに触れるわけですが前回一番シンプルなコードのテンプレートをnpxで引っ張ってきました。しかしこのテンプレート以外にもいくつかパターンのテンプレートが用意されています。 因みに前回のコマンドは以下のようなコマンドでした。 hello-worldはアプリケーションの名前で自分で好きな名前をつけられます。そして–template javascriptはjavascriptのテンプレートを使うというオプションだったのです。公式のドキュメントからコマンドのオプションが一覧で見れます。ReactやTypeScriptを使ったサ

Read more

UXP 7.4でWindow.alertが標準で使えなくなる?

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

Read more

Adobe Express add-onの開発やってみた01

最近Adobeが押しまくりのExpressです。メルマガでも最近Express Expressとノリノリ(死語)なアプリケーションです。それでそもそもExpressってなんぞやという方も多いでしょう。 Expressとは? Adobe ExpressとはFigmaみたいに基本ブラウザで動くアプリケーションで用途としてはブログ、SNS用の画像やビデオなんかを難しい知識がなくても用意されたテンプレートや簡単な機能を使って作れるというアプリケーションです。ライバルのアプリケーションはCanvaがそれにあたるのではないでしょうか。 Add-ons ここからが本題ですがAdd-onsとはAdobe Ex

Read more

ScriptによるAdobeアプリケーション間の連携、UXP、CEP、BridgeTalk、Vulcan.js

ようこそ2024年です。InDesignにもUXP Pluginの波がやってきてScriptのシステムも変化の波がやってきています。それで今回はAdobeアプリケーション間の連携についての記事になります。 現状使える選択肢 Scriptを使用したアプリケーション間の連携ですがBridgeTalkが一番有名でしょう。ExtendScriptのみで動くのでシンプルです。それで二つ目はExtension間で異なるアプリケーションでも通信が可能なVulcan.jsです。(Vulcan.jsの簡単な概要は過去の記事を、もしくは実際のコードのコメントを参照)通信以外にも他アプリケーションの稼働状況も確認で

Read more

Photoshop UXP Plugin 2023開発環境

2023年も終わりなのでここ最後にUXPのここ数ヶ月、最近更新された機能とか細かい仕様についての記事です。 Photoshop最近更新された機能 CC2024のメジャーアップデートに合わせるように以下のような機能が更新されました。 action recording PhotoshopアクションからScriptを実行できる機能が実装されました。詳しくは詳しくはこちらの記事へ。 本製品版でも使用できます。 Adobe UXP Developer Tools ver2 開発に仕様する専用アプリ、UXP Developer Toolsがver2にアップデートされて大幅に更新されてテキストエディターも搭

Read more

Electron アプリScriptDictionary

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

Read more

Illustrator Extension OmamoriForIllustrator(ベータ)

新しいIllustratorのExtensionのベータ版公開しました。 ファイル保存時に環境設定、ドキュメントのデータを調べてユーザの好ましくない環境下で保存されていたら警告します。 開発の経緯としてリンクの外れた画像の表示がアップデートで発見しづらくなったりバックグラウンドで保存をオンのままPDFを書き出すとバグで 内容が壊れる現象がIllustratorであるためそれらの事故を避けるためにプリセットやドキュメントの状態を保存時に調べて警告すれば良いのではないかと 思いました。詳しくは吉田印刷所さんがブログで詳しくまとめています。 尚今回のExtensionは過去に公開した配置画像の監視シ

Read more

UXP SWCの必要なモジュールが一通りインストールできるパッケージが公開されました。

インストールが複雑怪奇だったUXP SWCでしたが簡単にインストールできるパッケージが公開されました。UXP SWCですが一からインストールする場合、詳細について知りたい場合はこちらの記事を参照してください。パッケージのインストールからwebpackの設定まで一通り完成した状態でインストールできるの簡単に導入できます。Vanilla.JSとReactに対応したものが二種類公開されています。 ちなみにパッケージのURLは以下になります。InDesignもPhotoshopも対応しています。XD…? create-swc-uxp-app create-swc-uxp-react-app

Read more

UXPの型データが公開されました。

UXPの型データが公式から遂に公開されました。 過去にも公開されていましたが長い間更新されていなかったものと違って今回はUXP7.3対応らしいです。それで今回使った所感。 使い方 TypeScriptなので環境構築が必要です。webpackでやる場合は過去の記事のPhotoshop UXPでtypescriptを使うを参照してください。公式のページでも触れらている通り最低限以下のtsconfig.jsonの設定が必要です。 またuxpモジュールだけでなくfsモジュールやpathオブジェクトの型データも揃っています。 ただ現状は不完全な形での公開 ドキュメントでもまだ不完全な部分があると触れらて

Read more