Random User Generator とは Random User Generator の使い方 事前準備（プラグインのインストール） ユーザー表示方法（１人） ユーザー表示方法（複数人） ユーザー保存方法（１件） User テーブルの準備 Group に配置した＋ボタンから登録する場合 Repeat…
自動テストサービスとは？ Autify の特徴とプライシング 対応できる範囲／できない範囲 使ってみよう 1. 登録しよう 2. Autify の基本要素 2.1 テストシナリオ 2.2 レコーダー（Autify Recorder） 2.3 シナリオ詳細画面 2.4 テスト結果詳細画面 2.5 テストプ…
この記事は 【 Bubble で calendly クローンを作ってみる！（初級者向け） 】の第５回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp みなさん、こんにちは！前回は、ユーザーによって指定された「1回限り…
1. プラグインなしでもワンアクションのカメラ起動は可能か？ 2. カメラ起動のプラグインの比較 2.1. Mobile Camera Input 2.2. Simple Mobile Camera Input 2.3. Camera Capture and Video Recorder Plugin 3. Camera Capture and Video Recorder Pluginを…
どんな機能？ Run Javascript Javascript to Bubble 作成するサンプルについて 使ってみよう！ #1 Run Javascript #2 HTML エレメントのスクリプトタグ イベント生成機能を使おう 活用例 別ウインドウを開く 日時の差分を計算する まとめ みなさんこんにちは…
Toolboxとは？ 事前準備 プラグインインストール List of Numbers どんな機能？ 使ってみよう 活用例 まとめ こんにちは！ 今回は、Bubble の人気プラグインのひとつ「Toolbox」プラグインについて紹介します。 Toolbox プラグインはとても便利なプラグイン…
この記事は 【 Bubble で calendly クローンを作ってみる！（初級者向け） 】の第４回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp みなさん、こんにちは！前回は、ユーザー（管理者）のダッシュボード…
この記事は 【 Bubble で calendly クローンを作ってみる！（初級者向け） 】の第３回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp みなさん、こんにちは！前回は、ログイン周りとアカウントの設定ペー…
仕様変更の概要 プライバシールールをあとから変更するには 仕様変更の概要 2021年4月17日、Bubbleのプライバシールールにかかる変更がアナウンスされました。 https://forum.bubble.io/t/improvements-to-working-with-data-privacy-rules/146554 data type…
この記事は 【 Bubble で calendly クローンを作ってみる！（初級者向け） 】の第２回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp みなさん、こんにちは！ 前回は、アプリの全体像を把握しやすくするた…
1. Web アプリとネイティブアプリの違い 2. ネイティブ化してみよう 2.1. Bubbleで作ったアプリをネイティブ化できるプラグインの比較 2.1.1 BDK Native 2.1.2 codeless academy 2.1.3 Nativizer 2.1.4 Nativator（2021年4月21日追記） 2.2. Nativator.io と…
この記事は 【 Bubble で calendly クローンを作ってみる！（初級者向け） 】の第１回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp 1. 作成するページと役割について 2. データベースの構成について Eve…
みなさん、こんにちは！ 今回は、Bubble の初級者向けコンテンツの新シリーズで、スケジュール調整で有名なWebサービス calendly のクローンを作成していきたいと思います。 calendly は、会議などの時間を調整できるサービスで無料プランもあり、本家サービ…
1. 準備 1.1. List Shifter をインストールしよう 1.2. 使用するリストを作ろう 2. List Shifter を動かしてみよう 2.1. List Shifter でリストをReverse しよう 2.2. List Shifter でリストを回転（Rotate）しよう 2.3. List Shifted とShifted List の違い…
題材となる DB User Type WorkingHours Type WorkingHoursPerMonth Type Privacy 設定 Bubble の Data API の設定 Parabola の設定 Bubble からデータを持ってくる API Endpoint URL の設定 API Token の設定 Parabola で必要なデータだけ抽出する Parabola …
Bubble Agency プランについて Bubble の全機能を利用可能 他のユーザーとコラボレーション可能 独自ドメインとホワイトラベル パスワード保護 Agency 一覧への登録 2021年3月12日 追記 2021年3月16日 追記 利用条件 弊社との Webアプリの共有について まと…
1. Bildr に登録しよう 2. Bildr を使ってみよう 2.1. はじめにチェックするべきページ 2.2. 新しいプロジェクトを作ろう 2.3. Bildrのワークスペースとは 2.4. ページの新規作成／追加 2.5. テキストの入力 2.6. ボタンの設置 2.7. Bildr のブロック機能と…
1. Softrの新しい機能 2. Softr の新機能を使ってみよう！ 2.1. Airtableと連携しよう 2.2. 有料会員限定コンテンツの作成 2.3. Stripeチェックアウトの設定 2.4. ルールに基づいた可視化設定 2.5. 動作確認 2.6. ユーザーの手動管理機能 2.7. サインアップ…
1. PWA とは 2. A2HS とは 2.1 iOS の場合（Safari） 2.2 Android の場合（Chrome） 3. iOS への対応（Web Clip の作成） 3.1 apple-mobile-web-app-capable 3.2 apple-mobile-web-app-status-bar-style 3.3 apple-mobile-web-app-title 3.4 apple-touch-ico…
1. Softr のメンバーシップ機能を使うためのプラン 2. 事前準備 3. ウェブアプリの構築 3.1 ページの作成 3.2 Home ページの設定 3.3 サインアップページの作成 3.4 サインインページの作成 3.5 ログインユーザーのみ閲覧可能なエリアの設定 3.6 ログインユ…
第5回 独自ドメインの設定方法 1. 事前確認 2. ドメインの取得 2.1 ドメインの決定・検索 2.2 ドメイン確認・サーバー選択 2.3 料金確認 2.4 支払い方法確認・購入手続き 3. Bubbleへの紐づけ 3.1 Bubble の有料プランについて 3.2 Bubble の Personal Plan …
概要 アプリを作ってみよう Bubbleでアプリを新規に作ろう 画面サイズの設定 データの作成 オプションセットとは？ データの準備 コンテンツの配置 テキスト「じゃんけんぽん！」の設置 グーチョキパーの図の設置 結果と「もう一回」ボタンの表示（ポップア…
第４回 レスポンシブデザイン対応 1. レスポンシブデザイン対応の基礎知識 1.1 レスポンシブと設定ページについて 1.2 画面を狭めた時のレスポンシブ 1.3 画面を広げた時のレスポンシブ 2. レスポンシブデザイン対応実装 2.1 事前確認と設計 2.2 タイムライ…
2021/02/22 追記 Zeroqode の Calendar from Google プラグイン更新（v1.11.0 ⇒ v1.14.0）に伴い、以下でご紹介しているGoogleカレンダーの「イベント一覧の取得」「イベントの新規作成」「イベントの削除」は Calendar from Google の設定値を API Connecto…
1. Softr とは 2. Softr の特徴 2.1 ブロックを積み上げて画面をデザインする 2.2 Airtable を DB として使う 2.3 さまざまなサービスと連携可能 2.4 コードも書ける 2.5 開発スピードが早い 3. Softr で作れる Webアプリ 4. 実際に使ってみる 4.1 Softr の…
※この記事は下記のブログ記事を英訳したものです。海外からの問い合わせが増えてきたため英訳しました。 blog.nocodelab.jp Background Preparation Plugin installation Register to LINE Developers Create a provider channel with LINE Developers LINE …
Bubble のアプリを誰かにプレゼントする方法 (1) プレゼントするアプリをコピーして、重要な情報を削除する (2) アプリを Transfer する まとめ こんにちは！ノーコード ラボの岡崎です。 今回は Bubble のアプリを誰かにプレゼントする方法についてご説明し…
① Vertical scrolling（垂直スクローリング） ② Ext. vertical scrolling（拡張型垂直スクロール） ③ Full list（完全リスト） ④ Fixed number of cells（セル数の固定） ⑤ Horizontal scrolling（水平スクロール） まとめ みなさんこんにちは！ 今日は、Bub…
皆さん、こんにちは！ノーコードラボの bubble camp 内で、生徒さんからいただいた質問まとめの第3回目です！今回も Bubble 開発におけるテクニックやアイデアなども含め、色々ご紹介していきたいと思いますので、どうぞお付き合いください！ 1. Field type …
第3回 音声の録音＆投稿、再生機能の作成方法 1. 音声録音機能導入 1.1 音声録音プラグインのインストール 1.2 「Popup tweet」の編集 1.2.1 録音開始マーク、録音中マークの設置 1.2.2 Audio Recorder & Vizualiserの設置 1.2.3 保存ボタンの設置 2. 音声再…
