ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明しています。Chatbot の運用実験は終了しました。ご協力いただいたみなさん、ありがとうございました。

Bubble

名言共有SNS「SHarK!!!」と新しい Bubble の学習コースについて

NoCodeCamp 杯 ノーコード ラボ賞 名言共有SNS「SHarK!!!」の概要 「SHarK!!!」の特徴 今後の展望 記事作成・受託開発開始 評価・実績 開発者概要 岩田 史門(Shimon Iwata) 重松隼人(Hayato Shigematu) 高尾圭祐(Keisuke Takao) リアルカレッジメンバ…

データベース設計の大まかな流れについて

ショッピングサイト 1. DBの目的を明確にする 2. 必要な情報を考え、整理する 3. 一覧表の関係性を確認する 4. アプリを作成する まとめ Bubble camp アシスタントの あぽとです。 BubbleをはじめとしたNoCode開発において、初心者がつまずくポイントのひと…

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう!~3: 動的な再帰スケジューリング編

定期スケジューリング(Recurring event)と Integromat でのスケジューリングの弱点 Backend Workflow の中で次の実行を予約する 心配な点 Workflow が動かない? ID が枯渇する? そもそもこんなことやっていいの? まとめ 皆さん、こんにちは! Bubbleで…

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

2020/08/26 - 2020/09/01 までの 1週間 インストール数ランキング 1位 Bubble Plugins (6,749 apps) 2位 Ionic Elements (3,879 apps) 3位 API Connector (3,067 apps) 4位 Google Material Icons (3,016 apps) 5位 Toolbox (2,756 apps) 6位 Random User Ge…

Bubble プラグイン画像もPNG化できる「Element to PNG」を作成しました

Bubble プラグイン画像もPNG化できる「Element to PNG」を作成しました 参考プラグイン:Element To Imageについて ノーコードラボの「Element to PNG」について プラグイン公開URL デモサイト 使用方法 元号ジェネレータについて 準備 プラグインを配置して…

Bubble等のNoCodeツールで作られた、実際に収益を上げているサイト5つをご紹介

Bubble camp アシスタントの あぽとです。 世界中にはBubbleで作られたサイト・アプリが、収益化や買収された事例が数多く存在します。 今回はその一部を紹介します。 またちょっと前にはなりますが、ついに日本初の買収案件も登場したため、こちらも併せて…

Bubble でデータ更新!auto-binding か Workflow、どっちを使う?

皆さん、こんにちは!今回は Bubbe の auto-binding(即時更新機能)について、まとめてみました。データ更新する際、auto-binding?それとも Workflow?をテーマに考えてみたいと思います! Bubble の auto-binding 機能とは? Input forms のエレメントで…

bubble camp 生徒の方々からいただいた Bubble に関する質問集 part.2

皆さん、こんにちは! 今回は、ノーコードラボの bubble camp 内で、生徒さんからいただいた質問まとめの第2回目です!前回に引き続き Bubble 開発におけるテクニックやアイデアなども含め、色々ご紹介していきたいと思いますので、どうぞお付き合いください…

Bubble で Twitter API を使ってみよう!(OAuth 2.0)

Bubble で Twitter API を使ってみよう! Twitter API について サンプルを作ろう 前準備をしよう Twitter Developer API Connector のインストール 実際に試してみよう API Connectorの設定 Twitter 検索のAPIを設定 タイムライン取得の API を設定 画面を…

Bubbleでスクレイピングをしてみよう!

Bubbleでスクレイピングをしてみよう! スクレイピングとは サンプルを作ろう dexi.ioの準備をしよう Robotを作ろう Outputsを設定しよう Stepsを設定しよう 実行してみよう Runを作成しよう 実際に実行してみよう API Keyを取得しよう Bubbleの準備をしよう…

bubble camp 生徒の方々からいただいた Bubble に関する質問集 part.1

皆さん、こんにちは! 今回は、bubble camp(ノーコードラボが Bubble を使って自分で Webアプリを作れるようになりたい人向けに行っている個別指導)内で、生徒さんからいただいた質問について、まとめてみました。Bubble 開発におけるテクニックや、知って…

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

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

Bubble から LINE メッセージを送信する方法

前提条件 LINE Bubble 設定方法 1. API Connector の設定 1.1 共通部分(認証)の設定 1.2 プッシュメッセージの設定 1.3 注意点 2. Bubble エディターの設定 まとめ こんにちは!ノーコード ラボの岡崎です。 今回は Bubble から LINE にメッセージを送信す…

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

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

Bubble で API Connector を使って Google Search Console に接続する方法

皆さん、こんにちは!今回は、Bubble の API Connectorを使って Google Search Console に接続しデータを取得するという方法についてご紹介したいと思います! また、データの取得には、OAuth2.0 や OpenID Connect といった知識も合わせて必要になってきま…

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~12:レスポンシブデザイン

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~12:レスポンシブデザイン レスポンシブデザインとは レスポンシブ設定 まとめ 終わりに bosyuさんもどきをBubbleで作ってみる!(初級者向け)~12:レスポンシブデザイン 皆さんこんにちは! Bu…

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

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~11:プロフィール画面を作ろう

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~11:プロフィール画面を作ろう プロフィール画面の機能について プロフィール画面遷移 プロフィール画面を作ろう 画面項目について メールアドレス認証未確認メッセージ エラーメッセージ ユーザ画…

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)7:Agora を使って Facetime もどきを実装する

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け) 】の第7回です。 皆さん、こんにちは!今回は、Agora というサービスを使って Bubble で Facetime もどきを実装していきます。 また、今回の実装では Zeroqode で公開さ…

Parabola と Bubble の Data API を使って Google Sheets から Bubble にデータをインポートする方法

Parabola とは? Bubble の Data API とは? Parabola のサインアップ方法 Google Sheets からデータを抜き出して Bubble にインポートする方法 Parabola で Google Sheets からデータを抜き出す データを加工する Bubble の Database を設定する Bubble の …

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

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~10:マイページを作ろう

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~10:マイページを作ろう マイページ機能について マイページの画面遷移 マイページを作ろう 画面項目について メールアドレス認証未確認メッセージ 募集一覧 XX人が応募しています 下書き ゴミ箱ア…

次世代ノーコードツールと Bubble の新バージョンの噂について

1. Play 2. Bildr 3. Draftbit 4. Bubble の新バージョンの噂 終わりに こんにちは!ノーコード ラボの岡崎です。 今回の記事で 100記事目という節目になるので、ちょっとだけ先の話をしてみたいと思います。 2020年は、日本国内でも NoCode の認知が進んで…

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう!~2: List編

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう!~2: List編 サンプルアプリについて 実際に作成してみよう 画面作成 メールアドレス一覧 エラーメッセージ Data作成 & Backend API Workflowの作成 Workflowの設定 追加ボタン 追加ボタン…

Bubbleで作られた、実際に収益を上げているサイト5つをご紹介

本記事は Bubble camp 第2期の中で NoCode Ninja さんから投稿いただいた Ninja レポートを転載したものです。 NoCode Ninja さん、ありがとうございました! ===== 今回のNinjaがお届けするレポートは、「Bubbleで作られた、実際に収益を上げているサ…

Auth0 と連携して Bubble で LINE ログインを実装する方法

皆さん、こんにちは!今回は、日本国内で最も普及率が高い SNS である LINE アカウントを使用したソーシャルログインを Bubble で実現する方法について、ご紹介したいと思います。 今回 LINE アカウントを使用するために、Auth0 というサービスを利用します…

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう!

Bubble の Schedule API Workflow を使った簡単バッチ処理をしよう! サンプルURL 前準備 実際に作成してみよう 画面作成 Data作成 Backend API Workflowを作成しよう Schedule API Workflowを設定しみよう まとめ Bubble の Schedule API Workflow を使った…

「Bubble で自分で Webアプリを作れるようになりたい人 bosyu! 」第2期結果報告

こんにちは!ノーコード ラボの岡崎です。 ノーコード ラボが主宰している Bubble の自学自習プログラム「Bubble camp」の第2期が終了しましたので、結果を報告します。 Bubble camp とは? ノーコード ラボが始めた Bubble の自学自習プログラム bosyu.me …

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~9:メッセージ画面を作ろう

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~9:メッセージ画面を作ろう メッセージ画面機能について メッセージ画面の画面一覧 メッセージ画面を作ろう 画面項目について メッセージ情報 応募ユーザ情報 メッセージ一覧 メッセージ作成ユーザ …

Bubble から SMS を送信して電話番号認証をする方法

皆さん、こんにちは!今回は、前回の Twilio と連携して Bubble から SMS を送信する方法を使って、Bubble で電話番号認証による本人確認を行う方法について、ご紹介したいと思います。 ノーコードラボでは、既に「Bubbleでログイン処理をしてみよう!」で、…