ブラウザ、ネイティブアプリケーションでは当たり前の使われているDrag-and-DropですがUXPではイマイチサポートされていなかったり不明確だったりしたのです今回UXP9.2.0の更新ログが更新されたので調べてみました。まず今回のテスト環境は以下になります。 Photoshop 2026(27.4.0) UXP 9.2.0 MacOS Drag-and-Dropの基本 実装するにあたりDragとDrop以外にも複数のイベントがありそれぞれ適切にイベントを設定しないと要素のドラッグもしくはドロップがうまく動かない可能性があります。詳しくはMDNのページでも参考にしてください。またHTMLには
Photoshop UXPのドキュメントの更新ログが更新されました。（約半年ぶり）ログが溜まっていたのか色々更新項目があるのと久々すぎて取り上げるのも忘れそうになりましたが今回も調べました。 以下注意 UXP本体の機能にも触れますが基本Photoshopでテストしています。 2026年2月現在一部リンク切れの項目が公式の更新ログにてあります。 一部不明な項目と小さい変更点は取り上げていません。 WebView関係 manifestにallowを書かなくても良くなった 今までmanifestにallowをrequiredPermissions内に宣言しないとWebViewが動きませんでしたがUX
Premiere proのUXPが2025年11月に製品版対応になりました。 パブリックベータが2024年12月くらいに出てきたので約一年の期間を経ての製品版対応となりました。 公式のドキュメントサイトはこちらからご覧ください。 Media Encoder UXP?なんだっけそれ？ Premiere Pro UXPの実行環境 まず以下の環境が必要となるので注意してください。 Premiere Pro 25.6以上のバージョン UXP Developer Tools version2.2以上 特にUXP Developer Toolsが対象のバージョンになっているか気をつけてください。 環境設定
以前公開したElectronのapp、ScriptDisctionaryですがパッケージ化していないので以下の点で問題でした。 使用者にとってnpm installから始めるのがハードルが高い。 ターミナル立ち上げて使用するのが面倒。 Electron製なので少し重い。 ということでブラウザバージョンを開発しました。 Electron版からの変更点 ブラウザ版になってインストールの必要がなくなりURLにアクセスするだけで使用できるようになった点が一番の変更点ですが以下の点でも変わっています。 全てのclassが折りたたみ式に 気になったclassの説明文を見たいときはクリックすれば中身が開きま
正式版もリリースされたExtendScript ScriptDebugger 2.1.0ですが元々の開発ツール、Adobe ExtendScript Toolkitが終了して大分時間も経ちました。当初、Adobe ExtendScript Toolkitでは各種アプリケーションのオブジェクトモデルが調べられるメニューが「ヘルプ」の項目にありましたがこちらはExtendScript ScriptDebuggerにはありませんでした。しかし2.1.0でGet OMV Dictionaryなる機能が追加され、これは OMV Dictionary を持つアプリケーションからオブジェクトモデルを閲覧でき
今までなんとなく趣味でやってきた英語ですが2025年第一回英検一級に合格しました。今回勉強法と趣味の話を絡めたプログラミング、Adobe関係の話とは無関係の記事となります。 経歴 まず経歴ですが留学経験もなく大学も美大だったので専門的分野でもありませんでした。本当に趣味で英文のニュースを読んでいたりYouTubeを見ていたりして一級を受験する一年前に準一級を受けてみたら受かってしまったのでそのまま準一級合格後に段々一級を受けてみようと決意するに至って一年後に受験しました。 英検一級の受験内容 英検は基本公式の日本英語検定協会が過去問を公開しているのでそこから難易度と問題の内容を確かめることがで
UXPのCSS環境がIE以前の時代で止まっているという話は何度もしてきました。まだまだ大きな進歩はする気配がありませんが久しぶりにWebViewを使ってみたらCSS周りの環境がかなり変わっていました。ちなみに今回はPhotoshop26.8.1のUXP8.3.0で行っています。 WebViewとは？ 簡単に言えばIframeみたいなもので外部のサイトを指定した枠の中で表示する要素になります。詳しくは過去の記事をご覧ください。 それで前もって言っておきますとパネルのUI部分とPhotoshopのエンジン部分が別々になるのでシステムの構築が複雑になります。 どんなCSSが使えるのか 以下のようなC
Adobe Developer Liveにて今後のUXP関係のロードマップが示されました。かいつまんで紹介します。 ES6 module support 現状Node.jsのCommonJS形式のmoduleがサポートされていますが今後はES6形式のmoduleのサポートにも動いているみたいです。 Drag&Drop Enhancements おそらくネイティブのローカル上のファイルをDrag&Dropで受け取れるようにすることでしょうか。実現すればパネルとローカルのアクセスが便利になります。 Unhandled Promise Rejection Support 前回の記
2025年8月12日追記、ExtendScript Debugger2.1.0が正式にリリースされました。 Macが2026年のOSでRosetta 2の実装をやめるとかいう話も出て不安になるAdobe ExtendScript環境ですがVSCodeの拡張機能ExtendScript Debuggerは確かに2.0.3まではApple siliconには対応していませんでした。しかし2025年6月現在Apple silicon版対応が開発中でベータ版が公開されています。ベータ版なのでリンク先より直接ファイルをダウンロードして自身の手でインストールする必要がありますが実際に動かすことも可能です。
見てご覧の通りBlogのデザインを再び大幅に変えました。UXPやCEPと違って新しいCSSが使えるので自由度が飛躍的に高くなり別世界に近い環境下でCSS構築ができたので今回少しだけ触れます。今回完全バニラCSSでの構築で、今までブログ用にSassを使っていたのですが思い切って切り替えました。 CSSのネスト SassではできましたがCSSのネスト化も全てのモダンブラウザーの対応も完了して今回実際に使ってみました。 親要素から子要素の入れ子をそのまま書けるのでかなり便利です、といっても勿論やり過ぎるとあまり良くないですが。みてわかる通りメディアクエリも入れ子にできるのでレスポンシブルの対応も楽に
