マガジンのカバー画像

NoCode 入門講座

12
運営しているクリエイター

#アプリ開発

Bubbleの基本的な使い方(その3)ードロップダウンメニューとページ遷移

Bubbleの基本的な使い方(その3)ードロップダウンメニューとページ遷移

前回の記事ではテキスト・ボタンなどのエレメントをデザイン画面に配置しました。
今回はこれらのパーツを使って、ドロップダウンメニューを作ってみようと思います!

完成したページは下記のような動きをします。
indexページの「MENU」ボタンをクリックするとドロップダウンメニューが表示され、ドロップダウンメニュー内の「ページ2へ」ボタンをクリックするとリンク先のページが表示されます。
また、inde

もっとみる
Bubbleの基本的な使い方(その2)ーエレメント配置(テキスト・ボタン)

Bubbleの基本的な使い方(その2)ーエレメント配置(テキスト・ボタン)

前回の記事ではBubbleでよく使う画面の内容を説明しました。
今回はデザイン画面でのテキスト・ボタンなどのエレメントの配置方法などを解説します。

グリッドの表示エレメントを配置する前に、デザイン画面にグリッドを表示しておきましょう。上部メニューバーの「Grid & Borders」から「Show grid」にチェックを入れます。

基本的なエレメントの配置方法
Designタブの「UI Bui

もっとみる
Bubbleの基本的な使い方を徹底解説!(その1)

Bubbleの基本的な使い方を徹底解説!(その1)

みなさん、ノーコードツール使ってますか?
今回はノーコードツール「Bubble」の画面説明と基本的な使い方を解説します。Bubbleの画面は日本語化されておらず全編英語ですが、くじけず頑張りましょう!

BubbleのログインあらかじめBubbleにログインしておいてください。
サインアップの方法は「ノーコードでWebアプリ作成 ~Bubble編~」を参照してください。

ログイン後のホーム画面が

もっとみる