ノーコード ラボ

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

Bubble

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でアプリを新規に作ろう。 Bubbleにログインして、アプリを新規で作成してみましょう。 1-1.概要 今回は「元号ジェネレータ」を題材に説明します。 作成したアプリはコチラ→ このアプリでは、以下のことができます。 入力した文字を元号発表のイラス…

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

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

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

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

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

まずは私の一番のお気に入りである Bubble (バブル)のことについて紹介します。 Bubbleとは Bubbleは、ノーコードでWebアプリなどを開発することができるサービス開発ツール(サービス)です。無料から使うことができる上に、ビジュアルプログラミングに対…