ノーコード ラボ

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

プラグイン

BubbleでAlgoliaを使って検索してみよう!

BubbleでAlgoliaを使って検索してみよう! Algoliaとは? Algoliaの準備をしよう アカウントを作ろう インデックスを作ろう API Keyを確認しよう Algoliaプラグインをインストールしよう プラグインの設定をしよう サンプルを作ってみよう Dataについて 検索…

Bubble でカスタマイズしたカレンダーを作成!「Air Date/Time Picker」プラグイン!

こんにちは!Bubble camp アシスタントの あぽとです! 今回は、Bubbleでの日付・時刻入力に関するプラグインを紹介します。 お店の予約、期限の設定など、日時を入力する場面は多々考えられます。 この時、文字入力やプルダウン入力でもいいですが、 カレン…

Bubble での QRコード生成について

本記事は Bubble camp 第2期の中で NoCode Ninja さんから投稿いただいた Ninja レポートを転載したものです。 NoCode Ninja さん、ありがとうございました! ===== はじめに QRコードとは 表現できるデータ 実用例 Bubbleで実装する 使い方 imageエレ…

Bubble Zeroqode の「Reverse Repeating Group」プラグインを使ってみた

皆さん、こんにちは!今回は、Bubble の有料プラグインについて、ご紹介したいと思います。「有料プラグインは使ってみたいけど、もし思ってたことが出来なかったら嫌だな~」なんてこと、ありませんか? ノーコードラボでは、今までに使ったことがある有料…

Twilio と連携して Bubble から SMS を送信する方法

皆さん、こんにちは!今回は、Bubble から SMS(ショートメッセージサービス、ショートメール)を送信する方法として、Twilio というサービスを利用して実現する方法をご紹介したいと思います。 1. Twilio とは 2. Twilio の使い方 2-1. Twilio にサインアッ…

Bubble プラグイン 第3弾は進捗率を表示する「Simple progress bar」を作成しました。

皆さん、こんにちは! Bubble での自作プラグインの作り方について、幾つかご紹介していますが、今回は、進捗率を表示する「Simple progress bar」を作成しましたので、ご紹介したいと思います。 1. Bubble 純正の「Progress bar」プラグイン 2. ノーコード…

Bubble で動的な円を描画するプラグイン「Dynamic circle」を作成しました

皆さん、こんにちは!「縦書き」プラグインに続き、自作プラグインの第2弾をリリースしましたので、ご紹介させていただきます。今回は値を参照して動的なサイズで円を描画するプラグインです。 作成方法は基本的に「縦書き」プラグインの時と ほぼ同じですが…

Bubble で「縦書き」プラグインを作成してみた

皆さん、こんにちは!今回は、前回の郵便番号から住所検索を行うプラグインに引き続き、Bubbleで「縦書き」表示できるプラグインを作成しましたので、今回は その過程をご紹介したいと思います。自作プラグインの作成に興味をお持ちの方は、是非参考にしてみ…

Bubble で自作のプラグインを作成してみよう!

皆さん、こんにちは! 今回は、Bubble で自作のプラグインを作成する方法についてと、作成したプラグインを自分のBubble アプリにインストールして使用するまでの手順をご紹介したいと思います。プラグインは、以前の記事「BubbleでAPIを使ってみよう!」で作…

Bubble で SendGrid を使ってみる

SendGrid を bubble で使いたい まずは下準備 SendGridでメールテンプレートを作成する Bubble側での作業 おすすめ記事 SendGrid を bubble で使いたい 前回に引き続き、SendGrid 関連の記事となります。 当 nocodelab でお馴染みの bubble ですが、こちらの…

Bubble の人気プラグインランキング トップ20(2019年12月25日調べ)

こんにちは!ノーコード ラボの岡崎です。 Bubble には、より早く簡単で安全にアプリを作れるようにするためにプラグインが多数用意されています。 Bubble 純正のプラグインの他、サードパーティも多くのプラグインを作っています。 そこで、今回は 2019年12…

Bubbleのプラグインを使ってみよう。

1. Bubbleのプラグインを使ってみよう。 1-1.はじめに 2. プラグインを準備しよう。 2-1. プラグインをインストールしてみよう。 2-2. HTMLのIDを利用できるように設定しよう。 3. プラグインを使用してみよう。 3-1.画像をグループ化しよう。 3-2.プラグイ…