ハイブリッドアプリやPWAなど、Webアプリケーションをスマートフォンのネイティブアプリ風に使う技術が発展しています。ネイティブアプリと異なり、インストールの手間がなく、プラットフォーマーによる縛りもないのがWebの魅力と言えます。 そんなWeb技術を駆使して作られたのがpage-transitions-travelappです。旅行アプリのデモで、ネイティブ風の画面遷移が魅力となっています。

page-transitions-travelappの使い方

実際の動きについてはこちらのデモを見るのが良いでしょう。表示もまるでネイティブアプリです。

別な画面に遷移したときの動きに注目です。

デスクトップもサポートされています。

デスクトップの場合はサイドバーが表示されます。

デスクトップでも可読性が高いです。

page-transitions-travelappは自分や友人との旅行記を残せるアプリとなっています。旅行の楽しさが存分に感じられる体裁で、それだけに従来の画面遷移では気分も萎えてしまうでしょう。今やWebであってもここまでスムーズなアニメーションができるようになったのかと感心させられるソフトウェアです。

page-transitions-travelappはVue製のオープンソース・ソフトウェア(MIT License)です。

page-transitions-travelapp sdras/page-transitions-travelapp: Travel App, Native-like Page Transitions