Skip to main content
Inspiring
April 1, 2026
Answered

CEP

  • April 1, 2026
  • 5 replies
  • 247 views

VSCODE+CCextensionで作成したテンプレのボタンが表示されません

 

MAC OS 13.7.8 / Illustrator 2024 / VSCODE 1.113.0

 

VS CODEのCC extension builder で作成したテンプレートのボタンが表示されません。

manifest.xmlは編集済み(イラレ有効化)で、デバッグモードもONになっています。

ウインドウは表示されるのですが、ボタンが表示されない状況です。

久しぶりにCEPを試そうとしたところいきなり躓いています。

    Correct answer Ten A

    まずはこちらのコマンドで設定してみて下さい。

     

    defaults write ~/Library/Preferences/com.adobe.CSXS.12.plist PlayerDebugMode 1

     

    バージョンに関しては先のポストの通りver.18が設定されていれば最低バージョンとして認識されます。また、CSXSランタイムバージョンもアップコンパチなのでそのままで大丈夫です。あと、AppleSiliconマシンのPhotoshopはCEPをサポートしないので削除でOKです。

    5 replies

    SGT0001Author
    Inspiring
    April 3, 2026

    今回の検証をまとめておきます。
    イラレ2024のCEPをCC Extension Builderで作成する場合
    原因としては「extension.enableDebugModeコマンドがCSXS Version 11.0以降?の設定ファイルに効かない」これに尽きるようです。

    デフォルトではmanifest.xmlの<RequiredRuntime Name="CSXS" Version="9.0" />がVersion 9.0指定になっているので
    extension.enableDebugModeが効くのですが、実際にはcom.adobe.CSXS.11.plistの方にPlayerDebugMode 1を設定してやらないとCC2024側では
    デバッグモードがenable扱いになっていないという事のようです。

    ターミナルから以下を実行で解決します。
    defaults write ~/Library/Preferences/com.adobe.CSXS.11.plist PlayerDebugMode 1

    以下の部分はデフォルト設定のままで有効化して問題ありませんでした。
    <Host Name="ILST" Version="[18.0,99.9]" />

    色々と検証していただきありがとうございました。

    Ten A
    Community Expert
    Community Expert
    April 3, 2026

    アップされたマニフェストを最小限に調整してみました。

    Illustrator2024だと内蔵ランタイムはver12なのでCSXS12のデバッグモードの設定が必要かもしれません。

    バージョンレンジに関しては現在存在しないバージョンを指定しているとロード時にコケる場合があるので最低バージョンもしくはレンジを正確に記述にして下さい。また、AppleSiliconマシンならPhotoshopは省いてしまいましょう。

    あと、実際にCSXSフォルダから1つ上の階層のindex.htmlをブラウザで開いた時にどの様な表示になるかも確認して下さい。

     

    <?xml version="1.0" encoding="UTF-8"?>
    <ExtensionManifest Version="6.0" ExtensionBundleId="com.example.helloworld" ExtensionBundleVersion="1.0.0"
    ExtensionBundleName="testNew" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
    <ExtensionList>
    <Extension Id="com.example.helloworld" Version="1.0.0" />
    </ExtensionList>
    <ExecutionEnvironment>
    <HostList>
    <Host Name="PHXS" Version="16.0" />
    <Host Name="PHSP" Version="16.0" />
    <Host Name="ILST" Version="18.0" />
    </HostList>
    <LocaleList>
    <Locale Code="All" />
    </LocaleList>
    <RequiredRuntimeList>
    <RequiredRuntime Name="CSXS" Version="6.0" />
    </RequiredRuntimeList>
    </ExecutionEnvironment>
    <DispatchInfoList>
    <Extension Id="com.example.helloworld">
    <DispatchInfo >
    <Resources>
    <MainPath>./index.html</MainPath>
    <ScriptPath>./jsx/hostscript.jsx</ScriptPath>
    </Resources>
    <Lifecycle>
    <AutoVisible>true</AutoVisible>
    </Lifecycle>
    <UI>
    <Type>Panel</Type>
    <Menu>testNew</Menu>
    <Geometry>
    <Size>
    <Height>300</Height>
    <Width>300</Width>
    </Size>
    </Geometry>
    <Icons>
    <Icon Type="Normal">./icons/iconNormal.png</Icon>
    <Icon Type="RollOver">./icons/iconRollover.png</Icon>
    <Icon Type="Disabled">./icons/iconDisabled.png</Icon>
    <Icon Type="DarkNormal">./icons/iconDarkNormal.png</Icon>
    <Icon Type="DarkRollOver">./icons/iconDarkRollover.png</Icon>
    </Icons>
    </UI>
    </DispatchInfo>
    </Extension>
    </DispatchInfoList>
    </ExtensionManifest>

     

    SGT0001Author
    Inspiring
    April 3, 2026

    ありがとうございます。

    上記で試してみましたがやはり同じ状況です。

     

    >ver12なのでCSXS12

    <RequiredRuntime Name="CSXS" Version="6.0" />を12.0にすれば良いのでしょうか?

    com.adobe.CSXS.12.plistは現状こちらの環境に存在していません。

     

    >最低バージョンもしくはレンジを正確に記述

    AI 2024の場合は28.0指定で良いのでしょうか?

     

    >index.htmlをブラウザで開いた時に

    こちらは問題なくボタンが表示されます

     

    書き忘れていましたがAppleSiliconです

    Ten A
    Community Expert
    Ten ACommunity ExpertCorrect answer
    Community Expert
    April 3, 2026

    まずはこちらのコマンドで設定してみて下さい。

     

    defaults write ~/Library/Preferences/com.adobe.CSXS.12.plist PlayerDebugMode 1

     

    バージョンに関しては先のポストの通りver.18が設定されていれば最低バージョンとして認識されます。また、CSXSランタイムバージョンもアップコンパチなのでそのままで大丈夫です。あと、AppleSiliconマシンのPhotoshopはCEPをサポートしないので削除でOKです。

    SGT0001Author
    Inspiring
    April 3, 2026

    試しに他のMacで試してみました

    <Host Name="ILST" Version="[18.0,99.9]" />有効化、debugmode enable

     

    A:  OS 10.13.6, VS CODE 1.84.2, AI 2020

    B:  OS 15.7.5, VS CODE 1.114.0, AI 2024

     

    Aでは成功しましたが、Bでは自分の環境と同様に失敗しました

    Ten A
    Community Expert
    Community Expert
    April 1, 2026

    そのスクショの状態はPlayerDebugModeがうまく設定されていないように見えます。
    まずは

    ~/Library/Preferences/com.adobe.CSXS.9.plist

    が正しく設定されているかを確認下さい。

     

    SGT0001Author
    Inspiring
    April 1, 2026

    ありがとうございます

    内容は下のようになっています。

    <?xml version="1.0" encoding="UTF-8"?>
    <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
    <plist version="1.0">
    <dict>
        <key>PlayerDebugMode</key>
        <string>1</string>
    </dict>
    </plist>

    ajabon grinsmith
    Community Expert
    Community Expert
    April 1, 2026

    ここで確認事項をひとつひとつ提案して潰していくのも億劫なので、

    manifest.xmlの内容を転載していただいたほうがよいかもしれません。

     

    とりあえず、デバッグモードが確実にONになっているかは確認してみてください。

    Macintoch HD/ユーザー/<ユーザー名>/ライブラリ/Preferences/com.adobe.CSXS.x.plist(manifest.xmlで指定したCSXSバージョンに該当するもの)

    を開いて、

    <key>PlayerDebugMode</key>
    <string>1</string>

    となっているかどうか。

    経験上、VSCode上のコマンドでデバッグモードon/offした場合、CSXS11以降(うろおぼえ)は効かなかったはずです。

    SGT0001Author
    Inspiring
    April 1, 2026

    ありがとうございます。

     

    <RequiredRuntime Name="CSXS" Version="9.0" />で

    com.adobe.CSXS.9.plistは以下の通りになっています。

    <key>PlayerDebugMode</key>
    <string>1</string>

     

    現状イラレから表示したエクステンションは以下の様な状態です

     

    ajabon grinsmith
    Community Expert
    Community Expert
    April 1, 2026

    VSCode上でコマンド「Extension Creator: Create a new CC Extension」を実行されたでしょうか。

    テンプレはどれを選択しましたか?

    また自分の経験上の話ですが、topcoat以外はそのままだと動かなかった印象があります。