ノーコード ラボ

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

4択クイズアプリ

DB事例集3 学習サポートアプリ

皆さん、こんにちは!今回は、DB事例集の第3回として「学習サポートアプリ」を例に、DB設計についてのポイントをご紹介したいと思います。 Bubble でのデータベースについて学習中の方は、是非参考にしてみてくださいね。 学習サポートアプリ 概要 アプリ仕…

DB事例集2 4択クイズアプリ

皆さん、こんにちは!今回は、Bubble のDB事例集の第2回として「4択クイズアプリ」のデータベース設計についてご紹介したいと思います。本アプリのデータベースは非常にシンプルです。データベースが初めてという方は是非参考にしてみてくださいね。 4択クイ…

Bubble で作る「4択クイズアプリ」4:ワークフローの設定

今回は、4択クイズアプリ の最終回です。設定するワークフローについて解説したいと思います。なお「Set state」となるワークフローの設定については、前回の記事をご参考ください。 関連記事 Bubble で作る「4択クイズアプリ」1:アプリ概要とデータベース…

Bubble で作る「4択クイズアプリ」3:Custom state の使い方

今回は「4択クイズアプリ」を通して、Bubble の 「Custom state」について、ご紹介したいと思います。 2020/03/23 Bubble の inspector 機能を使用して「Custom state」の作成する方法について追加しました。また、Page Load 時に行っていた「Custom state」…

Bubble で作る「4択クイズアプリ」2:エレメントの配置と設定

今回は前回の記事で解説した「4択クイズアプリ」で使用するエレメントを、実際に「Design」タブに配置して設定していく方法を解説したいと思います。 blog.nocodelab.jp 1. 枠組みの作成 2. データベースと連携する「Repeating Group」の配置と設定 3.「…

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

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