ノーコード ラボ

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

Bubble

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 …

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

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

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

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

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

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

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アプリはどうなるのか?

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

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

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

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

第4回ソーシャルログインをしよう ソーシャルログインって? ソーシャルログインの利用方法 1. Googleのプラグインをインストールしよう 2.GoogleのAPIのKeyを取得しよう 3. Googleプラグインの設定をしよう 4.Googleプラグインを使ってみよう 注意点 まと…

Bubble で SendGrid を使ってみる

SendGrid を bubble で使いたい まずは下準備 SendGridでメールテンプレートを作成する Bubble側での作業 おすすめ記事 SendGrid を bubble で使いたい 前回に引き続き、SendGrid 関連の記事となります。 当 nocodelab でお馴染みの bubble ですが、こちらの…

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

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

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

第3回パスワードポリシーについて パスワードポリシーって? 1. パスワードポリシーを設定しよう 2. エラーメッセージを表示しよう 2段階認証について ログアウトについて 予告 Bubble でログイン処理をしてみよう!コンテンツ一覧 第3回パスワードポリシ…

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

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

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

第2回パスワードをリセットしよう パスワードリセットの流れ 1.パスワード変更用のメールアドレスのポップアップを作ろう 2.パスワードリセット用メールを送信しよう 3.パスワードをリセットしよう エラーについて 予告 Bubble でログイン処理をしてみよう…

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)5: レスポンシブデザイン対応

2020/9/2 追記 あぽとさんに協力していただき、このページの内容を動画にし、YouTube にアップしました。 動画の方が入門者の方にはわかりやすいと思いますので、是非見てみてください! twitter のような簡単な SNS をBubble で作ってみる(入門者向け)5…

Bubbleでログイン処理をしてみよう!~第1回ユーザ登録をしてみよう

第1回 ユーザ登録をしてみよう ユーザ登録の流れについて 1.サインアップをしよう! 2.仮登録から本登録へ 3.ログインについて 2020/01/10 補足(Q&A) Q1: 仮登録時(ユーザーがメールを確認する前)には User テーブルに該当のユーザーは登録されるのか?…

Bubble ヘッダーの固定とレスポンシブメニュー

今回は、質問いただきました「ヘッダーを固定する方法」と「レスポンシブメニュー(スマホの時はハンバーガーメニューにする方法)」について、ご紹介したいと思います。 以下にサンプルページも用意していますので、ご参考くださいね。 https://nocode-samp…