ノーコード「Bubble」の使い方・機能別実装方法マニュアル

著者:大熊滉希
ノーコード特化のアプリ/システム開発事業を展開するEPICsの代表。
前職にて新規事業コンサルティングを行う企業で役員を歴任した後、
最小の経営資源で開発を行えるノーコードに可能性を感じEPICsを創業。

運営会社:EPICs株式会社
日本最大級の開発実績を誇るノーコード特化のアプリ/システム開発会社。
最安30万円・最短2週間から、BubbleやAdaloなど多様なツールの中からニーズに合わせた最適な開発を提案・実施している。Adalo公認エキスパートも在籍。

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

※記事内リンクが貼られていない箇所はComing soon…。開発していく中で重要な項目は随時追加しコンテンツの充実度を上げていきます。

Bubbleは常に進化し続けるプラットフォーム。新しい機能や改善のアップデートが定期的に行われている関係で解説記事の内容と最新版Bubbleのエディタが異なる可能性があります。できるだけ最新の情報を発信しようと心がけてはいますが我々も人間ですので漏れがあるかもしれませんのでご注意ください。

Bubbleエディタの基礎知識
  • Design(Appearance・Layout・Conditional)の基本的な使い方
  • Workflowの基本的な使い方
  • Dataの基本的な使い方
  • Stylesの基本的な使い方
  • Pluginsの基本的な使い方
  • Settingsの基本的な使い方
  • デバッカーの使い方
  • Work flowの色分け/フォルダ分けをする方法
よく見かける機能
決済
  • Stripeプラグインで決済機能を実装する方法
  • Stripe決済での仲介手数料の設定方法
Custom stateの使い方
プッシュ通知
  • Webプッシュ通知を実装する方法
デザイン
  • Figmaのインポート機能の使い方
ChatGPT
  • ChatGPTとの連携
広告掲載
  • Google Adsenseの設定方法
作ってみた・こんなこともできる
  • linktree(リンクツリー)・lit.link(リットリンク)風の複数リンクまとめ機能を実装する方法
  • お絵描きや手書きができる機能の作り方
【日本最大級のノーコード開発実績】
無料でアプリ・システム開発の相談を受付中

    氏名

    法人名

    メールアドレス

    電話番号

    お問い合わせ詳細 ※分かる範囲でご記入ください

    送信ボタンを押すことで、個人情報の取扱いについてに同意したとみなされます

    「勉強になった!」「役に立った!」と思っていただけたら、是非シェアもお願いします!
    目次