デッキスワイパー
アプリにTinderのようなデッキスワイパーを追加して、ユーザーがレコードに投票したり、お気に入りにしたり、嫌いにしたり、クイズを受けたりできるようにしましょう！
Last updated
Was this helpful?
アプリにTinderのようなデッキスワイパーを追加して、ユーザーがレコードに投票したり、お気に入りにしたり、嫌いにしたり、クイズを受けたりできるようにしましょう！
Last updated
Was this helpful?
スキルレベル: 中級
データベース、画面とコンポーネント、およびアクションについて知っていること
コンポーネントマーケットプレースからコンポーネントを追加する方法を知っていること
について知っていること
このコンポーネントは、第三者開発者であるMinimum Studioによって作成および管理されています
この機能を使用するには有料のAdaloプランは必要ありません
1.) デッキスワイパーを動作させるためには、デッキスワイパーが表示するアイテムのコレクションをデータベースに設定する必要があります。Adaloビルダーの左メニューでデータベースタブをクリックし、+コレクションを追加をクリックして、「Posts」などの名前を付けます。
2.) 今度は、デッキスワイパーが表示するための画像プロパティが必要です。新しいPostsコレクション内で**+プロパティを追加**をクリックします。次にImageを選択し、「Post Image」などの名前を付けます。
3.) 今度は、Usersコレクションに1対多の関係プロパティを追加して、各投稿の作成者を知る必要があります。+プロパティを追加をクリックし、Relationship > Usersを選択します。
4.) 各投稿には1人の作成者しかいないため、最初のオプションを選択し、右下のDoneをクリックします。ここでプロパティの名前を**"Creator"に変更し、またUsersコレクション内の自動作成されたPostsフィールドを"Created Posts"**に変更することを忘れないでください。
5.) これで、コンポーネントをインストールして、希望の画面に配置することができます。デッキスワイパーの設定はリストの設定と非常に似ています。デッキスワイパーをクリックし、これは何のデッキですか？ドロップダウンでPosts（またはコレクションに名前を付けたもの）を選択します。コレクションにフィルタリングを追加して、特定の投稿のみを表示することもできます。
6.) コンポーネントのCardセクションのドロップダウンでは、カードの外観や表示内容に関する多くのオプションがあります。画像プロパティが設定されていることを確認しましょう。Imageドロップダウンをクリックし、Database > Current Post > Imageを選択します。
7.) 投稿の名前はデフォルトでマジックテキストとして入力されますが、これを変更して好きなマジックテキストに置き換えるか、空白のままにして何も表示しないようにすることもできます。 8.) ポストカードを表示してスワイプすることは素晴らしいですが、スワイプしても実際にお気に入りにしたり保存したり、投票したりしないと役に立ちません。Postsコレクションに戻り、Usersコレクションに多対多の関係プロパティを追加しましょう。+Add Propertyをクリックして、Relationship > Usersを選択します。
9.) 各ユーザーが複数の投稿を気に入り、各投稿が複数のユーザーに気に入られる可能性があるため、3番目のオプションを選択し、右下のDoneをクリックします。プロパティ名を**"Favoriting Users"などに変更し、Usersコレクション内の自動作成されたPostsフィールドを"Favorited Posts"**に変更するのを忘れないでください。
10.) 今度は、ユーザーが実際に投稿をお気に入りに追加しているスワイプアクションを追加しましょう。デッキスワイパーコンポーネントをクリックし、Actionsセクションのドロップダウンをクリックします。
11.) デフォルトでは、右にスワイプすることが投稿を「お気に入り」にすることとラベル付けされています（これはRight Swipeセクションのドロップダウンで変更できます）。したがって、Right Swipe Actionsエリアにアクションを追加します。+Add Actionボタンをクリックし、Update > Logged In Userを選択します。
12.) 新しいUpdateアクションの**"Favorited Posts"**プロパティ（ステップ9から）をクリックし、Add > Current Postを選択します。これにより、ユーザーがカードを右にスワイプすると、その投稿がお気に入りに追加されます。
13.) これがデッキスワイパーの基本機能です！他のオプションを確認するために、コンポーネントのCard、Left Swipe、End of Deck、Right Swipeセクションのドロップダウンに戻って、以下を変更できます：
スワイプラベル
色
カードの角丸
デッキ内の最後のカードに到達したときに発生するアクション
フォントの太さと色
アイコン
プレースホルダー画像
右スワイプ、左スワイプ、カードクリック時のアクション
2.) 今度は、デッキスワイパーで表示するための画像プロパティが必要です。新しいPostsコレクション内で**+Add Propertyをクリックします。次にImage**を選択し、「Post Image」などの名前を付けます。
3.) 今度は、各投稿の作成者が誰かを知るために、Usersコレクションに1対多の関係プロパティを追加しましょう。+Add Propertyをクリックし、Relationship > Usersを選択します。 4.) 各投稿には1人の作成者しかいないため、最初のオプションを選択し、右下のDoneをクリックします。ここでプロパティの名前を**"Creator"に変更し、Usersコレクション内の自動作成されたPostsフィールドを"Created Posts"**に変更することを忘れないでください。
5.) これで、コンポーネントをインストールして、希望する画面に配置することができます。デッキスワイパーのセットアップはリストの設定と非常に似ています。デッキスワイパーをクリックし、What is this a deck of?ドロップダウンでPosts（またはコレクションに名前を付けたもの）を選択します。コレクションにフィルタリングを追加して、特定の投稿のみ表示することもできます。
6.) コンポーネントのCardセクションのドロップダウンでは、カードの外観や表示内容に関するさまざまなオプションがあります。画像プロパティが設定されていることを確認しましょう。Imageドロップダウンをクリックし、Database > Current Post > Imageを選択します。
7.) 投稿の名前はデフォルトでマジックテキストとして入力されますが、これを変更して好きなマジックテキストに置き換えるか、空白のままにして何も表示しないようにすることができます。
13.) これがデッキスワイパーの基本的な機能です！Card、Left Swipe、End of Deck、Right Swipeのセクションのドロップダウンで他のオプションを確認して、以下を変更できます：
スワイプラベル
色
カードの角丸
デッキ内の最後のカードに到達したときに発生するアクション
フォントの太さと色
アイコン
プレースホルダ画像
右スワイプ、左スワイプ、カードクリック時のアクション
この解説を作成するために使用したアプリを見たいですか？こちらをクリックして、例のアプリを使用またはクローンしてください。アプリをクローンする方法がわからない場合は、こちらで学ぶことができます。
このコンポーネントはMinimum Studioによって作成および管理されています。バグレポートや機能リクエストに関しては、彼らにお問い合わせください。
デッキスワイパーはクイズを作成するための素晴らしい方法でもあります！左右のスワイプアクションを使用してスコアリングシステムを設定したり、「デッキの最後」アクションを使用してクイズを評価したりすることができます。
ユーザーが同じカードを再度見るのを防ぎたい場合は、「お気に入り」タイプのセットアップを適用することができます。左スワイプで投稿を「嫌い」にする関係を作成し、カードをフィルタリングして、ログインユーザーが投稿の「嫌いなユーザー」プロパティに含まれていないカードのみを表示します。
この記事に関する追加のヘルプが必要な場合は、いつでもコミュニティフォーラムで質問してください！投稿にこの記事へのリンクも貼っておくことを忘れないでください！
チュートリアルやヘルプドキュメントのリクエストがありますか？お知らせください！
**1.)** デッキスワイパーを動作させるために、データベースにデッキスワイパーで表示したいアイテムのコレクションを設定する必要があります。Adaloエディターの左メニューでデータベースタブをクリックし、**+Add Collection**をクリックして、「Posts」などの名前を付けます。
