ノーコード ラボ

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

Bubble

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~8:応募一覧を作ろう

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~8:応募一覧を作ろう 応募一覧の機能について 応募一覧の画面遷移 応募一覧画面を作ろう 画面項目について 応募一覧 募集の画像・タイトル 応募日 応募しているnosyuがありません ワークフローを設定…

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~7:募集の詳細を作ろう2

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~7:募集の詳細を作ろう2 募集詳細画面を作ろう 応募一覧の画面項目 応募人数 更新アイコン メニュー 募集作成日 Twitterに投稿 応募がありません 応募一覧 応募者の情報 Twitterアイコン 応募日 応…

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)6:OneSignal を使って Web Push を実装する(iOS を除く)

この記事は 【 iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け) 】の第6回です。 皆さん、こんにちは!今回は、タイトル通り OneSignal というサービスを Bubble で利用して、メッセージが届いたことを通知(Web Push)してくれる部分…

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~6:募集の詳細を作ろう1

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~6:募集の詳細を作ろう1 募集詳細の機能について 募集詳細の画面遷移 募集詳細画面を作ろう OGP設定 募集詳細の画面項目について 下書きのメッセージ 募集詳細 応募の画面情報を作ろう 現在日時~募…

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)5:初めてのユーザーにメッセージを送信する画面を作成する

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

「Bubble で自分で Webアプリを作れるようになりたい人 bosyu! 」第1期結果報告

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

BubbleでEnterキーでSubmitをしないようにするには??

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

DB事例集3 学習サポートアプリ

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

DB事例集2 4択クイズアプリ

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

DB事例集1 nosyu

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

ノンプログラマーが bubble を始めて1ヶ月で作ったWebアプリ「MYTH BUSTING HAMMER」がデマを見破り真実を伝える!

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~5:募集検索しよう

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

Bubble プラグイン 第3弾は進捗率を表示する「Simple progress bar」を作成しました。

皆さん、こんにちは! Bubble での自作プラグインの作り方について、幾つかご紹介していますが、今回は、進捗率を表示する「Simple progress bar」を作成しましたので、ご紹介したいと思います。 1. Bubble 純正の「Progress bar」プラグイン 2. ノーコード…

Bubble で動的な円を描画するプラグイン「Dynamic circle」を作成しました

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~4:募集を作ろう

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

Bubble で「縦書き」プラグインを作成してみた

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

Bubble で自作のプラグインを作成してみよう!

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

Bubble から Integromat 経由でツイートする方法

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~3:ヘッダーを作ろう

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

Bubble での多言語対応の方法

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

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)4:プロフィール画面を作成する

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~2:サインアップ・ログイン機能を作ろう

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

Bubbleで検索してみよう! Search Box 編

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

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)3:メッセージを表示する画面を作成する

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)~1:前準備をしよう

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

bosyuさんもどきをBubbleで作ってみる!(初級者向け)

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

Bubble で始めるオンライン決済!Stripe Connect の使い方

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

Integromat + Bubble(Backend Workflows) を使った簡単バッチ処理をしよう!

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

Bubble で作成!自分だけのオンラインスクールが作れる「オンスク!」

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

Bubble のテンプレート(StarterKit for Japan)の使い方

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