最近CSSの進化がすごいですね。カスケードレイヤー、コンテナクエリ、sin、cos関数と次々と大幅な機能が追加されています。IEのサポートが終わって以来IEを意識する必要が無いため今後新しいCSSがどんどん取り入れられるでしょう。 今後どんどん使われれそうなCSS 任意の要素の幅などを分岐点として特定の要素のCSSを変えることができるようになるコンテナクエリ、CSSの入れ子がSass無しでもできるCSSネスト、簡素に中央の配置ができるdisplay:gridのplace-content: centerなど色々あります。複雑なレイアウトを組むわけでなくてもCSSネストなんかは特別な環境設定を行わ
Photoshop 24.5のベータ版が出ました。それに伴いUXPの公式ドキュメントも更新されたので新しい機能を追ってみます。 UXP7.0とは UXP7.0は何度か言及していますがPhotoshopUXPのAPIと違いファイルシステムやHTML,CSS関連のベースとなるUXP本体のバージョンです。他のアプリケーションも同様専用のAPIとは別にUXP本体のバージョンがあるので他のアプリケーションのUXPバージョンも上がればおそらくほぼ同じものが使えると思います。 今回追加されたもの 公式のドキュメントにまとめられていますが主に以下のようなものが追加されました。 WebComponents関連の
Adobe UXPプラグインUIを作る場合Spectrum UXPというAdobeが最初からUXPに既に用意しているパーツを使用して開発できます。(後述しますがSpectrum UXPとAdobe Spectrum WebComponentsは別物) サンプルのパネルUI。各パーツはSpectrum UXPで構成されている。 このパーツを使い、細かいパーツのデザイン、レイアウト等一から作成しなくても既存のパーツを使えるので楽です。かなりこだわりがある方ならまだしもデザインに対してそこまで考えたくない方は便利ではないでしょうか。しかしこのSpectrum UXPですが用意されているというよりも埋
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モード
