アプリケーション上でページ間のトランジションを実現できます。ページ遷移をする際に一旦フェードアウトし、遷移後にフェードインして表示するといった具合です。アニメーションを行うことが可能です。うまくできないことがあります。前述のフェードイン・フェードアウトであれば実現が出来ますが、トップページから下位ページに遷移したときにヘッダーが小さくなるといったアニメーションを行おうとするとうまくいきません。エレメントが除去され、再びマウントされるためです。設定が出来そうに思えてもうまく動作しないのです。エレメントが除去リンク先のコンポーネントがマウントというような順になります。したらいいのでしょうか。僕は、以下のように実装することで実現することが出来ました。走るので、そこでこのページで設定したいレイアウトの状態に変更アニメーションが行われる実際のコードはこんな感じですね。発生しなくなるので、このようにしました。他にもやり方があるかもしれませんが、現状これでうまくいっているので、よしとします。いうことで、このサイトのトップページから下位階層のページに遷移するときなどに、ヘッダー部分の遷移アニメーションを追加してみました。DesignWedgeの発行を開始。Webデザイン業の傍ら、海外のWebデザインに関する情報発信を行う。framework徹底入門』、『ウェブデザインコーディネートカタログ』など。自社製のWebデザインのクロール&キャプチャシステムvaqumをベースに、様々なリサーチを行っている。検定プロジェクトメンバー。KANSOCK.INDUSTRIES。