MotionLabで作ったアニメーション設定はJSONファイルで保存できます。 後から修正したい時・別のプロジェクトで使い回したい時も読み込むだけで即座に復元。 チームでアニメーションの設定を共有するのにも便利です😊 ・MotionLab idstock.net/motionlab/ #idstock #motionlab #gsap #webanimation #フロントエンド

スクロールに連動したアニメーションをコードなしで設定できます。 MotionLabのScrollTrigger機能ではトリガー要素・開始位置・終了位置・スクロール追従をGUIで設定するだけ。 デバッグマーカーがページ上に表示されるのでstart/endの位置を視覚的に確認しながら調整できます😊 ・MotionLab idstock.net/motionlab/ #idstock #motionlab #gsap #scrolltrigger #webanimation

複数の要素を順番に・または重ねて動かしたい。そんな時はMotionLabのタイムライン機能が便利です。 ステップを追加するだけで複雑なアニメーションシーケンスをビジュアルで構築できます。 Offsetを使えばアニメーションの重なりも自在。ドラッグでステップの順番も入れ替えられます😊 ・MotionLab idstock.net/motionlab/ #idstock #motionlab #gsap #webanimation #フロントエンド

Africa's creator economy is $3.1B and growing 6x by 2030. Small creators still can't access real production support. MotionLab fixes that. motionlab.polsia.app

久しぶりに会社のnoteを書いてみました。 GSAPアニメーションをコードなしで設計できるツール「MotionLab」を作りました｜株式会社アイデアソース note.com/ideasource_inc/n/n1…

作ったjaライブラリがまたちょっと伸びてる。少しでも伸びると嬉しい☺️ 対象要素のcss（z-index）に連動して、カメラのボケの様な効果が得られます。フォーマットサイズによってボケの効果も変わりますから、とくに写真・カメラ好きの方に分かりやすいと思います。 GSAPやMotionLabのdata-zにも対応しますから、アニメーションと組み合わせて使うと楽しいですよ。 ・DepthField npmjs.com/package/depthfield

GSAPアニメーションの対象要素を指定するとき、CSSセレクタを手打ちしていませんか？ MotionLabのエレメントピッカー（✏️）を使えばページ上の要素をクリックするだけでセレクタが自動入力されます。 複雑なセレクタも間違えずに取得できるので、アニメーション設計に集中できます😊 ・MotionLab idstock.net/motionlab/ #idstock #motionlab #gsap #webanimation #フロントエンド

GSAPとの連携でアニメーションの動きと、ボケのフィルター処理がひとつの要素で重なるとcssの兼ね合いで衝突するので、動かすためのwrapperとボカす子要素という感じで入れ子の対応となりました。 それに伴いMotionLabもプチバージョンアップしました。

カメラの「焦点距離・F値・センサーサイズ」の感覚で、ページ内のコンテンツの奥行きとボケを表現するjsライブラリ「depthfield」を公開しました。 カメラの知識・感覚を活かした、センサーサイズを意識したボケの演出ができます。各要素のdata-z（z-index）に対応して連動し奥行きを表現するので、Webサイトのコンテンツの見せ方のアクセントになると思います。 watchで監視すれば、z-indexの変化にも対応しますので、GSAPのアニメーションにも対応可能です。（MotionLabでも今後対応予定です） こちら無料MITライセンスです。無料で誰でも自由に使用できます。もちろん商用利用も可能です。 ぜひお試しください😊 ・depthfield npmjs.com/package/depthfield #JavaScript #WebDesign #GSAP #フロントエンド #motionlab

#motionlab でも使える面白いjsライブラリを思いついたので作っています。完成したら合体すると楽しい感じになります。 仕組みはありきたりだけど新しい表現が出来るかも。

「MotionLab - GSAP Simulator」は制作中の自分のページにjsコードを入れるだけで、実際のページを見ながらGSAPをシミュレーションしコードを生成します。 毎回コードの数値を調整するのではなく、画面を見ながら作れるため微調整も簡単です。 アニメーションが出来たら、作成したコードをページに貼り付ければOKです。作ったタイムラインはJSONでインポート・エクスポートできるので、後からの修正・編集や他プロジェクトでの利用もできます。 ぜひお試しください😊 ・MotionLab idstock.net/motionlab/ #idstock #motionlab #gsap #webanimation

そして以前から開発していた、2つの商品「MotionLab - GSAP Simulator」と「PageLoupe」を、本日リリースいたしました。 「無料お試し期間（7日間）」や「リリース記念クーポン（3ヶ月50%OFF）」も用意していますので、ぜひお試しください。宜しくお願いいたします。 ・「MotionLab」「PageLoupe」リリースのお知らせ idstock.net/news/entry-50.ht… #idstock #MotionLab #gsap #PageLoupe

只今サブスクのところで誠心誠意頑張っています。 しかしこのサブスクって #ablogcms 拡張アプリだから、これ自体販売できたりして… 今回はドメイン認証なのですが、一応商品ごとにドメイン認証・キー認証・ドメイン＆キー認証の3パターンで設定できる様にはしています。 ただStripeの設定とか結構大変なので、ポンと売れるというよりは設置も含めてという感じかな。 idstock.net/ #idstock #motionlab #pageloupe

MotionLab- GSAP Simulator - はGSAPアニメーションが簡単なステップで作れるお手軽なツールです。 jsをひとつ入れるだけで、実際のページで動かしながらコードを生成できます。複数のステップを繋げていくだけなのでとても簡単です。また作ったアニメーションはJSONでエクスポート・インポートできるので、なんどでも利用可能です。 ・MotionLab - GSAP Simulator - idstock.net/motionlab/ #motionlab #GSAP #animation

GWということで、思い切ってIDSTOCKプレオープンしてみます。こちらのサイトは、今後弊社がリリースする製品をご紹介するサイトです。 まずは新しい2つの製品「MotionLab」「PageLoupe」のリリースを目標に頑張っています！ 製品のご紹介はまた別途させていただきますが、まだまだこれから詰めていきますし、ドキュメントの整備やその他処理も終わっていないので、リリースにはもう少しお時間がかかると思います。 こちらのサイトでお試しはできますので、ぜひ触ってみてください！ いずれこちらのサイトで、 #ablogcms の拡張アプリなどもご提供できたらと考えていますので、ぜひチェックにしてみてください。 宜しくお願いいたします🙇‍♂️ idstock.net/ #web制作 #web #gsop #motionlab #pageloupe #idstock

とても嬉しい出来事がありました！ 私が開発中のGSAPシミュレーター「MotionLab - GSAP Simulator」ですが、この様なツールを提供してもよいものか確認をとらせていただいたところ、GSAP創設者ご本人様から、ライセンス上問題はないとご連絡をいただきました🙌 「MotionLab - GSAP Sumilator」は、自分のページにタグを1つ入れるだけで、GSAPアニメーションを実際のページを見ながら設定し、気に入ったアニメーションのコードをコピペできるツールです。（JSONでエクスポート・インポートも可能です） UIは日本語・英語に対応。準備が整い次第リリースする予定です。ぜひお楽しみに！ #GSAP #GreenSock #WebAnimation #Web制作

【KungFuMotionLab｜Mantis Secret Fist｜High Leg Lift Centerline Breakdown】 32-second real training footage ─ Lin Qingying High Leg Lift Structure Analysis Watch closely how she maintains: • Perfect vertical centerline throughout the lift • Strong hip drive core rotation • Stable support leg and clean force transmission From “Wrong” to “Correct” in real time — she eliminates even 0.1 seconds of hesitation. This is exactly what MotionLab loves to see: When the structure is right, power flow never breaks. #KungFuMotionLab #CenterlineMechanics #MantisFist #HighLegLift #KungFuMotion #MartialArtsStructure #LinQingying “After watching this 32-second lift, where do you think her centerline is strongest? Which move or matchup do you want me to analyze next? Drop your thoughts below 👇”

【ローザンヌ国際バレエコンクールと公式連携】 スポーツを止めるなが展開する1252プロジェクトは、 Prix de Lausanne（ローザンヌ国際バレエコンクール） と連携し、公式の形での取り組みを実施しました。 本取り組みは、ローザンヌバレエ本体および大会公式医療サポート機関 MotionLab と協力のもと実施。 目的は、啓発や主張ではなく 「現状を正しく知ること」。 その第一歩として、参加ダンサーを対象としたアンケート調査を開始しました。 ダンサー一人ひとりの状態を理解することから、 今後どのような支援や議論が可能かを探っていきます。 詳細はこちら👇 ローザンヌ国際バレエコンクールでの取り組みについて - スポーツナビ sports.yahoo.co.jp/official/…

🎄 CHRISTMAS CHARITY CUP 🎄 TAK TAK TAK! 🔥 Przed nami wielkie emocje, bo już dzisiaj startujemy z #ChristmasCharityCup! 🎮✨ 📺 Transmisja rusza o 16:30! Bądźcie z nami od samego początku - naprawdę będzie się działo! A co najlepsze - KAŻDY MECZ JEST STREAMOWANY! Zapraszamy na nasze kanały: 🔴 Twitch: twitch.tv/vofoxenesport 🟢 Kick: kick.com/vofoxenesport A tak prezentuje się drabinka turnieju, w której drużyny powalczą o zwycięstwo i przede wszystkim… wsparcie naszej świątecznej zbiórki! 🧡🎅 Ćwierćfinał 1 | 18.12.2025 17:00 BO1 @YoDeSports VS @constrict_gg Ćwierćfinał 2 | 18.12.2025 17:00 BO1 @Hussarsgg VS @Nisla_Rakow Ćwierćfinał 3 | 18.12.2025 18:00 BO1 #VoFoxenRising VS @Strzal_z_Bonia Ćwierćfinał 4 | 18.12.2025 18:00 BO1 @VoFoxenEsport VS @ZeroPomysluCS Szykują się ogromne emocje, nie może Was zabraknąć! LET’S GO! 🔥 🎄PARTNERZY:🎄 @immunityleague @PODZIEMIECS2 #SteelVibe @superiongg @pfe_gg @fire_onion_cup #MotionLab

🎄 CHRISTMAS CHARITY CUP🎄 TEAM REVEAL - tak prezentuje się pełen zestaw drużyn, które już jutro staną do walki w ramach #ChristmasCharityCup powered by VoFoxen Esport! Nastąpiła mała zmiana, zamian drużyny MOCZODÓŁ wchodzi @ZeroPomysluCS! 🔥🦊 🔥 LINE-UP TURNIEJU:🔥 @VoFoxenEsport #VoFoxenRising @Nisla_Rakow @YoDeSports @Hussarsgg @constrict_gg @Strzal_z_Bonia @ZeroPomysluCS Już teraz ogromne podziękowania dla wszystkich ekip za udział oraz chęć wsparcia naszej świątecznej zbiórki! 🧡 Liczymy przede wszystkim na świetną zabawę, tym bardziej na naszym odmienionym mappoolu! 🎮❄️ 📅 Start turnieju: 18.12.2025 🕟 Godzina: 17:00 📺 Transmisja LIVE - bądźcie z nami! LET’S GO🔥🎅❤️ 🎄PARTNERZY:🎄 @immunityleague @PODZIEMIECS2 #SteelVibe @superiongg @pfe_gg @fire_onion_cup #MotionLab