Bubble
bosyuさんもどきをBubbleで作ってみる！（初級者向け）～８：応募一覧を作ろう 応募一覧の機能について 応募一覧の画面遷移 応募一覧画面を作ろう 画面項目について 応募一覧 募集の画像・タイトル 応募日 応募しているnosyuがありません ワークフローを設定…
bosyuさんもどきをBubbleで作ってみる！（初級者向け）～７：募集の詳細を作ろう２ 募集詳細画面を作ろう 応募一覧の画面項目 応募人数 更新アイコン メニュー 募集作成日 Twitterに投稿 応募がありません 応募一覧 応募者の情報 Twitterアイコン 応募日 応…
この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる（初級者向け） 】の第６回です。 皆さん、こんにちは！今回は、タイトル通り OneSignal というサービスを Bubble で利用して、メッセージが届いたことを通知（Web Push）してくれる部分…
bosyuさんもどきをBubbleで作ってみる！（初級者向け）～６：募集の詳細を作ろう１ 募集詳細の機能について 募集詳細の画面遷移 募集詳細画面を作ろう OGP設定 募集詳細の画面項目について 下書きのメッセージ 募集詳細 応募の画面情報を作ろう 現在日時～募…
この記事は 【 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」を作成しましたので、ご紹介したいと思います。 1. Bubble 純正の「Progress bar」プラグイン 2. ノーコード…
皆さん、こんにちは！「縦書き」プラグインに続き、自作プラグインの第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 というサービスをご存知ですか？ 以前にノーコードラボでも取り上げたサービスなので、ご存知の方も多いかもしれませんね。これらのサービスは簡単にまとめると「学習用の動画コンテンツを販…
1. テンプレートを作った理由 1.1 日本語環境への対応 1.2 認証周りの処理の作り込み 1.3 いいね！とコメント機能 の実装 1.4 あえてやっていないこと 1.5 その他 2. テンプレートの設計 2.1 画面構造 製品紹介関連のページ 認証周りのページ 3. 使い方 3.1 …
