After Effectsのエクスプレッション入門【2026年版】キーフレームなしで動かす基本とコピペで使える5つ

After Effectsを触っていると、解説サイトやYouTubeで wiggle(2,30) のような短い呪文が出てきます。これがエクスプレッションです。日本語にすると「プロパティに書いておく計算式」で、書いておくとキーフレームを1つも打たずにレイヤーが動きます。

ただ、初心者の方がつまずくポイントは決まっています。「入れ方が分からない」ではなく、「コピペしたのに動かない」のほうです。この記事では、基本操作と定番の式を押さえたうえで、動かない時の切り分け方まで解説します。プログラミングの知識は不要です。

---

✅ 先に結論

• エクスプレッションはプロパティのストップウォッチを Alt（Macは Option）＋クリックで追加します。
• まず使うのは wiggle（揺らす）と time（回し続ける）の2つで十分です。
• コピペして動かない一番の原因は、日本語版と英語版でレイヤー名・プロパティ名が違うことです。
• 黄色い警告マークが出たら、その式は止まっている（無効になっている）合図です。
• 重くなったらキーフレームに変換して式を消せば軽くなります。

🧭 エクスプレッションとは何か（キーフレームとの違い）

エクスプレッションは、レイヤーのプロパティ（位置・回転・不透明度など）に対して「この値をこう計算して決めてね」と書いておく短い指示です。書いておくと、After Effectsが再生のたびに自動で値を計算してくれます。

ざっくり言えば、「同じような動きをずっと続けたい」ならエクスプレッション、「ここでピタッと止めたい」ならキーフレームです。どちらが上ということはなく、併用します。

⌨️ 入れ方・消し方の基本操作

操作自体は一瞬で覚えられます。ストップウォッチのアイコンを Alt を押しながらクリックするだけです。

エクスプレッションを追加する

1. タイムラインでレイヤーの三角（▶）を開き、トランスフォームなどのプロパティを表示する
2. プロパティ名の左にあるストップウォッチ（⏱）を Alt＋クリック（Macは Option＋クリック）する
3. タイムライン右側に赤い文字の入力欄が開くので、そこに式を書く
4. 入力欄の外側をクリックするか、テンキーの Enter で確定する

エクスプレッションを一時的に止める／消す

式を追加すると、入力欄の左側に小さなアイコンが4つ並びます。それぞれの役割は次のとおりです。

完全に消したい時は、もう一度ストップウォッチを Alt＋クリックします。式が削除され、プロパティは元の値に戻ります。

✨ まず覚える5つの式

エクスプレッションは数え切れないほどありますが、VTuberの配信素材や動画編集で実際に使うのはほぼこの5つです。上から順に使用頻度が高い順に並べています。

1. wiggle｜ゆらゆら揺らす

最初に覚えるならこれです。手ブレ風の揺れ、待機画面のゆらぎ、テキストのふわふわした動きなど、用途が非常に広い式です。

wiggle(2, 30)

カッコの中の数字は左が「1秒あたり何回揺れるか」、右が「最大でどれだけ動くか」です。上の例は「1秒に2回、最大30ピクセル動く」という意味になります。

位置プロパティに入れると場所が揺れ、回転に入れると角度が揺れ、不透明度に入れるとチカチカします。入れるプロパティを変えるだけで表現が変わるのが面白いところです。

2. time｜止まらずに回し続ける

time は「コンポジションの現在時刻（秒）」を表します。回転プロパティに入れると、キーフレームなしで永久に回り続けます。

time * 60

「1秒あたり60度回る」という意味です。数字を大きくすれば速く、マイナスにすれば逆回転になります。ローディングのぐるぐる、風車、装飾リングなどに使えます。

3. loopOut｜キーフレームの動きを繰り返す

すでにキーフレームで作った動きを、最後のキーフレームの先でも繰り返させる式です。2秒ぶんのアニメーションを作れば、あとは何分でも自動で回り続けます。

loopOut() loopOut("pingpong")

そのまま書くと最初に戻って繰り返し、"pingpong" を入れると行って戻ってを繰り返します。待機画面やループ背景の作り方はAfter Effectsのループアニメーション作り方で詳しく解説しています。

4. linear｜数値どうしを連動させる

「あるプロパティの値に合わせて、別のプロパティを変化させたい」時に使います。少し上級ですが、覚えると一気に自動化が進みます。

linear(thisComp.layer("コントロール").transform.position[0], 0, 1920, 0, 100)

これは「コントロールという名前のレイヤーが左端から右端まで動く間に、この値を0から100まで変化させる」という意味です。スライダーで複数のレイヤーをまとめて操作したい時に使います。

5. index｜レイヤーごとに動きをずらす

index は「そのレイヤーがタイムラインで上から何番目か」を表す数字です。同じ式を複数のレイヤーに貼っても、レイヤーごとに結果がずれます。

time * 60 + index * 30

これを複数のレイヤーの回転に入れると、全部が同じ速さで回りつつレイヤーごとに30度ずつ角度がずれた状態になります。並んだアイコンを少しずつずらして動かしたい時に、レイヤーごとに数字を書き換えなくて済むのが利点です。

同じ考え方で、装飾の登場タイミングを1枚ずつずらす、といった使い方もできます。文字単位のアニメーションについてはAfter Effectsのテキストアニメーション入門もあわせてどうぞ。

🔗 コピペせずに書く方法（ピックウイップ）

「別のレイヤーの動きに合わせたい」だけなら、式を書く必要はありません。ピックウイップ（渦巻きアイコン）をドラッグするだけで、After Effectsが式を自動で書いてくれます。

1. 動かしたい側のプロパティに、ストップウォッチ Alt＋クリックでエクスプレッションを追加する
2. 入力欄の左にある渦巻きアイコンをドラッグする
3. 参照したいレイヤーのプロパティの上でマウスを離す
4. 入力欄に thisComp.layer("〜")… という式が自動で入る

これで、参照元を動かすと参照先も一緒に動くようになります。ヌルオブジェクト（何も表示されない操作用のレイヤー）と組み合わせると、複数のレイヤーを1つのコントロールでまとめて動かせます。ヌルを使った追従の考え方はAfter Effectsのモーショントラッキング入門でも触れています。

🚧 コピペしたのに動かない時の3大原因

ここが本題です。ネットで見つけた式をコピペして黄色い警告マークが出るとき、原因はほぼ次の3つに絞れます。上から順に確認してください。

原因1：日本語版と英語版でレイヤー名・プロパティ名が違う

これが圧倒的に多い原因です。海外のチュートリアルや英語版After Effectsで書かれた式は、レイヤーやプロパティを英語名で指定しています。日本語版のAfter Effectsは日本語名でしか認識しないため、そのままではエラーになります。

ポイントは、「ダブルクォートで囲まれた名前」だけが日本語化の対象だということです。transform や position のようなドットでつなぐ部分は英語のままで動きます。

迷ったら、自分のプロジェクトで実際にピックウイップを一度使ってみて、自動で書かれた名前をコピーするのが確実です。自分の環境の正しい表記がそのまま手に入ります。

原因2：エクスプレッションエンジンの設定が古い

After Effectsには、式を計算する仕組み（エクスプレッションエンジン）が2種類あります。

ネットで拾ったテンプレートを開いた時など、心当たりがあれば設定を確認してください。

1. メニューのファイル →「プロジェクト設定」を開く
2. 「エクスプレッション」タブを選ぶ
3. 「エクスプレッションエンジン」を JavaScript に変更する

原因3：全角文字が混ざっている

ブログやSNSからコピーした式は、カッコや引用符が全角になっていることがあります。見た目はほとんど同じですが、After Effectsは別の文字として扱うためエラーになります。

• カッコ：（ ）ではなく ( )
• 引用符：” ”ではなく " "
• カンマ：、ではなく ,
• スペース：全角スペースが紛れ込んでいないか

怪しい時は、いったん式を全部消して手で打ち直すのが一番早いです。wiggle(2,30) のような短い式なら数秒で済みます。

それでも直らない時の確認手順

1. 黄色い警告マークをクリックして、エラーの内容と行番号を読む（英語ですが、引用符で囲まれた名前部分だけ見れば十分なことが多いです）
2. 参照しているレイヤー名をタイムラインの表示と1文字ずつ見比べる（末尾の半角スペースも原因になります）
3. 参照先のレイヤーを消したり名前を変えたりしていないか確認する
4. 式を短く分解して、どの行でエラーになるかを切り分ける

🎤 配信素材での実際の使いどころ

式を覚えても「で、何に使うの？」となりがちなので、個人VTuberの制作でそのまま使える場面を挙げておきます。

共通するコツは、数値を「気づかない程度」に抑えることです。配信画面は長時間映り続けるので、大きな揺れは目が疲れます。位置なら数ピクセル、回転なら数度から試してみてください。OP動画の作り込みについてはVTuberのOP動画をAfter Effectsで作る完全手順も参考になります。

🐢 エクスプレッションで重くなった時

エクスプレッションは再生のたびに毎フレーム計算されるため、数が増えるとプレビューが目に見えて重くなります。特に wiggle を大量のレイヤーに入れた場合は顕著です。

対処1：キーフレームに変換して式を消す

動きが決まったら、式のままにしておく理由はありません。キーフレームに焼き付けてしまえば、計算コストがなくなります。

1. 式が入っているプロパティを選択する
2. メニューのアニメーション →「キーフレーム補助」→「エクスプレッションからキーフレームへの変換」を選ぶ
3. 毎フレームにキーフレームが打たれ、エクスプレッションは無効になる

変換すると後から数値で微調整できなくなるので、変換前のコンポジションを複製して残しておくと安心です。

対処2：ヌル1つにまとめる

10枚のレイヤーそれぞれに wiggle を入れるより、ヌルオブジェクトに1つだけ入れて、10枚を親子付けするほうが圧倒的に軽くなります。計算が1回で済むためです。

対処3：作業中は「＝」でオフにする

編集中にどうしても重い時は、エクスプレッションを削除せず「＝」アイコンでオフにしておきます。書き出し前にオンに戻せば、式はそのまま残ります。

❓ よくある質問

プログラミングの勉強は必要ですか？

この記事で紹介した範囲なら不要です。関数名と数字を書き換えるだけで動きます。ただし if による条件分岐や変数を使い始める段階になると、JavaScriptの基本的な文法を知っていると理解が早くなります。まずは数字を変えて遊ぶところから始めてください。

式を入れたプロパティに、キーフレームも併用できますか？

できます。エクスプレッションはキーフレームで決まった値を受け取ってから計算するので、両立します。式の中で value と書くと、その時点のキーフレームの値を取り出せます。

たとえばキーフレームで左から右へ動かしているレイヤーの位置に wiggle(2,10) を入れると、その移動を保ったまま揺れだけが加わります。逆にキーフレームを完全に無視させたい場合は、value を使わず値を直接返す式（[960, 540] のような書き方）にします。

Premiere Proでもエクスプレッションは使えますか？

Premiere Proにはエクスプレッションの機能はありません。同等のことをしたい場合は、After Effectsで作ってから連携させます。両ソフトの使い分けはAfter Effects入門｜Premiere Proと連携してモーショングラフィックスを作る方法で解説しています。

式を入れたレイヤーを複製すると、参照先はどうなりますか？

複製したレイヤーは元と同じレイヤー名を参照したままです。参照先も一緒に複製した場合、名前に「2」などが付いて別レイヤーになるため、意図しない参照になることがあります。複製後は式の中のレイヤー名を必ず確認してください。

書き出す時にエクスプレッションが反映されないことはありますか？

正しく動作している式は書き出しにも反映されます。反映されない場合は、書き出し前の時点ですでに警告マークが出ていて式が無効になっているケースがほとんどです。書き出し前にコンポジション内の警告マークを一通り確認してください。書き出し手順そのものはAfter Effectsの書き出し方法完全ガイドにまとめています。

🔗 次に読むと制作が進む記事

• After Effectsのループアニメーション作り方｜loopOutを実際に使う場面
• After Effects イージング入門｜動きの気持ちよさを整えたい時に
• After Effectsのテキストアニメーション入門｜文字を1文字ずつ動かす
• After Effectsのモーショントラッキング入門｜ヌルを使った追従の考え方
• After Effectsが重い・プレビューがカクつく時の対処法｜動作が重くなったら

📚 参考にした情報

• Adobe公式：エクスプレッションの基本
• Adobe公式：エクスプレッションを編集する
• Adobe公式：エクスプレッションエンジン間の構文の違い
• Adobe公式：エクスプレッション言語リファレンス
• Adobe公式：エクスプレッションの例