2024年1月– date –
-
BubbleにWordPressの個別記事データを動的に表示させる方法
ノーコードツール「Bubble」でWordPressの個別記事データを動的に表示させる方法を紹介します。 このTipsのポイントは、API Connectorで指定するエンドポイントにパラメーターを使うことです。 今回の記事は前回の「BubbleにWordPressの記事一覧を表示させ... -
BubbleにWordPressの記事一覧を表示させる方法【WordPress REST API】
ノーコードツール「Bubble」で作るアプリに、WordPressの記事を一覧で表示させる方法をパターン別で紹介します。 ざっくり言うと、API Connectorを使い、WordPress REST APIからデータを取得。その情報をBubbleのRepeatingGroupで表示させるという感じです... -
商品一覧で使える!BubbleでRepeatingGroupのGroupを横スクロールさせる方法
少ないスペースで商品一覧を表示したいときなどに横スクロール(横スワイプ)機能。 ノーコードツール「Bubble」のRepeatingGroupのGroupエレメントを横スクロールさせる方法を紹介します。 横スクロールできるタブバーをOption setを使って作りたい方はこ... -
【Bubble】特定の要素をposition:stickyで固定表示させる方法
ノーコードツール「Bubble」でCSSのposition:stickyを使い、特定のエレメントをピタッと追従&固定表示させる方法を紹介します。 ページをスクロールしても最上部や最下部に固定表示され追従するヘッダーやボトムナビゲーションを作る際には、FloatingGrou... -
Bubbleでスクロール連動アニメーションを実装する方法!Visibility Detector
ノーコードツール「Bubble」でIntersection Observer風のスクロール連動アニメーションを実装する方法を紹介します。 プラグイン「Visibility Detector」を使うことで、BubbleでもIntersection Observerのように、ある要素が画面に表示されたかを監視でき... -
AdaloでStripeを使ってクレジットカード決済機能を実装する方法
Stripeを使って、ノーコードツール「Adalo」で作るアプリにクレジットカード決済機能を実装する方法を紹介します。 Stripeアカウントの審査が通過済みの方であれば意外と簡単に導入できるTipsです。 AdaloでECサイトを作りたくて、Stripe決済を実装する手... -
【Adaloフリマアプリ開発】商品に複数画像を登録し、商品詳細でスライドショー表示させる方法
ノーコードツール「Adalo」でフリマアプリを作る際に活躍するTipsのご紹介。 1つの商品に対して複数画像を登録し、商品詳細ページでスライドショーで表示させる方法を解説します! Bubbleで同様の実装をするのはすごく簡単ですが、Adaloは癖が強いので少... -
5分で出来る!Adaloでプッシュ通知を実装する方法【Trigger Notification】
ノーコードツール「Adalo」で、プッシュ通知を実装する方法を紹介します。 Adaloでは、あなたが今予想している100倍簡単にプッシュ通知を実現できます。ほんと、すごい! 実装方法をざっくり言うと、「クリックアクションにTrigger Notificationを設定する... -
Adaloで一意な重複しないIDを発行する方法【Randomizerコンポーネント】
ノーコードツール「Adalo」で一意な重複しないIDを発行する方法を紹介します。 プラグイン「Randomizer」のコンポーネントを活用すれば実装可能です。 使い所としては発行したIDを招待コード(紹介コード)として利用し、新規登録する際に招待コード入力欄... -
【Bubble】カレンダー(Air Date/Time Piker)の表記を日本語に切り替える方法
こんにちは!EPICs合同会社です! 今回はノーコードツール「Bubble 」で「カレンダー(Air Date/Time Piker)の表記を日本語に切り替える方法」をお伝えしていきます! デフォルトで用意されている、「Date/Time Piker」であれば最初から日本語表記のため、...