ノーコード ラボ

NoCode 関連のツールの紹介、使い方などをやさしく説明しています。

twitter clone

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)4:ツイートとユーザーの紐付けと本番環境へのデプロイ

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第4回は「ツイートとユーザーの紐付けと本番環境へのデプロイ」の作成について、ご紹介します!

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)3: プロフィール画面の作り方

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第3回は「プロフィール画面」の作成について、ご紹介します!

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)2: サインアップとログイン/ログアウト処理

TwitterのようなマイクロSNSをBubbleで作成する(新レスポンシブ版)シリーズ、第2回は「サインアップとログイン/ログアウト処理」の作成について、ご紹介します!

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)1: ツイートと一覧表示

1. はじめに 2. 新規アプリを作る 3. 新レスポンシブモードへ変更 4. 画面のデザイン 4.1. 4つのレイアウトタイプの解説 4.2. ヘッダー部分のデザイン 4.3. ボディ部分のデザイン 5. データベースの設計 5.1. テーブルのデザイン 5.2. データの作成 6. Tweet…

twitter のような簡単な SNS を bubble で作ってみる(新レスポンシブ版)

みなさん、こんにちは!今回は、新しいシリーズ記事のご紹介です。 本シリーズでは、ノーコードラボで過去にご紹介した「 twitter のような簡単な SNS を bubble で作ってみる(入門者向け)」を、昨年11月にリリースされた新レスポンシブ機能に対応させた内…

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 の最…