JSX ファイル形式とは？
Adobe エコシステムにおける .jsx ファイルは、ExtendScript 自動化スクリプト です。これは Photoshop、Illustrator、InDesign、After Effects などの Adobe Creative Cloud アプリケーションを制御するための JavaScript ベースのプログラムです。ExtendScript は ECMAScript 3 (モダンな ES6+ ではない) に基づいており、Adobe 固有の DOM (app、document、layer などのオブジェクト) や、シンプルなダイアログインターフェースを構築するための File、Folder、ScriptUI などのユーティリティクラスで拡張されています。
スクリプトは通常、どのアプリケーションを対象にするかを ExtendScript エンジンに伝える #target ディレクティブ (例: #target photoshop) で始まります。一般的なタスクには、ファイルのバッチ書き出し、レイヤーのリサイズ、テンプレートからの PDF 生成、繰り返しの制作ワークフローの自動化などがあります。
.jsx 拡張子は、React の JSX (JavaScript XML) ソースファイルでも使用されますが、これは完全に異なるコンテキストです。.jsx ファイルに遭遇した際、周囲のプロジェクト (Adobe のスクリプトフォルダか、Web 開発プロジェクトか) によってその意味が決まります。
ExtendScript ファイルのコンパイルおよび難読化された形式は .jsxbin であり、ソースコードを隠しながら Adobe エンジンで実行可能な状態を維持します。スクリプトは、アプリケーションの «スクリプト» メニュー、VS Code の ExtendScript Debugger 拡張機能、または BridgeTalk アプリケーション間メッセージングを介して実行できます。
Adobe は徐々に ExtendScript をモダンな JavaScript エンジンを使用する UXP (Unified Extensibility Platform) に置き換えていますが、ExtendScript は依然としてほとんどの現在の Creative Cloud アプリケーションでサポートされています。
セキュリティと安全性
リスク： MEDIUM.jsx は実行可能なコードです。ExtendScript は (File/Folder オブジェクトを介して) ディスク上のファイルを読み書き、削除したり、ホストアプリを自動化したりできるため、信頼できないソースからの .jsx の実行は有害な可能性があります。まずテキストエディタでスクリプトを検査し、ファイルシステムやネットワーク操作に注意してください。信頼できるスクリプトに対してのみ «スクリプトによるファイルへの書き込みとネットワークへのアクセスを許可» を有効にしてください。React の .jsx ソースも単なるコードであり、ビルドツールを実行する前に同様の注意が必要です。
形式の詳細
概要- React JSX (JavaScript XML) - JavaScript と XML 風のマークアップを混合した React コンポーネント用のソースファイル。Babel によってトランスパイルされ、Adobe とは無関係です。
- JSX 構文を使用する汎用 JavaScript - JSX 構文を使用する任意の JS ツールチェーンファイル (Preact、Solid など)。開発者用ソースファイルであり、Adobe スクリプトではありません。
JSX ファイルを開くプログラム
Windows4 apps
Adobe After Effects
有料 «ファイル > スクリプト > スクリプトファイルを実行…» から .jsx を選択します (フルアクセスには «スクリプトによるファイルへの書き込みを許可» を有効にします)。 
Visual Studio Code (+ ExtendScript Debugger)
オープンソース スクリプトの読み取り/編集のために開きます。実行/デバッグには Adobe の ExtendScript Debugger 拡張機能をインストールしてください。 
macOS2 apps
Visual Studio Code (+ ExtendScript Debugger)
オープンソース スクリプトの読み取り/編集のために開きます。実行/デバッグには Adobe の ExtendScript Debugger 拡張機能をインストールしてください。 技術的詳細
詳細仕様| エンコーディング | テキスト、UTF-8 (BOM 対応)。レガシーファイルは ASCII または Latin-1 を使用する場合があります |
| コンテナ | プレーンテキスト |
| 暗号化 | なし (コンパイル/難読化されたバリアントは .jsxbin) |
| 一般的なサイズ | 1 KB - 数百 KB |
| スクリプト言語 | Adobe DOM 拡張 (app、document、layer オブジェクト) を備えた ECMAScript 3、およびダイアログ構築用の ScriptUI |
| ターゲットディレクティブ | オプションの #target <アプリ名> または //@target プリプロセッサ行により、スクリプトを正しい Adobe アプリケーションにルーティングします |
| コンパイル形式 | .jsxbin - ソースコードを隠しながら Adobe エンジンで実行可能な状態を維持する、エンコード/保護されたバイナリ形式 |
| 関連 OS | Windows, macOS |
| ランタイム | Creative Cloud アプリに組み込まれた Adobe ExtendScript エンジン。VS Code ExtendScript Debugger 拡張機能経由でデバッグ可能 |
| 後継形式 | 新しい Creative Cloud アプリにおけるモダンな JavaScript エンジンを使用した Adobe UXP (Unified Extensibility Platform) |
| 名称の衝突 | .jsx は React JSX (JavaScript XML) ソースファイルにも使用されます。これは Adobe とは関係のない完全に別の形式です |
| リリース日 | Early 2000s (Adobe Creative Suite scripting; ExtendScript based on ECMAScript 3) |
| 最新バージョン | ExtendScript (ECMAScript 3-based) with the ExtendScript Toolkit/VS Code debugger; modern UXP is its successor |
| オープンスタンダード | はい · ロイヤリティフリー |
| 仕様書 | extendscript.docsforadobe.dev |
JSX の変換
コミュニティ Q&A
ユーザーからの質問まだ質問はありません。JSX ファイルについて最初の質問をしてみましょう。
