ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明します。質問やご指摘大歓迎です。わからないことがあったら、コメントや Twitter などで聞いてください!

Bubble のプラグインの人気週間ランキングトップ20(2020/08/26 - 9/1)

f:id:toka-xel:20200909225114p:plain

こんにちは!ノーコード ラボの岡崎です。 だいぶ久しぶりの更新になってしまいました!

今回は Bubble のプラグインの 1週間のインストール数を調べてみましたので、そちらをご紹介します! 以前、2019年12月25日に累計のトップ20を調べてみましたが、累計ではなく、最近の人気を知りたかったため、1週間のランキングを作ってみました。 blog.nocodelab.jp

2020/08/26 - 2020/09/01 までの 1週間 インストール数ランキング

1位 Bubble Plugins (6,749 apps)

f:id:toka-xel:20200909214807p:plain

Bubble 純正のプラグインです。
こちらのプラグインをご存知の方はいらっしゃいますでしょうか?
これは Bubble のプラグインの一覧を取得するためのプラグインです。

そんなのが何で 1位なの?と不思議に思う方も多いと思います。
実はこのプラグイン、不具合なのか分かりませんが、一時期 Bubble で新規アプリを作った際にデフォルトでインストールされていました。
恐らくはその時期に作ったアプリをコピーするなどしてそのままインストール数が増えているのではないかと思います。
そのため、せっかくの 1位なのですが、こちらはちょっと違うかな?と思っていますので、2位以下は一つ繰り上げて実質○位という形で紹介します。

2位 Ionic Elements (3,879 apps)

f:id:toka-xel:20200909214835p:plain

実質の1位はこちらの Ionic Elements です。こちらも Bubble 純正です。
昨年12月のランキングでは 1位。人気は衰えませんね。
スマホの利用を考えているのであれば、是非とも入れたいプラグインです。
私もほとんどのWebアプリで使っています。

f:id:toka-xel:20191225163532g:plain

3位 API Connector (3,067 apps)

f:id:toka-xel:20200909214849p:plain

実質2位。Bubble 純正で昨年12月のランキングでも 2位。

外部で提供されている API に接続して Bubble で利用するための汎用的な API Connector です。
プラグインが用意されている時はそちらを利用する方が簡単なのですが、プラグインがない場合は、API Connector を使って任意の API に接続することができます。

使用方法は当ブログでも多数紹介していますので、是非見てみてください。
結構難しいですが、使えるようになると幅が広がります!

blog.nocodelab.jp

4位 Google Material Icons (3,016 apps)

f:id:toka-xel:20200909214909p:plain

実質3位。昨年12月のランキングでも3位。

Google が提供しているマテリアルアイコンを簡単に使えるようにしてくれる Bubble 純正のプラグインです。

Icons - Material Design

良質で豊富なアイコンを使用できるので、多くのアプリでインストールされています。

デザインテーマを Material Design にした時は特に必須!

5位 Toolbox (2,756 apps)

f:id:toka-xel:20200909214927p:plain

実質4位。昨年12月のランキングも4位。

forum.bubble.io

こちらは、List of Numbers、Expression、List Item Expression、Javascript to Bubble の 4つのエレメントがまとめられて提供されているプラグインです。
どれも使える機能なのですが、中でも一番凄い機能は、「Javascript to Bubble」だと思います。
文字通りですが、カスタムされた Javascript を作成して、Bubble のワークフローで利用することができます。クライアントサイド、サーバサイド、両方で利用可能です。

ノーコード開発では、どうしても痒いところに手が届かないと言われますが、この機能を使うことによって、手が届く範囲が大幅に広がります!
コードを使える方には是非トライしてみていただきたいプラグインです!

Misha V さん作成

Toolbox Plugin | Bubble

6位 Random User Generator (1,689 apps)

f:id:toka-xel:20200909214938p:plain

実質5位、昨年12月のランキングでは6位でした。

テスト用にランダムなユーザーデータ(氏名、性別、住所、郵便番号、電話番号、Emailアドレス、画像等)を作成できるプラグインです。大量のユーザーデータを用いてテストするときに有用なプラグインです。

日本人用の Random User Generator があったら嬉しいな〜と長いこと思っています。誰か作っていただけませんか?w

Coaching No Code Apps さん作成

Random User Generator Plugin | Bubble

7位 AirAlert (1,475 apps)

f:id:toka-xel:20200909215001p:plain

実質6位、昨年12月のランキングでは圏外でした。人気急上昇中のプラグインです!
お洒落で使いやすいアラートを使えるようになるプラグインです!

AirDev さん作成

AirAlert Plugin | Bubble

f:id:toka-xel:20200909183430g:plain

8位 Air Date/Time Dropper (1,442 apps)

f:id:toka-xel:20200909215027p:plain

実質7位、昨年12月のランキングでは14位でした。こちらも人気急上昇!

forum.bubble.io

日時を選択できるお洒落なドロッパーです。

ただし、日本でよく使う yyyy/mm/dd などのフォーマットには対応していないので、残念ですが国内向けサービスには使いにくいです。

国内向けには代わりに Air Date/Time Picker をオススメします。

f:id:toka-xel:20200909215041p:plain forum.bubble.io

こちらは yyyy/mm/dd など、日付のフォーマットをカスタマイズできます。

f:id:toka-xel:20191225221800g:plain

Air Date/Time Picker の使い方については、当ブログでも記事にしていますので、ご参考ください。

blog.nocodelab.jp

どちらも Seanhoots さん作成

Air Date/Time Dropper Plugin | Bubble

Air Date/Time Picker Plugin | Bubble

9位 Draggable Elements (1,423 apps)

f:id:toka-xel:20200909215118p:plain

実質8位。昨年12月のランキングでは 9位。

ドラッグ&ドロップで操作する時に必要となる Bubble 純正のプラグインです。
使い方は当ブログでも記事にしていますので、ご参考ください。

blog.nocodelab.jp

blog.nocodelab.jp

f:id:yksmt:20191111123057g:plain

10位 Air Color Picker (1,372 apps)

f:id:toka-xel:20200909215144p:plain

実質9位、昨年12月は16位だったので、大幅アップです!

アプリ内で色を指定することができるようになります。

試しにページの Background-color を動的に変更するようにしてみました。

f:id:toka-xel:20191225200037g:plain

動的に色を扱えるようになるので、応用範囲も広いです。
色を指定する時には必ずこちらにお世話になります。

Seanhoots さん作成

Air Color Picker Plugin | Bubble

11位 Discord (1,332 apps)

f:id:toka-xel:20200909215200p:plain

実質10位、昨年12月は圏外だったので、こちらも急上昇です!

Discord は主にゲーマー向けのボイスチャットサービスです。
今年はコロナのせいでリモートワークをしなければいけないということで、Zoom だけでなく Discord にも人気が集中したものと思われます。

Wayne Bennett さん作成

Discord Plugin | Bubble

12位 Howler.js music / audio player (1,284 apps)

f:id:toka-xel:20200909215213p:plain

実質11位、昨年12月は圏外だったので、こちらも急上昇です!
音を出そうとした場合、こちらのプラグインが第一候補になります。
ただし、このプラグインは無料版なのですが今は非推奨になっていますので、ご注意ください。

有料のプロ版がリリースされていますので長く使おうと考えている人はプロ版もご検討ください。

f:id:toka-xel:20200909215225p:plain

No Code Co さん作成

Howler.js music / audio player Plugin | Bubble

Howler.js Pro - Audio / Sound Plugin | Bubble

13位 Air Keyboard Shortcut (1,259 apps)

f:id:toka-xel:20200909215241p:plain

実質12位、昨年12月は圏外です。こちらも急上昇!
キーボード入力に対応できるようになります。
結構複雑な入力コマンドにも対応できるので、様々な用途に利用できます。

f:id:toka-xel:20200909182328g:plain

こちらはコナミコマンド(上上下下左右左右ba)を入力したらスペースシャトルのアイコンが表示される様子です。
これは実際にやってみないとわからないですね。。。

興味を持ってくれた人いらっしゃいましたら、こちらからお試しできますので、キーボードで上上下下左右左右ba と入力してみてください!

https://lab-1st-app.bubbleapps.io/version-test/keyboardshortcut?debug_mode=true

Seanhoots さん作成

Air Keyboard Shortcut Plugin | Bubble

14位 Slidable Menu (1,162 apps)

f:id:toka-xel:20200909215305p:plain

実質13位、昨年12月は5位でしたので、大幅なダウンです。
確かに Slidable Menu は使わなくなったな〜という印象です。

こちらは名前の通りですが、スライドするメニューを作成することができる Bubble 純正のプラグインです。

f:id:toka-xel:20191225171334g:plain

15位 Multiselect Dropdown (1,111 apps)

f:id:toka-xel:20200909215326p:plain

実質14位、昨年12月は7位でしたので、こちらも大幅なダウンです。
Multiselect Dropdown は使い勝手もいいのですが・・・でも出番は少ないかもしれませんね。。。

通常のドロップダウンは複数の選択肢から1つを選ぶのですが、このプラグインでは、複数の選択肢から複数を選択することができるようになります。

Bubble 純正のプラグインです。

f:id:toka-xel:20191225210551g:plain

16位 Progress Bar (985 apps)

f:id:toka-xel:20200909215340p:plain

実質15位、昨年12月は15位で変わらず。

進捗度合いを示すプログレスバーを表示するための Bubble 純正プラグインです。

f:id:toka-xel:20191225200819p:plain

なお、弊社では純正の Progress Bar ではものたらなかったので、独自に Twitter Bootstrap 4 のプログレスバーのプラグインをリリースしています。

f:id:toka-xel:20200909215353p:plain

2020/09/08 時点で 318 apps インストールされています。
弊社作成のプラグインの中では一番インストールされていますので、もし良ければ使ってみてください!

blog.nocodelab.jp

Simple progress bar Plugin | Bubble

17位 CountUp Animation (941 apps)

f:id:toka-xel:20200909215431p:plain

実質16位、昨年12月は圏外でした。
カウントアップしていくアニメーションです。
シンプルですけど、数字を目立たせたい時などに使えそうです!

AirDev さん作成

CountUp Animation Plugin | Bubble

f:id:toka-xel:20200909175625g:plain

18位 Slick Slideshow (901 apps)

f:id:toka-xel:20200909215445p:plain

実質17位、昨年12月も17位変わらずです。

こちらはスライドショーを簡単に作ることのできる Bubble 純正のプラグインです。

f:id:toka-xel:20191225193332g:plain

こんな感じのスライドショーを簡単に作ることができます。

19位 Intercom (869 apps)

f:id:toka-xel:20200909215457p:plain

実質18位、昨年12月は圏外でした。

Intercom は カスタマーサポートのプラットフォームです。
日本のサービスでも画面の右下にこんなマークのオンラインチャットをよく目にするようになってきました。

f:id:toka-xel:20200908142318p:plain

こちらはこの Intercom を Bubble に組み込むためのプラグインです。

Copilot さん作成

Intercom Plugin | Bubble

20位 Random Colors (868 apps)

f:id:toka-xel:20200909215507p:plain

実質19位、昨年12月は圏外でした。

文字通りランダムな色を生成することができます。
通常、完全にランダムな色を作ろうとすると暗い色になりがちなのですが、このプラグインでは、色相や明度を指定することで、明るく魅力的な色をランダムに生成することができます。

No Code Co さん作成

Random Colors Plugin | Bubble

f:id:toka-xel:20200909171455g:plain

2秒おきに Random Colors プラグインで作成した色に変更しています。

21位 Circle Music Player (849 apps)

f:id:toka-xel:20200909215524p:plain

実質20位、昨年12月は圏外でした。

音声ファイルを再生するためのプラグインです。
昔からある Bubble 純正のプラグインなのですが、ここへ来てまた使われ出したようです。
12位の Howler.js music / audio player の方が使い勝手がいいですが、サポートが切れているということもあり、Circle Music Player の人気が復活したのかもしれません。

ランキングから姿を消したプラグイン

昨年12月時点でランキングに入っていた以下のプラグインが 20位以内から姿を消しました。

  • 8位 Stripe → 33位
  • 10位 Rich Text Input → 22位
  • 11位 Full Calender → 27位
  • 12位 Chart Element → 24位
  • 13位 Facebook → 42位
  • 18位 Bootstrap Star Rating Input → 31位
  • 19位 Google Analytics → 60位
  • 20位 AddToAny Share Buttons → 44位

個人的には Stripe の大幅ダウンにびっくりしています!
Bubble で決済を行うのであれば、Stripe のプラグインは必ず使いますので。
MVP を作るために Bubble を使う人が増えているのか?それとも単に課金しない Webアプリを作る人が増えているのか??謎です。

まとめ

20個中8個が入れ替わったということで、なかなか流行りみたいなものを実感できるランキングだったと思います。
一方で上位陣は昨年12月とほぼ変わらないということで固定されてきた感もあります。

流行り廃りはどうしてもあると思いますが、人気のある、もしくは人気が出てきたプラグインについてはひとまず触っておきたいものだと感じました。

それでは、また!