ノーコード ラボ

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

2019-01-01から1年間の記事一覧

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

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

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

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

Airtableを使ってみよう

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

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)3: プロフィール画面の作り方

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

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)2: サインアップとログイン/ログアウト処理

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

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

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

Glide アプリを動かしてみよう!

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

Glide / glideapps の使い方

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

スプレッドシートをノーコードでアプリ化する Glide / glideapps

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

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)1: ツイートと一覧表示

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

Bubble エディターの使い方まとめ

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

ノーコードでウェブアプリが作れる!Bubble(バブル)の使い方

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

まだプログラム書いてるの?Webアプリを作るのにプログラミングは不要!No Code のススメ

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