【第3回】 お勉強垂れ流しラジオ

2025/04/12(土)20:00 〜 22:00 開催
ブックマーク

イベント内容

🎨 GSAP もくもくラジオ垂れ流し 🎨

概要

でびる氏とすずくま氏が ライブコーディング形式 でもくもく GSAP の勉強をします!
初めてのアニメーションライブラリ「GSAP」に困惑する様子がご覧になれます!💻✨

こんな方におすすめ!

  • GSAP を使ったことがないけど興味がある方
  • Web アニメーションを実装してみたい方
  • React / Next でのアニメーションに挑戦したい方
  • 時間を持て余している人
  • GSAP の有識者で困っている二人を助けたい人

内容

  • GSAP の基本的な使い方
  • すずくま氏 & でびる氏による ライブコーディング
  • 実際に手を動かしてアニメーションを実装

参加方法

📍 YouTubeLive hackbrew (ハックブリュー)
📍 コミュニティ: hackbrew (ハックブリュー)
イベントへの参加や質問などは hackbrew Discord でご案内します!🔗


🎬 GSAP (GreenSock Animation Platform) とは?

GSAP は、ウェブサイトやアプリケーションで 高度なアニメーション を作成できる JavaScript のアニメーションライブラリ です。


GSAP の特徴

1️⃣ パフォーマンスが高い

  • CSS アニメーションや jQuery よりもスムーズな動作。
  • GPU アクセラレーションを活用し、カクつきを抑える。

2️⃣ 強力なタイムライン機能

  • アニメーションの開始・終了タイミングを細かく制御可能。
  • 複数のアニメーションを連携し、シーケンスを作れる。

3️⃣ 柔軟なイージング (緩急) 効果

  • ease-in, ease-out だけでなく、独自のカスタムイージングも設定可能。

4️⃣ SVG / Canvas / WebGL 対応

  • HTML, CSS のみならず、SVG や Three.js と組み合わせた高度なアニメーションが可能。

5️⃣ スクロール連動アニメーション (ScrollTrigger)

  • スクロール位置に応じたアニメーションを簡単に実装できる。

6️⃣ モジュール化 & プラグインシステム

  • 公式プラグインを利用することで、テキストアニメーションや 3D 効果も実装可能。

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。

関連するイベント