ノーコード ラボ

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

twitter clone

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

こんにちは! ノーコード ラボの岡崎です。 twitter のような簡単な SNS をBubble で作ってみる(入門者向け) ということで前回までで4回連載させていただき、完結と思っていたのですが、「スマホでみるとレイアウトが崩れる」というご質問をいただきまし…

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: ツイートと一覧表示

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