この記事ではBubbleで使える機能について網羅的に解説しています。
Bubbleでは標準で多くの機能が用意されていますが、それをすべて使いこなせている方は多くありません。
この記事を読むことで、Bubbleの標準機能に関して困ることはほぼなくなるかと思いますので、ぜひ最後までご覧ください。
こんにちは。ノーコード開発スクールのTech Studioです。
Bubbleの機能をすべて使いこなせるようになりたい…
と思ったことはないでしょうか？
この記事では、以下のBubbleの機能の使い方について解説していきます。
- ヴィジュアルエレメント(Visual erements)
- プラグイン(Plugin)
- グループ(Countainers)
- インプットフォーム(Input Forms)
- ワークフロー(Workflow)
この記事を読むだけで、Bubble開発で困ることが格段と減りますのでぜひ最後までご覧ください。
＼ノーコードを学ぶか迷っているあなたへ／
プロのノーコードエンジニアによる
無料カウンセリングを実施中！
「興味はあるけど、本当にノーコードを学ぶべきかわからない…」
「どのようなキャリアを歩むべきかアドバイスが欲しい…」
「ノーコードで起業を目指したい…」
そのような方のために、なんでも相談できる無料カウンセリングを用意しています！
執筆者：山口 鳳汰
ノーコード学習専門メディア「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。
その他、受託開発や教育など多数のノーコード事業に参画している。
動画撮影者：三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。
執筆者：山口 鳳汰
「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。
その他、受託開発や教育など多数のノーコード事業に参画している。
動画撮影者：三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。
ヴィジュアルエレメント(Visual erements)編
この章の動画では、ヴィジュアルエレメントについて以下の内容を学ぶことができます。
- Text(テキスト)
- Button(ボタン)
- Icon(アイコン)
- Link(リンク)
- Image(画像)
- Shape(図形)
- Alert(通知)
- Video(動画)
- HTML
- Map(マップ)
プラグイン(Plugin)編
この章の動画では、プラグインについて以下の内容を学ぶことができます。
- プラグインの使い方
- アイコン機能
- カレンダー表示
- グラフ表示
- リッチテキスト機能
- SNSシェア機能
- 複数ドロップダウン
グループ(Countainers)編 ①
この章の動画では、グループについて以下の内容を学ぶことができます。
- Group(グループ)
- Repeating Group(リピーティンググループ)
- Popup(ポップアップ)
グループ(Countainers)編 ②
この章の動画では、グループについて以下の内容を学ぶことができます。
- Floating Group(フローティンググループ)
- Group Focus(グループフォーカス)
＼ たった2分で簡単！ ／
インプットフォーム(Input Forms)編 ①
この章の動画では、インプットフォームについて以下の内容を学ぶことができます。
- Input(インプット)
- Multiline Input(マルチラインインプット)
- Checkbox(チェックボックス)
インプットフォーム(Input Forms)編 ②
この章の動画では、インプットフォームについて以下の内容を学ぶことができます。
- Dropdown(ドロップダウン)
- Search Box(検索ボックス)
- Radio Buttons(ラジオボタン)
- Slider Input(スライダー入力)
- Date/Time Picker(カレンダー入力)
- Picture Uploader(画像アップロード)
- File Uprloader(ファイルアップロード)
ワークフロー(Workflow)：アカウント編 ①
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Sign the user up（サインアップ）
- Log the user in（ログイン）
- Log the user out（ログアウト）
- Signup/login with a social network（ソーシャルログイン）
- Update the user’s credentials（メール/パスワード変更）
- Make changes to current user（メール/パスワード以外変更）
- Send confirmation email（メールアドレス確認メール）
- Send password reset email（パスワード再設定）
ワークフロー(Workflow)：アカウント編 ②
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Send magic login link（マジックリンク）
- Create an account for someone else（他人用のアカウント作成）
- Check password for the current user（パスワードの確認）
- Assign a temp password to a user（一時的な仮パスワードの発行）
- Change the email for another user（他のユーザーのメール変更）
- Log out other user’s sessions（自分以外のユーザーをすべてログアウトさせる）
ワークフロー(Workflow)：ナビゲーション編
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Go to page（ページやデータの移動）
- Refresh the page（ページのリロード）
- Open an external website（外部リンクを開く）
- Add a pause before next action（次のアクションまで時間を空ける）
ワークフロー(Workflow)：データ作成編
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Create a new thing（データの作成）
- Make changes to thing…（データの変更）
ワークフロー(Workflow)：データ変更編
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Make changes to a list of（複数データの変更）
- Delete thing（データの消去）
- Delete a list of things（複数データの消去）
- Copy a list of things（複数データのコピー）
- Download a data as CSV（データベースをCSV形式でダウンロード）
- Upload data as CSV（CSVファイルをアップロード）
- Delete an uploaded file（アップロードしたファイルの削除）
＼ たった2分で簡単！ ／
ワークフロー(Workflow)：Eメール編
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Send email（メールの送信）
- Send meeting request by email（Googleカレンダー連携可能なミーティングメール）
ワークフロー(Workflow)：エレメントアクション編 ①
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Show（表示する）
- Hide（非表示する）
- Toggle（表示/非表示する）
- Animate（アニメーションを表示する）
- Scroll to（スクロールする）
ワークフロー(Workflow)：エレメントアクション編 ②
この章の動画では、ワークフローについて以下の内容を学ぶことができます。
- Set state（データの一時保存）
- Set focus（カーソルを合わせる）
- Reset input（入力のリセット）
本気でノーコードを学びたいあなたへ
ノーコードスクール「Tech Studio」では未経験でも挫折せず楽しく学べる、完全オンラインのカリキュラムを設計しています。
現在、プロのノーコードエンジニアによる無料カウンセリングを実施中ですので、ノーコード学習に関してお悩みがある方はぜひお気軽にご相談ください。