devs Tools / GSAP Studio / Reference

GSAP Studioの9つの出力形式

同じAnimation ProjectをVanilla、CDN、CodePen、WordPress、React、Vue、Section Composer、Project JSON、QA手順へ変換します。

9References ツールを開く
output · GST-OUT-VANILLA_ESM

Vanilla ESM

npm/Vite向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-CDN_HTML

CDN HTML

single page向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-CODEPEN

CodePen bundle

HTML/CSS/JS tabs向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-WORDPRESS

WordPress

enqueue/shortcode向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-REACT_USEGSAP

React useGSAP

React component向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-VUE_COMPOSABLE

Vue composable

Vue SFC向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-SECTION_COMPOSER_MOTION

Section Composer Motion

bridge JSON向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-PROJECT_JSON

Project JSON

canonical archive向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20
output · GST-OUT-QA_RUNBOOK

QA Runbook

verification向けに、同じAnimation Projectを再現可能な実装ファイルへ変換するAdapterです。

v1.0.0 · Verified 2026-07-20

How to read

固定IDと根拠を、実装コードと一緒に確認する

Pattern(完成構造)は作り方、Rule(品質ルール)は症状と原因、Reference(構文)は値の意味、Output Adapter(出力変換)は環境別の導入方法を担当します。似た検索意図を同じページへ詰め込まず、各ページからGSAP Studioと関連項目へ戻れる構造にしています。