こんにちは。ノーコード開発スクールのTech Studioです。
この記事ではノーコードツールBubble(バブル)でTwitterのクローンアプリ(機能を真似したアプリ)を開発する方法について、すべて動画でわかりやすく解説しています。
この記事を実践するだけでBubbleによるアプリ開発の基礎知識を身につけられるので、ぜひ最後までご覧ください。
【↓Bubbleの使い方を網羅的に学びたい方は以下の記事がおすすめ！↓】
＼ノーコードを学ぶか迷っているあなたへ／
プロのノーコードエンジニアによる
無料カウンセリングを実施中！
「興味はあるけど、本当にノーコードを学ぶべきかわからない…」
「どのようなキャリアを歩むべきかアドバイスが欲しい…」
「ノーコードで起業を目指したい…」
そのような方のために、なんでも相談できる無料カウンセリングを用意しています！
執筆者：山口 鳳汰
ノーコード学習専門メディア「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。
その他、受託開発や教育など多数のノーコード事業に参画している。
動画撮影者：三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。
執筆者：山口 鳳汰
「Tech Studioメディア」編集長。
ノーコードの電子書籍を3冊出版し、1冊はAmazonベストセラーを獲得。
その他、受託開発や教育など多数のノーコード事業に参画している。
動画撮影者：三谷 憩
Boot株式会社代表取締役。
Bubble開発系YouTubeチャンネル「アプリ開発ゼミ」運営。
システム開発事業を軸に、年間20社の新規事業開発を行っている。
BubbleでTwitterのクローンアプリを開発する方法
第1章：開発画面の全体を知ろう
1つ目の動画では、
- Bubbleアカウントの作成方法
- ドラッグ&ドロップでの操作
- 開発画面の全体像
について学ぶことが可能です。
第2章：アカウント登録機能を作成しよう
2つ目の動画では、
- アカウント登録機能の実装
- Current Userの意味
- UIデザインの基礎
について学ぶことが可能です。
第3章：ツイート投稿機能を実装しよう
3つ目の動画では、
- ツイート投稿機能の実装
- Repeating Groupの概要
- ツイート一覧の表示
について学ぶことが可能です。
第4章：いいね機能を実装しよう
4つ目の動画では、
- データを別ページに運ぶ設定
- いいね機能の実装
- ツイート一覧のデザイン
について学ぶことが可能です。
第5章：マイページを作成しよう
5つ目の動画では、
- マイページの作成
- User情報の更新
について学ぶことが可能です。
第6章：フォロー機能を実装しよう
6つ目の動画では、
- スラッグ(URL末尾)の設定
- フォロー機能の実装
- ページを繋げて動きをつける方法
について学ぶことが可能です。
第7章：ツイート詳細ページを作ろう
7つ目の動画では、
- ナビゲーションの開発
- フローティンググループの使い方
- ツイート詳細ページの実装
について学ぶことが可能です。
第8章：コメント&検索機能を実装しよう
8つ目の動画では、
- コメント機能の実装
- 検索機能の実装
- UIデザインの修正
について学ぶことが可能です。
第9章：レスポンシブデザインを理解しよう
9つ目の動画では、
- レスポンシブデザインの概要
- リリース前にすべきこと
- 今後Bubbleを活用していくには
について学ぶことが可能です。
お疲れ様でした！
Twitterクローンアプリ開発を乗り切れば、この後の学習は比較的スムーズに進められるかと思いますので、ぜひ楽しんで進めてみてください！
本気でノーコードを学びたいあなたへ
ノーコードスクール「Tech Studio」では未経験でも挫折せず楽しく学べる、完全オンラインのカリキュラムを設計しています。
現在、プロのノーコードエンジニアによる無料カウンセリングを実施中ですので、ノーコード学習に関してお悩みがある方はぜひお気軽にご相談ください。