はじめに Ionicはクロスプラットフォームのモバイルアプリ向けフレームワークです。主にiOS/Android向けに、ワンソースコードでモバイルアプリを開発することができます。 今回は無限スクロールの使い方を解説します。 事前準備 こちらのブログ を通して作成したプロジェクトをベースに進めます。 無限スクロールとは モバイルアプリでリスト表示を実装する際、差分読み込みを行うことで無限にスクロールできるような振る舞いを持たせることがよくあります。具体的には以下の順番で処理します。 まず20件読み込む(1画面に収まる程度) ユーザーがリストを一番下までスクロールする 一番下までスクロールしたことをハンドリングする 追加で10件読み込む(その際には一番下にローディングを表示する) 2-4 を繰り返す 全て読み込み終わったら完了 このような処理をiOSやAndroidで実現したい場合は、頑張って実
![[Ionic x Vue] リストを無限スクロールさせる | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfa10a8a77bc971be9ca0b8474e1d636c7668b6a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F06%2Fionic-eyecatch.png)