エクスプレッションエディターの使用

最終更新日 : 2024年6月5日

エクスプレッションエディターの様々なオプションを使用して、エクスプレッションをカスタマイズします。

エクスプレッションエディターのコードエディターインターフェイスをカスタマイズできます(カスタムカラー、行番号、コードの折りたたみおよびオートコンプリートによる JavaScript 構文のハイライトを含む)。 これらのオプションをカスタマイズするには、After Effects設定スクリプトとエクスプレッションを選択します。

スクリプトとエクスプレッションダイアログ
環境設定ダイアログボックスのスクリプトとエクスプレッションのペイン。

エクスプレッションエディターコードインターフェイス

JavaScript 構文の構文強調表示と After Effects のメソッドおよびプロパティをカスタマイズします

構文のハイライトをカスタマイズ
構文のハイライトをカスタマイズ

  • 様々な種類の構文、背景、テキストの選択にカスタムカラーを割り当てたり、テキストの選択のアルファ(不透明度)を調整したりできます。 スポイトアイコンを選択して、カラーホイールからカラーを選択します。
  • 使用可能な様々なテーマに基づいて、エクスプレッションエディターの外観をカスタマイズできます。 テーマ ドロップダウンリストを選択して、テーマから選択します。 カスタムテーマを保存することもできます。

環境設定を編集

環境設定を編集
環境設定を編集

UI では、エクスプレッションのスニペットとテキストエディターの外観を制御できます。 これらの環境設定を使用して、フォントサイズの編集、構文強調表示、インデントの調整などを行います。

コードプレビューボックス

コードプレビューボックス
コードプレビューボックス

構文のカラーおよびその他のエディター環境設定に対するすべての変更は、このコードプレビューボックスでライブプレビューできます。

ヒント

throw を使用してエクスプレッションをインラインでデバッグします。 これは、エクスプレッションエディターフィールド内のコードエラーを表示して時間を節約し、効率的なデバッグを確実に行う場合に便利です。

throw でエクスプレッションをインラインでデバッグ
throw でエクスプレッションをインラインでデバッグ

例 1:コードスニペットでのエラーの表示

エクスプレッションスニペットを含むコンポジションを After Effects で開きます。

タイムラインパネルで、レイヤーを選択し、エクスプレッションエディターフィールドにエクスプレッションを表示するには、Alt キーを押しながらクリックします。

エクスプレッションエディターフィールド
エクスプレッションエディターフィールド

エディターフィールドを選択して、編集モードに移行します。

エディター内でクリックして、エクスプレッションエディターでの編集を有効にする
エディター内でクリックして、エクスプレッションエディターでの編集を有効にする

この例では、最初の行の MILE を選択して、小文字の mile に変更します。 これにより、コード内でエラーが発生し、After Effects によってコードスニペット内にエラーメッセージが表示されます。

コードスニペットに表示されたエラーメッセージ
コードスニペットに表示されたエラーメッセージ

また、エラーが発生した行番号に関する詳細を含むエラーバナーが表示されます。

エラーバナー
エラーバナー

例 2:一般的に使用されるコンポーネントに基づいた自動修正候補

同じエクスプレッションで、レイヤー名を mile から MILE に変更します。

入力するたびに、プロジェクトのレイヤー名から取り込んだ候補のセットを含むドロップダウンリストが表示されます。

レイヤー名の自動修正候補
レイヤー名の自動修正候補

コンポジション名、レイヤー名、フッテージ名およびエフェクト名は、すべてオートコンプリートに取り込まれ、それぞれ comp()layer()footage() および effect() メソッドの修正コンテキストに表示されます。 これにより、プロジェクトでアイテムを参照する間、エクスプレッションのアクティブな状態を維持できます。 タイムラインをスクロールしたり、他のパネルを開いたりして、ピックウイップを使用するプロパティやアイテムを参照する必要はありません。

その他のエクスプレッション関連リソース

ここまでで、エクスプレッションの背景となる概念を理解したので、今度はコミュニティにアクセスして実例を参考にしたり、自分の作品を共有したりしてください。

AE Enhancers フォーラムには、エクスプレッションの多くの例や情報、スクリプトやアニメーションプリセットも公開されています。