この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第５回です。 今回作成するページ 今回は、初めてのユーザーにメッセージを送信する画面（createmessage）を作成していきます。 今回作成するページ 1. 初めてのユー…

bubble camp とは？ ノーコード ラボが始めた bubble の自学自習プログラム bosyu.me こちらの bosyu がそうなのですが、名前が長いので内部的に「bubble camp」と呼んでいました。期間は 3/16 〜 4/15 または 3/17 〜 4/16。 ３名の方と一緒に１ヶ月頑張っ…

InputとEnterキー 対応策１ 対応策２ 対応策３ まとめ 皆さんこんにちは！ Bubbleでノーコードライフ楽しんでいますか？ 今回は、Bubbleで、Input時のEnterキーをクリックした時の処理についてお話しようと思います。 InputとEnterキー HTMLの仕様として、In…

皆さん、こんにちは！今回は、DB事例集の第3回として「学習サポートアプリ」を例に、DB設計についてのポイントをご紹介したいと思います。 Bubble でのデータベースについて学習中の方は、是非参考にしてみてくださいね。 学習サポートアプリ 概要 アプリ仕…

皆さん、こんにちは！今回は、Bubble のDB事例集の第2回として「4択クイズアプリ」のデータベース設計についてご紹介したいと思います。本アプリのデータベースは非常にシンプルです。データベースが初めてという方は是非参考にしてみてくださいね。 4択クイ…

はじめに 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用メニューバー メニュー ワークフロー 画面…