【動画で完全解説】ノーコードBubble(バブル)の使い方ガイド

こんにちは。ノーコード開発スクールのTech Studioです。

この記事ではノーコードツールBubble(バブル)の使い方について、

  • すべて動画or画像付きで
  • 日本語でわかりやすく
  • アカウント作成から実際の開発やテクニックまで

非常に網羅的に解説しています。

この記事を読むだけで、初心者でもBubbleを使いこなせるようになるので、ぜひ最後までご覧ください。

\ノーコードを学ぶか迷っているあなたへ/
プロのノーコードエンジニアによる
無料カウンセリングを実施中!


「興味はあるけど、本当にノーコードを学ぶべきかわからない…」
「どのようなキャリアを歩むべきかアドバイスが欲しい…」
「ノーコードで起業を目指したい…」

そのような方のために、なんでも相談できる無料カウンセリングを用意しています!

執筆者:山口 鳳汰
 

執筆者:山口 鳳汰
ノーコード学習専門メディア「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。

その他、受託開発や教育など多数のノーコード事業に参画している。

動画撮影者:三谷 憩

動画撮影者:三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。

執筆者:山口 鳳汰

執筆者:山口 鳳汰
「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。
その他、受託開発や教育など多数のノーコード事業に参画している。

動画撮影者:三谷 憩

動画撮影者:三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。

クリックできる目次

①Bubbleの始め方:アカウントを開設しよう!

Bubbleの利用を始めるには、まずは無料でアカウントを開設する必要があります。
以下の手順に沿ってアカウントを作成してみましょう。
※おそらく3分程度でできると思います。

STEP
Bubble公式サイトに移動

以下のURLからBubble公式サイトに移動します。

https://bubble.io

STEP
【Get started for free】をクリック
Get started for free
STEP
メールアドレス・パスワードの登録

Googleアカウントまたは、メールアドレス&パスワードを設定して【Get started】をクリック。

Get started
STEP
プライバシーポリシーに同意する

プライバシーポリシーが表示されるので【 I agree Bubble’s terms …】をクリックして同意。

I ageree Bubble's terms...
STEP
アンケートに答える

ここから3ページに渡ってアンケートが表示されるので、適当に記入し【Next】をクリック。

最後に【Submit】をクリックすると、アカウントの作成が完了します。

questionnaire1
questionnaire2
questionnaire3

アカウントの作成を終えたら、次に進みましょう!

②Bubbleを学習する時に出てくるIT用語をチェック!

最初はBubbleを学習する際に出てくる基本的なIT用語を【超初心者向け】Bubble(バブル)を学ぶ前に覚えておくべきIT用語集でチェックしておきましょう。


ただ、初めに見てもよくわからない部分も多いと思うので、おおまかに理解するだけで問題ありません。
10分くらいみたら次に進んじゃいましょう

③Twitterのクローンアプリを開発してみよう!

早速ですが、ノーコードBubble(バブル)でTwitterを開発する方法【動画で解説】でTwitterのクローンアプリ(機能を真似したアプリ)を開発してみましょう。

「いきなりアプリを作るのは難しそう…」と思ったかもしれませんが、初心者でもわかるように丁寧に解説しているので、ご安心ください。

未経験者の方からすると少し難しいと感じる部分もあるかもしれませんが、粘り強く学習すれば必ず理解できると思います。

Twitterクローンアプリ開発を乗り切れば、この後の学習は比較的スムーズに進められるかと思いますので、ぜひ楽しんで進めてみてください!

④デザインを学んで美しいアプリを作ろう!

次にBubble開発ではかかせないデザインについて学んでいきましょう。

いくらBubbleでアプリを開発できるようになっても、デザインが汚ければ台無しになってしまいます。

そのため、以下のノーコードBubble(バブル)のデザインを学んで美しいアプリを開発しようでデザインについて学んでユーザーにとって使いやすいアプリを開発できるようにしましょう!

ここまできたらあと一歩です!
ぜひ最後までBubbleの使い方完全ガイドをご覧ください!

⑤Bubbleのテクニックを学んでより効率よく開発しよう!

開発方法やデザインについて学び終えたあとは、開発速度を3倍に上げるBubble(バブル)小技テクニック17選【動画で解説】でBubble開発の小技テクニックを学びましょう。

テクニックを学ぶだけで開発速度をかなり効率よく進められるようになるので、この記事で紹介されているものはぜひマスターしてみてください!

本気でノーコードを学びたいあなたへ

Tech StudioのLP

ノーコードスクール「Tech Studio」では未経験でも挫折せず楽しく学べる、完全オンラインのカリキュラムを設計しています。

現在、プロのノーコードエンジニアによる無料カウンセリングを実施中ですので、ノーコード学習に関してお悩みがある方はぜひお気軽にご相談ください。

  • URLをコピーしました!
クリックできる目次