ノーコード ラボ

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

twitter clone

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

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

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)5: レスポンシブデザイン対応

2020/9/2 追記 あぽとさんに協力していただき、このページの内容を動画にし、YouTube にアップしました。 動画の方が入門者の方にはわかりやすいと思いますので、是非見てみてください! twitter のような簡単な SNS をBubble で作ってみる(入門者向け)5…

twitter のような簡単な SNS をBubble で作ってみる(入門者向け)4: ツイートとユーザーの紐付け、本番環境へのデプロイ

前回の記事を書いてから随分と開いてしまいました。 今回の記事でこの「twitter のような簡単な SNS を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…

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

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