AfterEffects Script Typescriptで書きWebpack5でTranspile

すでに色々な情報がネット上に出回っているので
あえてエントリーする必要はないとおもいますが、私的な備忘録も兼ねて。

現状はできると楽!って感じのレベルのスクリプトどころか、検証用しか書いてませんが
スタジオポメロのwebリニューアルでTSを書きはじめたので、
映像の方にも活かせるなら、、、と考え
せっかくなんで調べて環境を作ってみました。そしてできるもんです。
これでTSにも日常的に触れていくことができそうです。

そもそもが、TSを使い始めたばかりでもあるのでtsconfig.jsonの設定などイマイチちゃんと理解できておらず
AE用のスクリプトを書いて初手からトランンスパイルしてエラーが吐き出されてました。

app.project

これでエラーがでてしまうんじゃ何もできません。打つてなしだ。お手上げ、終了ですw

ですが、ExtendScript用のモジュールを追加し、webpackやtsを諸々設定をすることで
問題なくAE用のScriptを書くことができました。

ググると必要モジュールにbabelにまつわるモノが多いんですが
現状は特に入れなくてもes3に対応した形になっている感じです。
不具合などなく使えるようになった暁には、package.json、tsconfig.jsonなどの環境も
備忘録としてまとめたいと思っています。

productionモードでバンドルを実行すると可読性が著しく低くなり
minifyされた状態になるのでソースを暴かれたくない場合には有効な感じもします。

ひとまずは過去に書いたスクリプトでゴチャつきがひどいモノがあるので
検証がてらそれらをCurorEditorのChatGPTの力も借りつつTSで書き直してみようかなーと考えています。

※余談ですが、webpack本来のモジュールバンドラーとしての機能はあまり使えなさそうな気がします。



コメントを書く