ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明しています。Chatbot の運用実験は終了しました。ご協力いただいたみなさん、ありがとうございました。

NoCode 関連ツール

プロンプトからアプリを生成する、アプリ構築AIサービス「Create.xyz」紹介

こんにちは!今回は、アプリを構築してくれるAIサービス「Create.xyz(以下 Create)」をご紹介します。Createは、AIがプロンプトに沿ってWebサイトやアプリケーションを自動生成するノーコード開発ツールです。 Createは、作りたいアプリやサイトの説明をテ…

SoftrのAIアプリ生成機能「AI APP Generator」紹介

今回は、Softrのアプリ生成AI機能「AI APP Generator」をご紹介します。 Softrは、ブロックのようにエレメントを積み上げてアプリを作れるノーコード開発プラットフォームです。2023年10月、Softrでアプリを生成できるAI機能「AI APP Generator」が公開され…

進化したセキュリティ監査ツール Flusk Vault 🚀

みなさん、こんにちは! 今回は、以前にもご紹介した Bubble のセキュリティ監査ツール「Flusk Vault」についてです。前回はオープンベータ版でのご紹介でした。 blog.nocodelab.jp Flusk といえば、昨年の 6月に開催された Bubble Developer Summit 2023 に…

Bubbleの新料金プランについて(2023/05/01~適用開始)

みなさん、こんにちは! 今回は、2023年5月1日から適用されているBubbleの新たな料金プランについてご紹介します!既存アプリの取り扱いについても ご紹介しますので、ぜひ最後までご一読ください。 1. Bubbleの新料金プラン(2023年5月1日から) 2. 新料金…

ノーコードでウェブサイトを作成できる「Framer Sites」の使い方と便利な機能の紹介

こんにちは!今回のテーマは、ノーコード開発ツール「Framer」のウェブサイト作成・公開機能「Framer Sites」です。 Framerはもともとプロトタイプをノーコードで作成できるサービスでしたが、2022年6月からウェブサイトの作成・公開がノーコードでできる「F…

Softrで構築したアプリをPWAとしてインストールできるようにする「Softr mobile」の利用方法

こんにちは!今回は、ノーコード開発ツール「Softr」について、構築したアプリをPWAとして端末にインストールできるようにする「Softr mobile」の利用方法をご紹介します。 Softrは、本ブログでもご紹介したことがある直感的にWebアプリを構築できるノーコー…

Stripe連携ツールPriceWellを使ってBubbleで決済機能を実装する方法

こんにちは!今回は、Stripe連携ツールPriceWellを使ってBubbleで決済機能を実装する方法をご紹介します。 PriceWellは、商品の料金表やStripe Checkoutを使用した決済機能をノーコードで実装できるサービスです。商品や購入情報はStripeで管理できます。 本…

Bubble のセキュリティ監査ツール「Flusk Vault」とは

みなさん、こんにちは! 今回は、Bubble Forum でも話題に上がっていた セキュリティ監査ツール「Flusk Vault」についてです。 www.flusk.eu forum.bubble.io 当然のことながら、ノーコード開発においてもセキュリティ対策は重要課題のひとつです。ノーコー…

SparkLiteを使って複雑な計算をスピーディーに実行できるアプリをBubbleで構築する

こんにちは!今回は、SparkLiteを使って複雑な計算をスピーディーに実行できるアプリをBubbleで構築する方法をご紹介します。 SparkLiteは、関数を使うような複雑なExcelの計算をAPIに変換できるノーコードツールです。Excelをアップロードしてコーディング…

FlutterFlowでのサインイン/サインアップを実装してみる

こんにちは!今回は、ローコードツール「FlutterFlow」を使用して、サインイン/サインアップを実装する方法をご紹介します。 FlutterFlowはBubbleやAdaloのようにノンコーディングでWebアプリやWebサイトを構築できるツールです。 使用するにあたりFirebase…

ローコードビルダー「FlutterFlow」のご紹介

こんにちは! 今回は最近のバージョンアップで日本でも人気が出てきているローコードビルダー「FlutterFlow」をご紹介します。 ※FlutterFlowのホームページはこちら flutterflow.io FlutterFlowは「ノーコード」ではなく「ローコード」ツールとなりますが、…

WeWebでXanoと接続してサインアップ機能を実装する

こんにちは!今回は、ノーコードツールWeWebでXanoと接続してサインアップ機能を実装する方法をご紹介します。 WeWebについては以下の記事でもご紹介しましたが、Bubble同様ノンコーディングでWebアプリやWebサイトを構築できるツールです。自身ではデータベ…

ZeroOneとSendGridを連携してメールを送信する方法

こんにちは!今回は国産ノーコードプラットフォーム「ZeroOne」とSendGridを連携して、メール送信する方法を解説していきたいと思います。「ZeroOne」は2022年2月にリリースされた国産のノーコードプラットフォームでして、"和製Bubble"とも呼ばれているほど…

ノーコードWebアプリビルダー「WeWeb」ご紹介

こんにちは! 今回は、2021年にローンチしたノーコードウェブアプリビルダー「WeWeb」をご紹介します。WeWebはBubbleと同様Webアプリビルダーですが、WeWeb上にはデータベースを構築せず、外部データベースと連携するという特徴がある非常に興味深いサービス…

BubbleのデザインシステムFramesを使った開発方法

こんにちは!今回は、Bubbleのレスポンシブデザイン開発に役立つモジュール式デザインシステム「Frames」をご紹介します。 Framesは2021年に公開されたばかりのBubbleデザイン実装お助けシステムで、Bubbleのエレメントを組み合わせて構成されたモジュールを…

BubbleとBackendlessの連携方法

みなさんこんにちは! 前回の記事では Backendless でできることや簡単な操作方法をご紹介しました。 blog.nocodelab.jp 今回は第2弾として、Bubble と Backendless の連携手順をご紹介します。今回作成するサンプルアプリについては、以下のドキュメントに…

バックエンドの機能をノーコードで構築できるツール「Xano」

前回はBackendlessというサービスをご紹介させて頂きましたが、今回はバックエンドに特化した機能をノーコードで作成できるツール、Xano(ゼノ)についてご紹介します。 Xanoをご紹介する背景としまして、 3月17日にbubbleの新料金プランが公表されましたが…

ノーコードで使用できるBaaS「Backendless」について

みなさんこんにちは! 今回は、ノーコードで簡単な画面作成・DB操作ができる BaaS(Backend as a Service)の Backendless をご紹介したいと思います。 1. Backendlessとは? 2. Backendlessでできること 3. 実際の画面について 3-1. フロントエンド 3-2. バ…

ノーコードで自動テストをしてくれるサービス、Autify を使ってみよう!

自動テストサービスとは? Autify の特徴とプライシング 対応できる範囲/できない範囲 使ってみよう 1. 登録しよう 2. Autify の基本要素 2.1 テストシナリオ 2.2 レコーダー(Autify Recorder) 2.3 シナリオ詳細画面 2.4 テスト結果詳細画面 2.5 テストプ…

Bubble の対抗馬?ノーコードのプロ向けツール Bildr を使ってみよう!

1. Bildr に登録しよう 2. Bildr を使ってみよう 2.1. はじめにチェックするべきページ 2.2. 新しいプロジェクトを作ろう 2.3. Bildrのワークスペースとは 2.4. ページの新規作成/追加 2.5. テキストの入力 2.6. ボタンの設置 2.7. Bildr のブロック機能と…

Bubble よりもはるかに簡単!ノーコードでウェブアプリを作れる Softr の使い方

1. Softr とは 2. Softr の特徴 2.1 ブロックを積み上げて画面をデザインする 2.2 Airtable を DB として使う 2.3 さまざまなサービスと連携可能 2.4 コードも書ける 2.5 開発スピードが早い 3. Softr で作れる Webアプリ 4. 実際に使ってみる 4.1 Softr の…

ノーコーダーにおすすめの法律文書自動生成サービス「KIYAKU(キヤク)」

KIYAKUとは 実際にKIYAKUを使ってみた まずはアカウント作成 作成したい文書を選択 質問に答える Step1:会社名(個人事業主の場合は個人名)を入力 Step2:サービスで取得する個人情報を選択 Step3:取得した個人情報を使用する目的を選択 Step4:Google An…

プログラマーにもオススメしたい!ローコードな iPaaS、WayScript を使ってみる!

WayScriptとは? WayScript は誰でも使えるの? 実際にWayScriptを使ってみよう スクリプトを作ってみよう Slack と Gmail を連携しよう トリガーの設定 Slack からのメッセージの読み取り Gmail への転送 実行! まとめ こんにちは! いつもはノーコード な…

Parabola と Bubble の Data API を使って Google Sheets から Bubble にデータをインポートする方法

Parabola とは? Bubble の Data API とは? Parabola のサインアップ方法 Google Sheets からデータを抜き出して Bubble にインポートする方法 Parabola で Google Sheets からデータを抜き出す データを加工する Bubble の Database を設定する Bubble の …

次世代ノーコードツールと Bubble の新バージョンの噂について

1. Play 2. Bildr 3. Draftbit 4. Bubble の新バージョンの噂 終わりに こんにちは!ノーコード ラボの岡崎です。 今回の記事で 100記事目という節目になるので、ちょっとだけ先の話をしてみたいと思います。 2020年は、日本国内でも NoCode の認知が進んで…

Twilio と連携して Bubble から SMS を送信する方法

皆さん、こんにちは!今回は、Bubble から SMS(ショートメッセージサービス、ショートメール)を送信する方法として、Twilio というサービスを利用して実現する方法をご紹介したいと思います。 1. Twilio とは 2. Twilio の使い方 2-1. Twilio にサインアッ…

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

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

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

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

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

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

ノーコードでウェブアプリ、ネイティブモバイルアプリが作れる!Adalo の使い方

Adalo とは? www.adalo.com Adalo という no-code のツールをご存じでしょうか? このブログで過去に登場した Glide に少し似ていて、このプラットフォームを利用すれば、コードを記述せずに Webアプリやネイティブのモバイルアプリ(Android, iOS)を作る…