ノーコード ラボ

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

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

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 というサービスをご存知ですか? 以前にノーコードラボでも取り上げたサービスなので、ご存知の方も多いかもしれませんね。これらのサービスは簡単にまとめると「学習用の動画コンテンツを販…

動的なドキュメント作成ツールである「Coda」を調べてみた

Coda とは? ドキュメント作成アプリ? coda.io NoCode界隈で、Codaというアプリケーション名を聞いたことがある方は少なくないと思います。 実は先日のブログでご紹介したRemoteHQというアプリも、このCodaを利用して作成されているそうです。 しかし、Coda…

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回説明してきました…

RemoteHQで、リモートワークをもっと快適に!

昨今、働き方改革や今回のコロナウィルスの蔓延などで、リモートワークの活用がますます重要になってきました。 その際に重要なのが、チームでどのようなコミュニケーションツールを利用するかです。 このブログをご覧になっている方たちは、slackやzoomなど…

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 交流会やその後に、何人かの方とお話しさせていただきまし…

Google の傘下に!ノーコードでモバイルアプリを開発できる AppSheet

2020年1月14日に Google に買収された モバイルアプリケーション開発プラットフォームである AppSheet について、使い方や長所と短所を Glide と比較して説明しています。

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

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

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

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