SSGOIブログ

最新ニュースと開発ストーリー

Webでネイティブアプリのように移動する:View Transition完全ガイド

Webでネイティブアプリのように移動する:View Transition完全ガイド

シンプルなページ遷移をネイティブアプリのような体験に変えましょう。SSGOIの様々なView Transitionタイプをインタラクティブなデモと実例で紹介します。

Moon Daeseung
view-transitionsuxanimationtutorial
Vue 3サポートを開始しました!

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の作者です

今回のSSGOIは、Svelteから学んだインサイトをReactにも適用し、v2ではすべてのフレームワークのサポートを目標としています。

Daeseung Moon
ssgoimoondaeseungmeursyphus