こちらは旧バージョンです。
bubbleチュートリアルver1へようこそ。このサイトでは、ノーコードツールbubbleを使ったSNSアプリの作成方法について解説しています。丁寧に解説をしていくので、初心者の方でも問題ありません。ぜひ最後まで一緒に頑張っていきましょう。
第1章 bubbleについて(bubbleの基礎知識からアカウントの作成、アプリ開発まで)
このコースを進めるにあたって必要な基礎知識と、その流れを記しました。 これからの長い道のりの心強い武器になるはずです！ぜひ実際の開発を始める前に一読してください！
第2章 かんたんなアプリケーションを作成
開発に必要となる基礎知識は1章で記述しました。本章では実際にアプロケーションの作成に取り組んでみましょう！
第3章 ページレイアウト(UIデザイン)を作成
本章ではページレイアウトを実際を作成してみます。他の章に比べて長く時間がかかりますが、最後まで頑張ってください！
- bubbleの主要なエレメントとレスポンシブについて理解する
- ヘッダーの作成
- 新規会員登録ページの作成
- ログインページの作成
- タイムラインページの作成
- マイページの作成
- ユーザーの一覧ページの作成
- メールアドレス認証ページの作成
- パスワードリセットページの作成・最後に
第4章 データベースの設計
本章はデータベースについて学びます。内容自体は短いですが、非常に重要な内容なのでしっかり理解するまで熟読することをお勧めします！
第5章 ユーザー登録、ログインを試してみる
本章ではユーザー登録の動作・処理について学びます。ECサイトやSNSツールなどの様々なシステムにおいて基本的な動作です。その流れについて理解を深めましょう！
第6章 ユーザーログイン時の処理を実装してみる
本章ではログイン・ログアウト処理の実装について学びます。前章と同様に様々なシステムで必要となる動作です。引き続き取り組んでみましょう！
第7章 ユーザー情報を更新、削除(退会、解約)できるようにしてみる
本章ではユーザー情報の更新と削除について学びます。データの編集と削除の取り扱いについて実践してください！
第8章 メールアドレス認証を実装してみる
本章では新規ユーザー登録時に必要なメール認証の実装に取り組みます。メールを利用するためのワークフローや条件分岐について理解を深めましょう！
第9章 パスワードの再設定、パスワードリセット機能を実装してみる
本章ではパスワードリセット時の動作について学びます。内容は短いですが、この実装を入れなければパスワードを忘れた時にログインできなくなってしまいます。しっかり理解を深めましょう！
第10章 ユーザーがツイートできるようにする
ユーザーの投稿がタイムラインに正しく表示されるための処理について記述しています。データやページ遷移の取り扱いに気を付けていきましょう！
第11章 ユーザーのフォロー機能、タイムライン表示機能をつくってみる
フォローやフォロー解除の具体的な実装について学びます。どのユーザーに表示させる、あるいはさせないのかの関係について学習していきましょう！本章までで具体的な機能の実装は一通り終わります。
- リレーションシップ（フォロー／フォロワー）テーブルの作成
- フォローユーザーの一覧タブ／フォロワーユーザーの一覧タブにフォローしている＆されているユーザーを表示してみる
- フォロー機能を実装
- フォロー解除機能を実装
- ユーザー検索を実装する
- タイムラインページの投稿表示をフォローしているユーザーの投稿に限定して表示させる
- 最後に
終章 まとめ
これで全ての実装が完了しました。お疲れ様です。ここまでを振り返りを行い、今後の開発に活かしていきましょう！