AMP対応ページにスワイプでスルスルっと滑らかに動く「カルーセル」を実装（表示）する方法｜今村だけがよくわかるブログ

Web制作に関わっている方は「カルーセル」と言えば、以下のような「横にスクロールするもの」を想像する方も多いと思います。 ところで、カルーセルを実装する理由って何ですか？この「カルーセル」ってのは、1ページに表示するコンテンツ量が多いために、上下にスクロールさせる操作を閲覧者にあまりさせないための施策、つまり「上下のスクロール量を減らす」目的として採用することがあります。 また、1つの話題に対して関連する複数の選択肢を「カルーセル」として1つにまとめて、横に並べることで前後関係を把握しながら閲覧してもらえる、というメリットもあるんじゃないかと思います。 上記の内容を端的に表現すると「モバイルでの操作性や利便性を高めるために、カルーセルを実装することもあるよ」ということですね。 そんなカルーセルを、AMP対応ページにも実装したいよね！ 実装しましたさっそく実装しました。以下はキャプチャ画像で

[miracle1998]

AMP カルーセル