【商品概要】 スクロールで要素が「ふわっと」表示されるテンプレの2種セットです。 環境に合わせて、GSAP版とIntersectionObserver（バニラJS）版を使い分けできます。 【このセットのメリット】 ・外部ライブラリを使える環境 → GSAP版で表現の幅を広げられる ・外部ライブラリが使えない環境 → バニラJS版で軽く・確実に導入できる ・案件・授業・配布など、状況が変わっても困りにくい構成です。 【単品で揃えるよりお得】 GSAP版（980円）＋バニラJS版（680円）＝合計1,660円 このバンドルは 1,480円（180円お得）です。 【セット内容】 ・GSAP版：演出の自由度・調整の幅を取りたい方向け ・IntersectionObserver版（バニラJS）：外部ライブラリ不要で軽く入れたい方向け 【特徴（事故りにくい設計）】 ・初期状態は「見える」が標準です。 ・JSが読み込めない環境でも真っ白になりにくい設計にしています。 【こんな人に向いています】 ・案件や環境で、外部ライブラリが使える／使えないが分かれる ・まずはシンプルに入れて、必要なら演出を強めたい ・自分用のMy辞書として、再利用できる型を揃えたい ・授業・教材で「2パターンの実装」を見せたい 【使い方（最短）】 ・00_README_START_HERE.txt を読む ・01_GSAP_version / 02_IntersectionObserver_version の demo を開いて動作確認 ・自分のHTMLに class="js-reveal" を付け、CSS/JSを組み込み 【どっちを使えばいい？】 ・外部ライブラリなしで、軽く・確実に入れたい → バニラJS版 ・表現の自由度や調整幅を取りたい → GSAP版 迷ったら、まずバニラJS版で入れて、必要になったらGSAP版に差し替えるのが安全です。 【収録物】 ・各版のサンプル一式（HTML / CSS / JS） ・00_README_START_HERE.txt（選び方・最短手順） ・99_LICENSE_TERMS.txt（利用範囲） ・CHANGELOG.txt（更新履歴） 【動作環境】 ・バニラJS版：IntersectionObserver対応ブラウザ ・GSAP版：GSAPを読み込める環境（詳細は同梱README参照） 古いブラウザまで広く対応したい場合は、追加対応（ポリフィル等）が必要になる場合があります。 【利用範囲（要点）】 ・ご自身の制作物（ポートフォリオ／案件／社内サイト／授業資料など）に組み込みOK ・コードの再配布・転売は不可（詳細は 99_LICENSE_TERMS.txt）