イベント駆動開発で、IonicとAngualrで、zuck.jsと似たようなものを実装しました。
この記事では、その実装内容について紹介しています。
Startup Angular #2 (2021/11/26 19:00〜)
https://ionic-angular-stories-ui.netlify.app/
https://github.com/scrpgil/ionic-angular-stroies-ui
Instagramの一機能で、写真 or 動画をスライド形式で表示する機能です。一定時間で自動で切り替わる、一定時間断つと消えるという特徴があり、モバイル向けUIとして非常に人気の高いUIです。 Instagram以外でも、Shazamや、Google Photo、TwitterのFleetなどで似たようなUIが実装されていました。
詳しくは以下のリンクで Mobile design trends to watch out for in 2020
ストーリーズ機能は、一つの機能の中に色々なUI/UXの要素がありますが、本記事では、以下の3点をとりあげます。