ノーコード ラボ

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

入門者向け

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第5回 ユーザー編集を修正してみよう。

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第5回 ユーザー編集を修正してみよう。 1.ユーザ編集画面:Edit Profileについて 1.1.メールアドレスの更新について 1.2.ReadOnlyの設定 2.画像アップロードの準備 2.1.Firebase Storageの設定 2.2.Fu…

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第4回 画面遷移をしてみよう。

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第4回 画面遷移をしてみよう。 こんにちは! 今回はFlutterFlow初心者向けシリーズ「FlutterFlowで作成! テンプレートでタスク登録アプリ」の第4回「画面遷移をしてみよう。」です。 今回は、主に画…

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第3回 アカウント作成をしてみよう(1)

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第3回 アカウント作成をしてみよう(1) 1.アカウント作成について 2.Authenticationの設定について 3.Usersコレクションについて 4.Register画面 4.1.TextFieldの設定 4.2.Actionsの設定ーCreate Ac…

FlutterflowでAPIを使ってみる

こんにちは! 今回はローコードビルダー「Flutterflow」でAPIを使った簡単なアプリの作り方をご紹介します。 また過去にはサインインとサインアップの実装方法もご紹介しておりますので、よければそちらも目を通していただけるとありがたいです! blog.nocod…

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第2回 テンプレートを色々みてみよう。

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第2回 テンプレートを色々みてみよう。 1. テンプレートって? 2. テンプレートの構成 2.1. 画面構成 2.2. Collection構成 3. 画面 3.1. SplashScreen 3.1.1. プロパティ 3.1.2. Action 3.1.3. Animat…

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第1回 はじめてみよう。

FlutterFlowで作成!テンプレートでタスク登録アプリ ー 第1回 はじめてみよう。 1. FlutterFlowとは? 2. 前準備をしよう。 3. アプリを作成しよう! 3.1.RobinDoについて 3.2.デプロイしてみよう 次回 コンテンツ FlutterFlowで作成!テンプレートでタスク…

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

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

【入門者向け】Bubble で作る4択クイズアプリ(新レスポンシブ版)

みなさん、こんにちは!シリーズ記事リニューアルのご案内です。 今回は、過去に本ブログ内にて公開していた、Bubble の入門者向けコンテンツ「Bubble で作る4択クイズアプリ」を新レスポンシブエンジン※に対応したバージョンで改めてお届けします。 ※ 新レ…

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)

みなさん、こんにちは!今回は、新しいシリーズ記事のご紹介です。 本シリーズでは、ノーコードラボで過去にご紹介した「 twitter のような簡単な SNS を bubble で作ってみる(入門者向け)」を、昨年11月にリリースされた新レスポンシブ機能に対応させた内…

BubbleでOAuth2.0をマスター!API Connectorを使ってSpotifyアカウントでのログイン機能を実装する

こんにちは!今回は、BubbleでOAuth2.0をマスターするためにAPI Connector「OAuth2 User-Agent Flow」の設定方法を解説します。 これまでにもOAuth2.0ログインの実装方法をいくつかのサービスを例に紹介してきましたが、今回はOAuth2.0の仕組みや各サービス…

じゃんけんゲームをBubbleで作ってみる!(入門者向け)

概要 アプリを作ってみよう Bubbleでアプリを新規に作ろう 画面サイズの設定 データの作成 オプションセットとは? データの準備 コンテンツの配置 テキスト「じゃんけんぽん!」の設置 グーチョキパーの図の設置 結果と「もう一回」ボタンの表示(ポップア…

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

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

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

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

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

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

Bubble で作る「4択クイズアプリ」1:アプリ概要とデータベース作成

元号ジェネレータ、Twitter風SNS に続き、今回は「4択クイズアプリ」を Bubble で作成する手順について、ご紹介します!まずアプリの全体を把握するため、画面要素などの基本的な構成やデータベース作成について解説したいと思います。 アプリ概要 作成する…

Bubbleで簡単なWebアプリを作ろう

1.Bubbleでアプリを新規に作ろう。 1-1.概要 1-2.はじめ 2020/04/17 追記 2.画面を配置しよう。 2-1.テキストを配置しよう。 2-2.インプットを配置しよう。 2-3.グループを配置しよう。 2-4.ボタンを配置しよう。 2-5.リストを配置しよう。 2-6.ポップアップ…