ノーコード ラボ

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

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

f:id:toka-xel:20200131135829p:plain

このシリーズで作成するのは、twitter のような簡単な SNS です。 完成版は次のリンクから見ることが出来ます。

https://twittel.bubbleapps.io/

  • Email: guest1@nocodelab.jp
  • パスワード:nguest1

というゲスト用ユーザーを作っておきましたので、よろしければログインして操作してみてください。

前提条件

  • Bubble の無料アカウントを登録済み。ログインしておいてください。
  • Bubble を初めて触る人向け

目的

  • Bubble の最初に触る人向けに簡単な機能を紹介する

作成方針

  • Bubble の操作方法については丁寧に説明する。
  • デザインについてはそれっぽく作れれば OK。
  • DB 設計、ワークフローについては操作方法を丁寧に説明する。
  • セキュリティは今回は考えない。
  • ユーザー登録やログインに関しては最低限とする。

コンテンツ

「1:ツイートと一覧表示」から順番にご覧ください。

動画コンテンツ

YouTube にこの記事の動画をアップしています。 初心者の方は動画コンテンツの方がわかりやすいと思いますので、是非見てみてください!


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


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


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


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


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