テクニカル– tag –

ノーコードツール「Bubble」でWordPressのデータを取得する方法を紹介します。 APIでお馴染みの公式プラグイン「API Connector」と、WordPress REST APIを駆使して取得可能です。 Bubbleで作るアプリに、外部サイト（WordPress）の記事データなどを表示さ...

ノーコードツール「Bubble」でRepeatingGroupの表示件数を任意の数に制限する簡単な方法を紹介します。 使用シーンとしては、以下が挙げられます。 トップページに新着記事などを最大３〜10件まで表示させたいとき アイテム詳細ページで、他のアイテムを３...

ノーコードツール「Bubble」で画像を90°や270°回転させる手軽な方法を紹介します。 実際の使用シーンとしては以下が挙げられます。 下向きの矢印アイコンをクリックしたときに角度を変えて右向きの矢印アイコンにする 下向きの矢印アイコンをクリックした...

ノーコードツール「Bubble」で数ページに渡る新規会員登録ステップを、ページ遷移なしでスムースに実装する方法を紹介します。 BubbleのCustom stateで入力フォームなどの表示内容を切り替えるアプローチで案外手軽に実装できます。 ページ遷移しているよ...

ノーコードツール「Bubble」で、データベースやオプションセットのデータをランダムで取得して表示する方法を紹介します。 使い所としては、商品詳細ページで現在閲覧中の商品以外の商品をランダムでレコメンドするときなどが挙げられます！ Bubbleに用意...

ノーコードツール「Bubble」で、ワンクリックでクリップボードに文章や現在閲覧中のページURLをコピーする実装方法を紹介します。 無料プラグイン「Air Copy to clipboard」のアクションを使えば、誰でもすぐ簡単に作れるのでぜひこの記事を見ながら実際に...

ノーコードツール「Bubble」でWordPressの個別記事データを動的に表示させる方法を紹介します。 このTipsのポイントは、API Connectorで指定するエンドポイントにパラメーターを使うことです。 今回の記事は前回の「BubbleにWordPressの記事一覧を表示させ...

Stripeを使って、ノーコードツール「Adalo」で作るアプリにクレジットカード決済機能を実装する方法を紹介します。 Stripeアカウントの審査が通過済みの方であれば意外と簡単に導入できるTipsです。 AdaloでECサイトを作りたくて、Stripe決済を実装する手...

ノーコードツール「Bubble」でIntersection Observer風のスクロール連動アニメーションを実装する方法を紹介します。 プラグイン「Visibility Detector」を使うことで、BubbleでもIntersection Observerのように、ある要素が画面に表示されたかを監視でき...

ノーコードツール「Bubble」でCSSのposition:stickyを使い、特定のエレメントをピタッと追従＆固定表示させる方法を紹介します。 ページをスクロールしても最上部や最下部に固定表示され追従するヘッダーやボトムナビゲーションを作る際には、FloatingGrou...