JSONをASEに変換
カラー JSON テキストデータを Adobe ASE バイナリスウォッチに変換することで、ウェブベースのデザイントークンとプロ向けデスクトップレイアウトアプリケーションをつなぎます。
フォーマットの比較と技術仕様
| 仕様 | JSON | ASE |
|---|---|---|
| MIMEタイプ | application/ | application/ |
| タイプ | 構造化データオブジェクト | Adobeスウォッチ交換 |
| 圧縮 | なし（テキストストリーム） | バイナリスウォッチブロック |
| 標準仕様 | IETF RFC 8259 / ECMA-404 | Adobe Swatch Exchange（ASE）仕様書 |
| マジックバイトヘッダー | 7B (\{) or 5B (\[) JSON root delimiter | 41 53 45 46 00 01 00 00 (ASEF v1.0 header) |
フォーマットの概要と用途
ウェブ開発者やアプリケーションプログラマーは、カラーテーマをプレーンテキストの JSON ファイル内に保存することがよくあります。これらの構造化されたテキストファイルは、キーと配列を使用して色の名前と値を保持します。Adobe Photoshop、Illustrator、InDesign で作業するグラフィックデザイナーは、これらの正確な色をソフトウェアパネルに直接読み込む必要があります。すべての HEX コードや RGB 値を手動で入力する代わりに、JSON ファイルを Adobe Swatch Exchange ファイルに変換することで、インポートプロセスを自動化できます。 デザインスタジオはこのパイプラインを使用して、ウェブアプリケーションと印刷レイアウトの間でブランドガイドラインを同期させます。製品チームがコードリポジトリ内のブランドパレットを更新すると、ビルドスクリプトはそのカラートークンを ASE ファイルに変換できます。これにより、印刷デザイナーやデジタルアーティストが手動でのエラーなしにまったく同じ色合いを使用できるようになります。
技術仕様とコーデックの詳細
カラー JSON ファイルは application/json MIME タイプを使用し、圧縮なしで人間が読めるテキストストリームとしてカラーデータを保存します。Adobe ASE ファイルは application/octet-stream MIME タイプを使用し、順番にパックされたバイナリスウォッチブロックを表します。ASE コンテナは、4 文字のマジックバイト署名 'ASEF'、4 バイトのバージョン番号、4 バイトのブロック数で始まります。ASE ファイル内の各カラーブロックには、ブロックタイプ識別子、長さ記述子、色の名前を表す null 終端の UTF-16 文字列、RGB や CMYK などの 4 文字の色空間署名、32 ビット浮動小数点数として保存されたチャネル値、カラータイプフラグが含まれています。JSON はデータをテキストとして保存し、ASE はデータを生バイナリバイトとして保存するため、変換にはテキスト値の解析、HEX または RGB 文字列の浮動小数点数への変換、および Adobe 仕様によって定義された厳格なバイナリ構造へのそれらの値のパッキングが必要です。
OSとブラウザの互換性
JSONパレットはテキスト編集ツールや開発ツールで編集できます。ASEファイルはAdobeのデザインアプリや一部のグラフィックツールでサポートされています。読み込みへの対応状況は製品やバージョンによって異なります。
役立つ情報
バイナリパッキングステージ中の解析エラーを防ぐために、変換前に必ず JSON カラー配列を検証し、すべての RGB 値が厳密に 0 から 255 の間に収まるようにしてください。
よくある質問
品質を落とさずにカラー JSON を Adobe ASE に変換するにはどうすればよいですか？
コンバーターは、対応する色名や値をASEのスウォッチに割り当てます。対象のデザインアプリで結果を確認してください。未対応のフィールド、グループ、メタデータは保持されない場合があります。
カラー JSON と Adobe ASE の違いは何ですか？
カラー JSON は、ウェブアプリケーションと人間の可読性を目的とした構造化されたテキストフォーマットです。Adobe ASE は、カラースウォッチをグループとブロックに整理するために Adobe クリエイティブソフトウェア専用に設計された独自のバイナリフォーマットです。