NoCodeアプリ作成サービス「Bubble」の導入検討を通して感じたこと

## 初めに
今話題のNoCodeで一番プラグインが充実していると思われる[Bubble](https://bubble.io/)について、
チュートリアルをこなして導入検討をしてみました。

宜しければご一読いただき、是非とも[公式チュートリアル](https://bubble.io/academy)をやってみてください！
全文英語ですが、日本人にもわかりやすい英語を使っていますし、
全12レッスン一回3分程ですぐ終わっちゃいます！！

間違った記述がありましたら直ぐに直しますのでご指摘ください！

## 経緯
なるべく短期でネイティブアプリ開発できる手段はないかと探していまして、
社内開発以外にも外部委託、CMS開発は直ぐに思い浮かんだのですが、
弊社の技術顧問がNoCodeいいらしいよ～と教えてくれたので調査しました。
[Bubbleでメルカリ風アプリを予算10万、1ヶ月で作っちゃう凄い記事](https://note.com/__shinji__/n/n4fc0052716e8)を拝見して、一気に興味が出ました。
## NoCodeでネイティブアプリを作る流れ
他のNoCodeサービスであるGlideも見ましたが、
基本的に、
__1.ツールでデザインとアクションを定義する__
__2.Webアプリかネイティブアプリを選択して成果物を生成する__
の流れだと思います。
__ネイティブアプリをビルドする際は、Jasonelleというツールを利用します。__
[参考記事](https://blog.nocodelab.jp/entry/2019/10/02/Bubble%E3%81%A7%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E5%8C%96%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95_)
Web版とネイティブアプリ版が同時に作れてしまうんですね！

__データについては、Bubble側で専用のDBを持っていて管理してくれます。__
GlideですとGoogleSpreadSheetが担ってくれます。

## 料金
[公式料金表※2020/9/14時点](https://bubble.io/pricing/compare)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/285286/6454c4a5-ed2d-8635-dd86-1826f93c8fac.png)
スケールアップについては、
>You can add capacity or storage to any plan at any time. Capacity is $30 per unit per month, file storage is $10 per 10 GB per month.

といった感じで、然程AWSのEC2とかと料金は変わりはないのかなと思います。
大人気アプリになるか分からない初期プロダクトでは、Personalにして状況をみて、スケールアップするないし、プラン変更すればいいかな？

## Bubbleの特徴
__チュートリアルがアニメーションで指示してくれて分かりやすい__
![27f1ac7b9f1369ade1f0bceb471808f6.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/285286/1daeb7a5-81d8-d2b3-6279-9589f3b5a0f8.gif)
こんな感じにブラウザ上でチュートリアルの指示を的確に出してくれます。
説明は全て英語ですが、特に難しい単語は出てきませんし、
何回かレッスンをこなせば体感的に覚えられると思います。
__・データの登録処理__
__・ログイン認証__
__・データの変更処理__
__・Mapのプラグイン__
__・スライドショーのプラグイン__
__・画面遷移__
__・画面間のデータの受け渡し__
__・リスト表示__
__・TODOアプリ__
等、最低限のアプリ開発に必要そうな学習ができます。

__テンプレートやプラグインが豊富__
詳しくは[公式のマーケットプライス](https://bubble.io/marketplace)を見ていただけたらと思いますが、
[・タスク管理テンプレ](https://bubble.io/template/tasky---projects+-landing-1484131124251x761301487060779000)
[・ログイン認証テンプレ](https://bubble.io/template/modern-login-1531746865939x595298125481246700)
[・ダッシュボードテンプレ](https://bubble.io/template/ez-dashboard-1571845225384x467072888827019260)
[・Slackプラグイン](https://manual.bubble.io/bubble-made-plugins/slack)
[・Dropboxプラグイン](https://bubble.io/plugin/dropbox-v2-1543169685024x571194097926930400)
[・Google Analyticsプラグイン](https://bubble.io/plugin/google-analytics-1585795580242x112607481679314940)
等いろいろ揃っています。(中には有料のものがあります)

__高速でアプリが作れそう__
用意されたかっこいい今風テンプレ機能を組み合わせて、CRUD操作を絡めた機能をサクサク作れてしまいます。
[・ECサイトテンプレ](https://bubble.io/templates)
[・ブログテンプレ](https://bubble.io/templates)
[・LPテンプレ](https://bubble.io/templates)
[・SNSテンプレ](https://bubble.io/templates)

__欲しいプラグインが存在しない場合は作ってしまえばいい__
JavaScriptでプラグインを自作することもできます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/285286/e3988121-58bf-3c0e-c2c2-397e7c2b24f4.png)
[こちらの記事で実際に作られています](https://blog.nocodelab.jp/entry/create-plugin-2#2-%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E4%BD%9C%E6%88%90%E3%81%AE%E6%BA%96%E5%82%99)
非公開で自作のAPIへの接続プラグインを作ってしまえば、自前のDBとの連携もできちゃいそうですね!

__iOSのビルドには注意が必要__
Jasonelleでネイティブアプリをビルドする際、iOS版で動作に不安要素があるようです。
[BDK Native Plugin](https://www.notion.so/BDK-Native-Plugin-Documentation-f39872f62d84489594aea28e46185947)という有料のプラグインを利用すると確実のようです。
[参考](https://blog.nocodelab.jp/entry/2019/10/02/Bubble%E3%81%A7%E4%BD%9C%E6%88%90%E3%81%97%E3%81%9F%E3%82%A2%E3%83%97%E3%83%AA%E3%82%92%E3%83%8D%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E5%8C%96%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95_)

## 最後に
調べてみてかなり可能性を感じました！
今回弊社のプロダクトで見送りになっても、個人的には活用してみたいと思います！！