Next.jsでネイティブアプリのようなWebアプリを作る
Next.js App RouterとSSGOIを使用して、ネイティブアプリのようなページ遷移エフェクトを実装する方法をステップバイステップで学びます。
文大承
ssgoinextjsreactpage-transitiontutorial
SSGOIブログ
最新ニュースと開発ストーリー
React Routerでネイティブアプリのようなウェブアプリを作る
React RouterとSSGOIを使用して、ネイティブアプリのようなページ遷移効果を実装する方法をステップバイステップで学びます。
ムン・デスン
ssgoireact-routerreactpage-transitiontutorial
SvelteKitでネイティブアプリのようなWebアプリを作る
SvelteKitとSSGOIを使用して、ネイティブアプリのようなページ遷移効果を実装する方法を段階的に学びます。
ムン・デスン
ssgoisveltekitsveltepage-transitiontutorial
Nuxtでネイティブアプリのようなウェブアプリを作る
NuxtとSSGOIを使用して、ネイティブアプリのようなページ遷移効果を実装する方法をステップバイステップで学びます。
文大承
ssgoinuxtvuepage-transitiontutorial
ダブルスプリング：自然なEase-In-Out
スプリングアニメーションでS曲線を作る方法。なぜダブルスプリングが滑らかな開始と終了を生み出すのかを学びます。
ムン・デスン
springanimationeasing
ssgoi 3.0: Web Animation APIでさらに高速化
Spring物理を事前計算し、Web Animation APIで実行。メインスレッドの負荷に関係なく60fpsを維持します。
ムン・デスン
performanceweb-animation-apispringrelease
ssgoi 2.5.2: モバイルアニメーション最適化完了 🎉
可変FPS環境でもスムーズなアニメーションを!GSAPとSvelte Motionのノウハウを取り入れ、独自のアニメーションエンジンを構築してモバイル性能を大幅に改善しました。
ムン・デスン
performancemobileoptimizationrelease
Webでネイティブアプリのように移動する：View Transition完全ガイド
シンプルなページ遷移をネイティブアプリのような体験に変えましょう。SSGOIの様々なView Transitionタイプをインタラクティブなデモと実例で紹介します。
Moon Daeseung
view-transitionsuxanimationtutorial
Vue 3サポートを開始しました！
SSGOIがついにVue 3を公式サポート！VueやNuxtアプリケーションにネイティブアプリのような滑らかで魅力的なページトランジションを実装できます。
Daeseung Moon
vuenuxtreleasetransitions
サーバーサイドレンダリングの最適化
ssgoiはシンプルな設定で、Next.jsのルーティングをそのまま活用できるように設計されています。SvelteKitも同様です。Next.jsのサーバーコンポーネント環境でも問題なく動作します。
文大昇
ssrnextjssveltekit
このライブラリを使うメリットは何ですか？
でも、なぜデスクトップ環境でページ遷移アニメーションを気にしないのでしょうか？シンプルなエフェクトだけでも洗練された体験を作ることができます。ssgoiのドキュメントにはあちこちにアニメーションが隠されています。ぜひご覧ください。
文大昇
ssgoianimation
トランジションをどのように実装しますか？
画面上の要素は常に静的に留まるわけではありません。ユーザーの操作によって消えたり、現れたりすることがあります。しかし、アニメーションを追加することは簡単ではありません。
文大昇
transitionanimationreactsvelte
物理学とアニメーション
物体の動きをどのように定義できるでしょうか？一つの方法は運動方程式で表現することです。
Moon Daeseung
physicsanimation
こんにちは、SSGOIの作者です
今回のSSGOIは、Svelteから学んだインサイトをReactにも適用し、v2ではすべてのフレームワークのサポートを目標としています。
Daeseung Moon
ssgoimoondaeseungmeursyphus