ノーコード ラボ

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

Bubble

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弾…

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 …

Bubble でデータにプライバシーロールを設定する方法

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

Bubble メッセージ日本語訳まとめと毎回変更が必要な箇所について

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

Bubbleでログイン処理をしてみよう!~第6回メールアドレスとパスワードを変更しよう

第6回メールアドレスとパスワードを変更しよう メールアドレスとパスワードを変更しよう メールアドレスを変更しよう(ソーシャルログイン) まとめ 第6回メールアドレスとパスワードを変更しよう これまでにログインシリーズとして、5回説明してきました…

Bubble での Stripe を使ったクレジットカード決済の始め方

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

Bubbleでログイン処理をしてみよう!~第5回Twitterログインについて

第5回Twitterログインについて Twitterログインの問題点 サンプルを作ってみよう 1.事前準備 2.index画面~Twitterログインをしてみよう 3.mypage画面~Twitterログインをindexで行おう 4.detail画面~Twitterログインをindexで行おう 5.index画…

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)2:メッセージを送信する相手を選択する画面を作成する

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

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)1:新規アプリの作成及び、ユーザー登録、ログイン画面を作成する

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

iPhone のメッセンジャーもどきを Bubble で作ってみる(初級者向け)

前提条件 目的 作成方針 作成予定 コンテンツ Bubble の初級者向けコンテンツを作成すると言っておきながら、ひと月ほど経ってしまいましたが、本日から少しづつ作っていこうと思います。 このシリーズで作成するのは、iPhone のメッセンジャーのような Web…

twitter のような簡単な SNS を bubble で作ってみる(入門者向け)

前提条件 目的 作成方針 コンテンツ このシリーズで作成するのは、twitter のような簡単な SNS です。 完成版は次のリンクから見ることが出来ます。 https://twittel.bubbleapps.io/ Email: guest1@nocodelab.jp パスワード:nguest1 というゲスト用ユーザー…

Bubble のサービスが終了してしまったら、Bubble で作成した Webアプリはどうなるのか?

先週の土曜日、NoCoders Meetup にて、LT をさせていただきました。 楽しい会を開いていただいた Sho Tさん、及び、参加された全ての皆さま、ありがとうございました! nocoders-japan.connpass.com 交流会やその後に、何人かの方とお話しさせていただきまし…

bosyu さんのような OGP画像をかんたんに作れる Web アプリ の作り方

こんにちは!ノーコード ラボの岡崎です。 先日から bosyu さんっぽいものを bubble で作ってみて、その作り方を bubble の初級コースとして記事にできないかなと考えています。 その調査段階で「bosyu さんのような OGP画像をかんたんに作れる Web アプリ」…

Bubbleでログイン処理をしてみよう!~第4回ソーシャルログインをしよう

第4回ソーシャルログインをしよう Bubbleでノーコードライフ楽しんでいますか? ログイン処理シリーズのブログも第4回、ついに今回が最終回になりました。 第3回で予告しましたとおり、ソーシャルログインに触れていきます。 これまでのログイン処理シリ…

Bubble で SendGrid を使ってみる

SendGrid を bubble で使いたい 前回に引き続き、SendGrid 関連の記事となります。 当 nocodelab でお馴染みの bubble ですが、こちらの Plugin 機能を使って SendGrid 経由で bubble からメールを送信することができます。 今回は、そのやり方についてご説…

Bubble でハマってしまった場合にやるべき唯一のこと(Application rights の設定)

明けましておめでとうございます。 今年もどうぞよろしくお願いいたします。 年末年始、Twitter を見ていると、Bubble に挑戦している方を何人か見かけました。 独力で挑戦するのは NoCode と言えど、大変だと思います。 何時間もハマってしまった場合は、誰…

Bubbleでログイン処理をしてみよう!~第3回パスワードポリシーについて

第3回パスワードポリシーについて Bubbleでノーコードライフ楽しんでいますか? ログイン処理シリーズのブログも第3回になりました。 第1回はユーザ登録~ログインまで blog.nocodelab.jp 第2回はパスワードをリセットする、でした。 blog.nocodelab.jp …

Bubble の人気プラグインランキング トップ20(2019年12月25日調べ)

こんにちは!ノーコード ラボの岡崎です。 Bubble には、より早く簡単で安全にアプリを作れるようにするためにプラグインが多数用意されています。 Bubble 純正のプラグインの他、サードパーティも多くのプラグインを作っています。 そこで、今回は 2019年12…

Bubbleでログイン処理をしてみよう!~第2回パスワードをリセットしよう

第2回パスワードをリセットしよう Bubbleでノーコードライフ楽しんでいますか? 先日Bubbleのユーザ登録についてブログを書かせてもらいました。 blog.nocodelab.jp 前回でユーザ登録~ログインまでを説明しましたが、 今回はログイン処理のパスワードを忘…