【After Effects】エクスプレッションの入門の入門【非プログラマー向け】

非プログラマーの私が、同じくプログラミングの経験がない映像クリエイターの方に向けて、エクスプレッションについて苦労したことと学んだことをご紹介します。

エクスプレッションとは？

エクスプレッションとは、いわばプログラミングの一種です。

エクスプレッションは、JavaScript 言語というプログラミング言語を基に作られているそうです。

しかし、YouTubeなどでAfter Effectsのチュートリアルを勉強しているとき、最も苦戦するのが「エクスプレッション」ですよね！？

ちなみに公式では、

エクスプレッション言語は、標準の JavaScript 言語に基づいていますが、エクスプレッションを使用するために JavaScript の知識は必要ありません。ピックウイップを使用するか、エクスプレッションの単純なサンプルをコピーして変更するだけで、エクスプレッションを作成できます。

エクスプレッションの基本

「エクスプレッションを使用するために JavaScript の知識は必要ありません。」とあります。

ソラくん

いや、コレ嘘です(笑)

確かにチュートリアル通りに入力またはコピペすれば再現は可能ですが、これではぜんぜん応用が利きません！

サクちゃん

ちょっと自分なりに変更を加えようとすると、エラーが頻発します

私はエクスプレッションを「とにかく色々いじって、感覚で覚えていこう！」と頑張ってみたのですが、効率が悪かったと感じました。

「エクスプレッションを使ってみたい！」とお考えの方には、

まずは「最低限のJavaScriptの知識」を勉強しておくことをオススメします！

エクスプレッションを書く時の基本ルール

エクスプレッションを勉強するうえで、まず覚えておきたいのがコードを書く際のルールです。

今回はエクスプレッションの基となっているJavaScriptの基本ルールについて、

空白や改行

エクスプレッションには、空白や改行がよく使われています。

空白や改行自体にはコードとしての意味はなく、コード文を読みやすくするために使われています。

そのため、基本的に自由に式中や文中に挿入することができます。

なので、After Effectsのチュートリアルを勉強しているときも、スペースの数を数えたり、改行の位置を合わせる必要はありません！

ただし、単語の途中で空白を入れたり改行するとエラーになるので注意してください。

よく使う3つの記号

この3つが重要です

セミコロン「;」カンマ「,」ピリオド「.」

この3つはとてもよく使う記号なのですが、感覚的に覚えているとよく打ち間違えてエラーを起こすので、整理して覚えておきましょう！

この中で、私が特に苦戦したのはセミコロン「;」です。

実はエクスプレッションでは、文末にセミコロンを付けない場合でも正常に動作します。

しかしセミコロンを付けずにコード文を改行した場合、意図しない位置で文が区切られて予期しないエラーが起きることがあります！

逆に、セミコロンがないためエラーが出るコード文なのに、改行によりエラーが出なくなる場合もあります！

例えば、よく使う「if else構文」

下記は、「チェックボックスで表示のON/OFFを切り替える」という制御ができます。

私は上記のルールを知らず、「なぜか分からないがエラーが出る時」と「なぜか分からないがエラーが出ない時」があり、非常にスッキリしない不思議な気持ちになりました。

ソラくん

かなり長い期間悩んで時間を浪費してしまいました・・・

チュートリアルで学んだエクスプレッションを引っ張り出して、自分で作った別のプロジェクトに貼り付けるということはよくあると思います。

まとめ

今回は、「エクスプレッションの入門の入門」として、非プログラマーの私がエラーで苦しんだ「空白や改行」「よく使う3つの記号」の使い方と意味についてご紹介してきました。

After Effectsエクスプレッションは本当に奥が深く、私自身もまだまだ使いこなせておりません。

結局のところ、使いながら感覚を掴んでいくしかないのだと思いますが、「最低限のJavaScriptの知識」を勉強しておく方が効率的です。

最後までお読みいただいて、ありがとうございました。

今回の記事に参考になれば幸いです！