ノーコード ラボ

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

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 の Figma からのインポート機能の使い方

本記事は タツヤ@ノーコードデザイナー さんからご寄稿いただきました。 タツヤ@ノーコードデザイナー さん、ありがとうございました! はじめに Figmaとは Figmaでできること 実用例 Bubbleにインポートする 使い方 Figma側での準備 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エレ…