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

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

1.Airtableとは クラウド型のWebデータベースサービスの1つです。 データベースはクラウドに保存され、ブラウザで動作します。 また、macOS、iOS、Android、Windowsのアプリも用意されています。 使い方 Airtableは、ExcelやAccessみたいに計算が行えます。…

1. プロフィール画面の作成 1.1 プロフィール画面の URL 1.2 プロフィール画面の新規追加 1.3 プロフィール画面のデザイン 2. Userテーブルを拡張し、profile 画面と連携させる 2.1 プロフィール画面をデータベースと連携させる 2.2 User テーブルに列を追加…

1. ユーザー登録（サインアップ）画面を作る 1.1 ユーザー登録画面の新規追加 1.2 ユーザー登録画面のデザイン 1.3 ユーザー登録ボタンのワークフローの作成 1.4 プレビューで確認 2. ログイン画面を作る 2.1 ログイン画面の追加（Signup 画面を元にする） 2…

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

Glide 第3回目となる今回は、実際に Glide によって作成されたアプリを動かしてみましょう！サンプルとして、「都内の美術館・博物館」アプリを用意しました。 Glide が何かという部分が知りたい方は、第1回「スプレッドシートをノーコードでアプリ化する Gl…

前回に引き続き、今回は Glide の使い方について、順を追ってご紹介します。 Glide が何かという部分が知りたい方は、前回の記事「 スプレッドシートをノーコードでアプリ化する Glide / glideapps 」をご参考ください。 事前準備 Glide にサインアップ テン…

今回は、Googleのスプレッドシートを利用したノーコードでアプリが作成できるツール、Glide（グライド）についてご紹介します。 Glideとは Googleアカウントとスプレッドシートが使えればOK ノーコードでPWAが作成できる 専門知識は必要なし Glideはこんな人…

概要 目的 はじめに 新規アプリを作る 2020/04/27 追記 画面のデザイン ヘッダー部分のデザイン ボディ部分のデザイン データベースの設計 テーブルのデザイン データの作成 Tweet 部分にデータベースの内容を反映させる Repeating Group の設定 Tweet の最…

Bubbleで作るサービス、アプリ、ホームページの仕様、設計が固まったら実際にBubbleに構築していきましょう。「CREATE A NEW APP」をクリックし、アプリ名を決めます。以下に各タブの機能を簡単にまとめています。 Design（デザイン）タブ UI Builder / Resp…

Bubbleとは なぜ Bubble なのか？ WordPress との比較 Bubble で作られた Webアプリ MirrorMirror Clarify Qoins Bubbleの始め方とレッスンについて アカウント作成手順 あとは作るだけ 具体的なアプリの作成方法 twitter のような簡単な SNS をBubble で作…

いきなり煽ったタイトルで申し訳ないです。 タイトルの通りですが、Web アプリを作るのに、プログラミングがいらない No Code のビルダーというのが増えてきています。 もはや、プログラミングの学習無しに、ノンプログラマーでも簡単な Webアプリを作れるよ…