2024年1月– date –

ノーコードツール「Bubble」でログイン機能を実装する方法をサクッとご紹介。 入力項目は、メールアドレス・パスワードの２項目。シンプルなログイン画面です。 Bubbleを触り始めの方のログイン機能実装の助けになれば幸いです。 動画解説バージョンはこち...

記事をご覧いただきありがとうございます！ 今回はハンバーガーメニューのアイコンを押した際にメニューバーがスライドインで表示される方法について解説をしていきます！ 動画解説バージョンはこちら！ https://youtu.be/2mYip6iOr98 実装イメージ 実装手...

ノーコードツール「Bubble」でシンプルなサインアップ機能を実装する方法をご紹介。 入力項目は、名前・メールアドレス・パスワードの３項目とシンプルなユーザー新規登録になります。 Bubble初学者の方のサインアップ機能実装の助けになれば幸いです。 動...

ノーコードツールの中でも、特に多くの注目を浴びている「Bubble」。このページでは、Bubbleを初めて利用する方から中上級者まで、さまざまなニーズに応えるための解説記事をまとめています。基礎的な知識から機能ごとの実装方法など、Bubbleを使用する皆...

ノーコードツール「Bubble」でシンプルなハンバーガーメニューを作る方法をご紹介。 この記事の内容の通り手を動かしていただければ、以下のハンバーガーメニューがサクッと作れます。 ハンバーガーアイコンをクリックしたらメニューがフェードインする バ...

ノーコードツール「Bubble」でお問い合わせフォームを作成する方法をご紹介。 実装方法はざっくり言うと、お問い合わせ用のData Typeを作成し、送信するボタンをクリック時にWorkflowでSend emailを設定するてな感じです。 動画解説バージョンはこちら！ h...

ノーコードツールBubbleでプラグイン「Wonderful Image Slider」を使い、スライドショーを作る方法をご紹介！ Data Typeの作成からWonderful Image Sliderの設定まで、すべて画像つきで解説します。 Bubbleでシンプルなスライダーを実装してみたい方はぜひ...

ノーコードツール「Bubble」でURLを表示させたときに自動でその文字列をリンクにする方法をご紹介。 使い道はたとえば、チャットルームでユーザーが送信したメッセージをText elementでDynamic Dataで表示しているとこなどで使えます。 Text elementのAppe...

ノーコードツールBubbleで、ダウンロードボタンのクリック時に動画ファイルを保存させる方法をご紹介。 実装方法をざっくり説明すると、無料のプラグイン「File Downloader」を使用して、Workflowにクリックアクションを設定するだけです。 この機能を応用...

ノーコードツール「Bubble」で長すぎる文章を２行までで省略し、文の末尾に三点リーダー「...」を表示させる実装テクニックをご紹介。 いまや日本人のインフラとなったSNS「LINE」のトークルーム一覧画面を思い浮かべていただければ。 Bubbleでトークルー...