フロントエンドカンファレンス名古屋 2026
セッション(30分)

AI時代のCSSアニメーション実装論

junpai_code 長尾准誠 junpai_code

Apple製品の紹介ページや映像作品のLPでは、React登場以前からjQuery/GSAP等で「スクロール演出・トランジション多めのCSSリッチなLP」(通称、クリエイティブ系)が作られてきました。その実態は熟練のマークアッパーがアニメーションの状態・タイミング・イベントを泥臭く調整する試行錯誤です。

実現したい要件をほとんどCoding Agentが実装してくれる2026年でも、複雑なアニメーション付きのマークアップをAIだけで仕上げることは困難を極めます。(要件を自然言語などで伝えることが困難なため)

本セッションでは、最近のフロントエンド環境に合わせて主要なアニメーションライブラリ(GSAP/Motion/Anime.jsなど)を比較、選定を行い
Coding Agentと一緒にクリエイティブ系LPを効率よく作るための実装パターンを紹介します。