![おすすめプログラミングスクール紹介用バナー](https://webpia.jp/wp-content/uploads/2021/01/webpiaosusumeprogrammingschoolbanner.jpg)
ノーコードツール「Bubble」の特徴やできることを事例とともに紹介!
![](https://webpia.jp/wp-content/uploads/2021/11/Bubble-スクール.jpg)
ノーコードツールの中でも有名な「Bubble」について、
「どんな特徴を持ったサービスなの?」
「どんなものが作れるの?」
こんな疑問があると思います。
この記事では、ノーコードツール「Bubble」を実際に使ってみてわかった特徴やできることについて解説します。
![](https://webpia.jp/wp-content/uploads/2020/09/今井様.jpg)
Bubbleを2ヶ月間勉強して、20万円の案件をこなしてみたよ!
ノーコードツール「Bubble」とは?特徴を紹介!
![](https://webpia.jp/lowcoder/wp-content/uploads/2022/02/Bubble_アプリ初期テンプレート-1024x689.jpg)
そもそもノーコードとは?
ノーコードとは、コーディングやプログラミングを必要としない開発手法のことを指します。
ノーコードの大きな特徴は「コードを書かずに開発できる」ということであり、従来の開発手法よりも圧倒的に開発コストが減ります。
そのため、短期間でアプリ開発ができたり、非ITエンジニアでも開発ができたりするというメリットを持っています。
ノーコードについて詳しく知りたい方は、以下の記事をご覧ください。
ノーコードツール「Bubble」とは?
Bubbleは米国発のノーコードツールで、世界的に有名なノーコードツールの1つです。
Bubbleでの開発は、大きく分けて以下の3点で構成されています。
- ページ作り
- ワークフローの設定
- データベースの設計
それぞれ見ていきましょう。
ページ作り
ページ作りでは、用意されているパーツをドラッグアンドドロップでページ上に配置していきます。
![](https://webpia.jp/lowcoder/wp-content/uploads/2022/02/Bubble_パーツドラッグドロップ1_.jpg)
![](https://webpia.jp/lowcoder/wp-content/uploads/2022/02/Bubble_パーツドラッグドロップ2_.jpg)
Bubbleを使えば、Webアプリやスマホアプリの開発を行うことができ、パーツをドラッグアンドドロップして開発できる手軽さと、さまざまなアプリに対応できるカスタマイズ性の高さです。
ワークフローの設定
ワークフローの設定は、簡単に言えばパーツが押されたときなどの動作を割り当てることです。
具体的には以下のような画面で処理を選択するという簡単な作業です。
![](https://webpia.jp/lowcoder/wp-content/uploads/2022/02/Bubble_ワークフロー_.jpg)
データベース設計
アプリ開発には欠かせないデータベースですが、Bubbleにもデータベースが用意されています。
ここにユーザー情報や、自分のサービス上で扱いたい情報を定義していくことになります。
![](https://webpia.jp/lowcoder/wp-content/uploads/2022/02/Bubble_データベース設定-1024x435.jpg)
ノーコードツールの中でも自由度やカスタマイズ性が高い
Bubbleはノーコードツールの中でも非常に自由度やカスタマイズ性が高いです。
ノーコードツールにおいて、「こういう機能が欲しいんだけど、用意されてないなあ。」ということはよくあります。
Bubbleにおいては、用意されている機能が非常に豊富なので、まずそのような状況に陥ることが少ないです。
加えて、必要な時に簡単に利用できるプラグインという機能も別途で用意されています。
そのため、少し複雑な処理や独自の処理を実行したいときは、その機能をプラグインの中から探してきて利用するといったことが可能です。
さらには、コードの知識がある方はローコード(ノーコード+プログラミング)で開発を行うことも可能です。
日本語の情報は少ない
米国発のノーコードツール「Bubble」ですが、まだまだ日本語の情報は少ないです。
そのため、勉強する場合は多少なりとも英語のドキュメントを読む力が必要になってくるでしょう。
ただ、日本のノーコードスクールやコミュニティなどもあるので、勉強してみたい方はそういったツールも利用すると良いでしょう。
Bubbleでできることや作れるものを紹介!
Webアプリ開発
BubbleといえばWebアプリ開発が有名でしょう。
Webアプリとは、Webブラウザ上で利用できるアプリケーションのことで、YouTubeやTwitterといったサービスもWebアプリです。(スマホ版はネイティブアプリと呼ぶ)
- SNS
- ポータルサイト
- マッチングアプリ
- 業務システム
といったものが簡単に作ることができます。
Webサイト制作
Bubbleはアプリ開発ができるのですが、単にWebページも作ることができるのでWebサイト制作もできます。
しかし、Webサイトを専門的に作りたいのであれば、WixやSTUDIOといったWebサイトに適したノーコードツールを利用するほうが良い気がします。
スマホアプリ開発
Bubbleでは、スマホアプリ開発も可能です。
スマホアプリ開発に適している「Adalo」というノーコードツールもあるので、興味がある方はご覧ください。
Bubbleの勉強方法
独学はできる?独学するならYouTubeから始めるのがおすすめ
ノーコードツールの中でもBubbleは少し学習ハードルが高い気がします。
ですが、YouTubeに解説動画が多くあるので独学も可能でした。
独学の仕方としては、以下のように進めるとよいでしょう。
- YouTubeで解説動画を見る
- わからないところを調べながら実際にアプリを開発する
はじめは簡単なSNSといったアプリを作ってみるのがよいでしょう。
NoCodeCampもおすすめ
Bubbleを学習するなら、NoCodeCampというコミュニティもおすすめです。
NoCodeCampでは、Bubbleで実際に稼いでいる講師がマンツーマンで教えてくれるので、効率的にBubbleを学習することができます。