はじめに DB事例集１ nosyu nosyuとは？ DBダイアグラム DBの設計について もう一つの案について 終わりに はじめに 現在、「Bubble で自分で Webアプリを作れるようになりたい人 bosyu！2」（長いので、内部的には「 bubble camp」とい呼んでいます。）を行…

ノーコード ラボの岡崎です。 今回は以前 bosyu さんで募集していた「Bubble で自分で Webアプリを作れるようになりたい人 bosyu！」の１期生であるタツヤさんが作った「MYTH BUSTING HAMMER」をご紹介します。 MYTH BUSTING HAMMER とは？ https://app.cdac…

bosyuさんもどきをBubbleで作ってみる！（初級者向け）～５：募集検索しよう 募集検索の機能について 募集検索の画面遷移 画面について 画面項目について キーワード検索欄 該当件数と新着一覧に戻る 募集一覧 募集一覧の詳細 募集種別 募集内容 作成ユーザ…

皆さん、こんにちは！ Bubble での自作プラグインの作り方について、幾つかご紹介していますが、今回は、進捗率を表示する「Simple progress bar」を作成しましたので、ご紹介したいと思います。 2020/12/08 追記 Bubble のバージョンアップに伴い、本プラグ…

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

bosyuさんもどきをBubbleで作ってみる！（初級者向け）～４：募集を作ろう 募集作成の機能について 募集作成の画面遷移 募集登録画面を作ろう 画面項目について Group Nosyuについて メール未確認の注意コメント 募集の種別（手伝いたい、依頼したい、雇いた…

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

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

Integromat 経由でツイートする方法 1. Integromat でシナリオを作成する やりたいこと 1.1 Webhook を作成する 1.2 Integromat のシナリオでツイートする 1.3 レスポンスを返す 2. bubble 側の API Connector の設定を行う 3. Integromat 側の再設定を行う …

bosyuさんもどきをBubbleで作ってみる！（初級者向け）～３：ヘッダーを作ろう Reusable elementsについて ヘッダーの機能 ヘッダーの画面遷移 ヘッダーを修正しよう 画面項目 Header スマートフォン用ヘッダー PC用メニューバー メニュー ワークフロー 画面…

1. アプリケーションのデフォルトの言語の設定 2. Bubble の言語切り替えの方法 2.1 QueryString での lang パラメーターの設定 2.2 User Type での言語フィールドの設定 2.3 共通する注意点（Refresh が必要です！） 2.3.1 QueryString での lang パラメー…

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第４回です。 本コンテンツの記事が初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認くださいね。 blog.nocodelab.jp 今回作成するページ 今回は…

bosyuさんもどきをBubbleで作ってみる！（初級者向け）～２：サインアップ・ログイン機能を作ろう サインアップ・ログイン機能について サインアップ・ログイン機能の画面の流れ トップページ（index）を作ろう 画面項目 ワークフローの設定 Twitterログイン…

みなさん、こんにちは！ 以前の Bubble 記事に、Input エレメントを使用して、部分一致検索を行うテクニックをご紹介した「Bubbleで検索してみよう！」がありますが、今回は、この Input を Search Box にした場合についてご紹介したいと思います。 blog.noc…

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第３回です。 本コンテンツの記事が初めての方は、以下の記事でコンテンツの説明をしていますので、ご確認くださいね。 blog.nocodelab.jp コンテンツを公開してから…

bosyuさんもどきをBubbleで作ってみる！（初級者向け）～１：前準備をしよう 1. アプリ作成 2. プラグインをインストールしよう 2-1. Twitterの設定をしよう 3. Dataを作成しよう 3-1. Userを設定しよう 3-2. Messageを設定しよう 3-3. NosyuDataを設定しよ…

bosyuさんもどきをBubbleで作ってみる！（初級者向け） 前提条件 目的 作成方針 機能内容 コンテンツ bosyuさんもどきをBubbleで作ってみる！（初級者向け） Bubbleでノーコードライフ楽しんでいますか？？ Bubble初級者向け講座として、 第１弾は、iPhoneメ…

以前のStripeに関する記事では、Bubbleでシンプルなオンライン決済を導入する Stripe Payments について ご紹介しました。 今回は、マーケットプレイスやシェアリングサービスといった、プラットフォーム、顧客、および売り手の間で支払いのルーティングが可…

Integromat + Bubble(Backend Workflows) を使った簡単バッチ処理をしよう！ 前準備 BubbleでBackend Workflowを設定しよう API Connectorの設定をしよう Dataを設定しよう Backend Workflowを設定しよう Backend Workflowを作成しよう 1.天気のデータを取得…

皆さん、こんにちは！ 早速ですが、皆さんは Udemy や Teachable というサービスをご存知ですか？ 以前にノーコードラボでも取り上げたサービスなので、ご存知の方も多いかもしれませんね。これらのサービスは簡単にまとめると「学習用の動画コンテンツを販…

Coda とは？ ドキュメント作成アプリ？ coda.io NoCode界隈で、Codaというアプリケーション名を聞いたことがある方は少なくないと思います。 実は先日のブログでご紹介したRemoteHQというアプリも、このCodaを利用して作成されているそうです。 しかし、Coda…

1. テンプレートを作った理由 1.1 日本語環境への対応 1.2 認証周りの処理の作り込み 1.3 いいね！とコメント機能 の実装 1.4 あえてやっていないこと 1.5 その他 2. テンプレートの設計 2.1 画面構造 製品紹介関連のページ 認証周りのページ 3. 使い方 3.1 …

1. プライバシーロールとは 2. プライバシーロールの設定方法 2-1. Privacyタブ 2-2. ロールを定義する Allow auto-binding 補足 3. プライバシーロールの動作確認をしてみよう 3-1. サンプルページの準備 3-2. 「Message」テーブルの準備 3-3. サンプルデー…

こんにちは！ ノーコード ラボの岡崎です。 Bubble の中で利用されているメッセージは各国の言葉に翻訳されているのですが、日本語は機械翻訳のような文章になっており、意味がわからなくて困ることがよくあります。 そこで今回はもう少し日本語訳がわかりや…

第６回メールアドレスとパスワードを変更しよう メールアドレスとパスワードを変更しよう メールアドレスを変更しよう（ソーシャルログイン） まとめ Bubble でログイン処理をしてみよう！コンテンツ一覧 第６回メールアドレスとパスワードを変更しよう これ…

昨今、働き方改革や今回のコロナウィルスの蔓延などで、リモートワークの活用がますます重要になってきました。 その際に重要なのが、チームでどのようなコミュニケーションツールを利用するかです。 このブログをご覧になっている方たちは、slackやzoomなど…

Stripe とは 1. Stripe にユーザー登録する 2. Bubble に Stripe で決済する準備を行う 2.1 新規アプリの作成 2.2 Stripe プラグインの追加 2.3 Stripe プラグインの設定 3. Bubble で Stripe プラグインを使って決済を行う 3.1 通常の支払いと返金 テスト …

第５回Twitterログインについて Twitterログインの問題点 サンプルを作ってみよう １．事前準備 ２．index画面～Twitterログインをしてみよう ３．mypage画面～Twitterログインをindexで行おう ４．detail画面～Twitterログインをindexで行おう ５．index画…

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第２回です。 前回の記事を確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp それでは続きを作っていきます！ index ページを「メッセー…

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第１回です。 前提条件等、確認されていない方は先にこちらの記事を確認してください。 blog.nocodelab.jp それでは早速作っていきます！ 基本的には下の記事の焼き直…