Bubbleマスターコース

教材プラン

動画教材と6ヶ月間の質問し放題がついているプランです。教材だけ見たいという方にはおすすめのプランとなっています。

購入無料プレビュー

カリキュラム

1. コースの概要
2. 学習の進め方
1. [資料] Lesson1
  無料プレビュー
2. 1. 概要
  無料プレビュー
3. 2. 開発の手順
  無料プレビュー
4. 3. アプリの確認
  無料プレビュー
5. 4. 機能の確認
6. 5. スタイルの作成
7. 6. スタイルの作成2
8. 7. アプリのデザイン
9. 8. データベースの構築
10. 9. レスポンシブ対応
11. 10. 機能の確認
12. 11. テストと修正
1. [資料] Lesson2
  無料プレビュー
2. 1. 導入
  無料プレビュー
3. 2. アジェンダ
  無料プレビュー
4. 3. 開発の流れ
  無料プレビュー
5. [クイズ] 開発の流れ
6. 4. Bubbleの導入
7. 5. Designタブ - 概要
8. 6. Designタブ - Rich Text Editor (標準機能)
9. 7. Designタブ - Rich Text Editor (プラグイン)
10. 8. Designタブ - Button
11. 9. Designタブ - Icon
12. 10. Designタブ - Link
13. 11. Designタブ - Image
14. 12. Designタブ - Imgixによる画像処理
15. 13. Designタブ - ShapeとAlert
16. 14. Designタブ - Video
17. 15. Designタブ - HTML
18. 16. Designタブ - Map
19. 17. Designタブ - Container
20. 18. Designタブ - Input form
21. [テスト]Designタブ
22. 19. Workflowタブ - 概要
23. 20. Workflowタブ - Account
24. 21. Workflowタブ - Navigation
25. 22. Workflowタブ - Data
26. 23. Workflowタブ - Element
27. 24. Dataタブ
28. [クイズ]Dataタブ
29. 25. Styleタブ
30. 26. Pluginタブ
31. 27. Settingタブ
32. 28. 新レスポンシブエディター
33. [クイズ]新レスポンシブエディター
34. 29. ヘッダーを開発する
35. 30. データの一覧表示
36. 31. 一つのデータ表示
37. 32. データの削除
38. 33. データの新規作成
39. 34. データの編集
40. 35. データのフィルター
41. 36. Set state
42. [クイズ] Set state
43. 37. URLを介したデータ通信
1. 本レッスンで使う資料
  無料プレビュー
2. 1. 概要説明
  無料プレビュー
3. 2. 準備
  無料プレビュー
4. 3. レスポンシブデザインの方法
  無料プレビュー
5. 4. ヘッダー①
6. 5. ヘッダー②
7. 6. ヘッダー③
8. 7. ヘッダー④
9. 8. ヘッダー⑤
10. 9. ピックアップ①
11. 10. ピックアップ②
12. 11. ピックアップ③
13. 12. ピックアップ④
14. 13. メイン①
15. 14. メイン②
16. 15. メイン③
17. 16. メイン④
18. 17. メイン⑤
19. 18. メイン⑥
20. 19. メイン⑦
21. 20. メイン⑧
22. 21. フッター①
23. 22. フッター②
24. 23. フッター③
25. 24. フッター④
26. 25. フッター⑤
27. 26. フッター⑥
28. 27. フッター⑦
29. [課題1] レスポンシブデザイン
1. [資料] 1. 会員登録
  無料プレビュー
2. 1-1. 会員登録 - 概要
  無料プレビュー
3. 1-2. 会員登録 - アジェンダ
  無料プレビュー
4. 1-3. 会員登録 - 要件説明
  無料プレビュー
5. 1-4. 会員登録 - ログイン前デザインの準備
  無料プレビュー
6. 1-5. 会員登録 - スタイルの作成1
  無料プレビュー
7. 1-6. 会員登録 - スタイルの作成2
  無料プレビュー
8. 1-7. 会員登録 - 外装の実装
  無料プレビュー
9. 1-8. 会員登録 - 会員登録ポップの作成1
  無料プレビュー
10. 1-9. 会員登録 - 会員登録ポップの作成2
  無料プレビュー
11. 1-10. 会員登録 - 会員登録ワークフロー
  無料プレビュー
12. 1-11. 会員登録 - ログアウト機能
  無料プレビュー
13. 1-12. 会員登録 - ログインワークフロー1
  無料プレビュー
14. 1-13. 会員登録 - ログインワークフロー2
  無料プレビュー
15. 1-14. 会員登録 - 会員削除機能
  無料プレビュー
16. 1-15. 会員登録 - データのバリデーションチェック
  無料プレビュー
17. 1-16. 会員登録 - アラート機能
  無料プレビュー
18. [資料] 2. プロフィール
19. 2-1. プロフィール - 概要
20. 2-2. プロフィール - 要件説明
21. 2-3. プロフィール - DB設計
22. 2-4. プロフィール - デザインレイアウト
23. 2-5. プロフィール - スタイル作成（サイドバー）
24. 2-6. プロフィール - サイドバー1
25. 2-7. プロフィール - サイドバー2
26. 2-8. プロフィール - プロフィールエリア1
27. 2-9. プロフィール - プロフィールエリア2
28. 2-10. プロフィール - ポップアップ1
29. 2-11. プロフィール - ポップアップ2
30. 2-12. プロフィール - ワークフロー
31. 2-13. プロフィール - 動的に変更
32. 2-14. プロフィール - サイドバーを共通パーツ化
33. 2-15. プロフィール - 会員登録ワークフローの変更
34. [資料] 3. ツイート
35. 3-1. ツイート - 概要
36. 3-2. ツイート - 要件説明
37. 3-3. ツイート - DB設計
38. 3-4. ツイート - スタイルの作成
39. 3-5. ツイート - ツイート一覧のデザイン1
40. 3-6. ツイート - ツイート一覧のデザイン2
41. 3-7. ツイート - ツイート作成ポップのデザイン
42. 3-8. ツイート - ツイート作成ワークフロー
43. 3-9. ツイート - ツイート一覧を動的に変更1
44. 3-10. ツイート - ツイート一覧を動的に変更2
45. 3-11. ツイート - ツイート一覧を動的に変更2（発展）
46. 3-12. ツイート - ツイート一覧を動的に変更3
47. 3-13. ツイート - ツイート削除1
48. 3-14. ツイート - ツイート削除2
49. 3-15. ツイート - プロフィール画面にも実装
50. [課題2]Twitterを作ってみよう- 実践編
1. [資料] Lesson4
2. 1. 目的
3. 2. 通信
4. 3. クライアントサイド
5. 4. HTML
6. 5. CSS
7. 6. JavaScript
8. 7. サーバー言語の役割
9. 8. Bubbleの仕組み1
10. 9. Bubbleの仕組み2
11. 10. Bubbleの仕組み3
12. 11. Bubbleの仕組み4
13. 12. API
14. 13. まとめ
1. [資料] 4. Googleログイン
2. 4-1. Googleログイン - 概要
3. 4-2. Googleログイン - 要件説明
4. 4-3. Googleログイン - 外観の実装
5. 4-4. Googleログイン - プラグインのセットアップ
6. 4-5. Googleログイン - ワークフロー実装
7. 4-6. Googleログイン - ユーザー名変更
8. 4-7. Googleログイン - 補足
9. [資料] 5. Unsplash API
10. 5-1. Unsplash API - 概要
11. 5-2. Unsplash API - 要件説明&調査
12. 5-3. Unsplash API - API Connectorの設定
13. 5-4. Unsplash API - フロントの実装
14. 5-5. Unsplash API - ワークフローの実装
15. [資料] 6. アクセス制御
16. 6-1. アクセス制御 - 概要
17. 6-2. アクセス制御 - 要件説明&実装
18. [アンケート]4, 5, 6 について
19. [資料] 7. 検索機能
20. 7-1. 検索機能 - 概要
21. 7-2. 検索機能 - 要件説明
22. 7-3. 検索機能 - サイドバー
23. 7-4. 検索機能 - 外観実装
24. 7-5. 検索機能 - ワークフロー
25. [資料] 8. いいね機能
26. 8-1. いいね機能 - 概要
27. 8-2. いいね機能 - 要件説明
28. 8-3. いいね機能 - DB設計
29. 8-4. いいね機能 - サイドバーの固定
30. 8-5. いいね機能 - ツイートの共通パーツ化
31. 8-6. いいね機能 - 外観の実装1
32. 8-7. いいね機能 - 外観の実装2
33. 8-8. いいね機能 - いいねワークフロー
34. 8-9. いいね機能 - いいね取り消しワークフロー
35. 8-10. いいねした投稿の一覧表示1
36. 8-11. いいねした投稿の一覧表示2
37. [資料] 9. フォロー機能
38. 9-1. フォロー機能 - 概要
39. 9-2. フォロー機能 - 要件説明
40. 9-3. フォロー機能 - DB設計
41. 9-4. フォロー機能 - フォロー数・フォロワー数の表示
42. 9-5. フォロー機能 - フォローボタン等
43. 9-6. フォロー機能 - フォローのワークフローの実装
44. 9-7. フォロー機能 - 構造変更とサイドバー固定
45. 9-8. フォロー機能 - フォロー一覧デザイン
46. 9-9. フォロー機能 - フォロワー一覧デザイン2
47. 9-10. フォロー機能 - フォロー一覧デザイン3
48. 9-11. フォロー機能 - プロフィールとモーダルの表示切り替え
49. 9-12. フォロー機能 - フォローワークフローの実装
50. 9-13. フォロー機能 - デザイン微調整
51. 総まとめ
52. [課題3]Twitterを作ってみよう- 応用編
1. BubbleのDB設計マニュアル
2. [資料] Lesson6
3. 1. Option set
4. 2. Privacy rule
5. 3. DB設計書
1. [資料] 10. 都道府県マスター
2. 10-1. 都道府県マスター - 要件説明
3. 10-2. 都道府県マスター - DB設計
4. 10-3. 都道府県マスター - 実装
5. [資料] 11. 通知機能
6. 11-1. 通知機能 - 要件説明
7. 11-2. 通知機能 - DB設計
8. 11-3. 通知機能 - デザイン実装
9. 11-4. 通知機能 - フォロー通知
10. 11-5. 通知機能 - いいねデザイン
11. 11-6. 通知機能 - いいねワークフロー
12. 11-7. 通知機能 - いいねテスト
13. 11-8. 通知機能 - 未読/既読1
14. 11-9. 通知機能 - 未読/既読2
15. 11-10. 通知機能 - 未読/既読3
16. 11-11. 通知機能 - 未読/既読テスト
17. [資料] 12. チャット機能
18. 12-1. チャット機能 - アジェンダ
19. 12-2. チャット機能 - 要件説明
20. 12-3. チャット機能 - DB設計
21. 12-4. チャット機能 - メッセージ一覧1
22. 12-5. チャット機能 - メッセージ一覧2
23. 12-6. チャット機能 - メッセージルーム作成1
24. 12-7. チャット機能 - メッセージルーム作成2
25. 12-8. チャット機能 - メッセージ1-1
26. 12-9. チャット機能 - メッセージ1-2
27. 12-10. チャット機能 - メッセージ1-3
28. 12-11. チャット機能 - メッセージ2-1
29. 12-12. チャット機能 - メッセージ2-2
30. 12-13. チャット機能 - メッセージ2-3
31. 12-14. チャット機能 - メッセージ2-4
32. 12-15. チャット機能 - 既読/未読
33. [課題4]Twitterを作ってみよう- 上級編
1. Bubbleのテストマニュアル
2. [資料] Lesson8
3. 1. Bubbleのテスト方針
4. 2. テスト仕様書
1. BubbleのTips集
2. Twitterクローンに関する資料集

About this course

48,000円 X 4 回
246回のレッスン
14.5時間の動画コンテンツ

教材プラン

カリキュラム

Lesson0 はじめに

Lesson1 Bubbleを実際に使ってみよう

Lesson2 Bubble基礎知識編

Lesson3 レスポンシブデザイン編

Lesson4 Twitter① - 実践編

Lesson5 Web基礎知識

Lesson6 Twitter② - 応用編

Lesson7 BubbleのDB設計方針

Lesson8 Twitter③ - 上級編

Lesson9 Bubbleのテスト方針

おまけ資料集

About this course

Lesson0 はじめに

Lesson1 Bubbleを実際に使ってみよう

Lesson2 Bubble基礎知識編

Lesson3 レスポンシブデザイン編

Lesson4 Twitter① - 実践編

Lesson5 Web基礎知識

Lesson6 Twitter② - 応用編

Lesson7 BubbleのDB設計方針

Lesson8 Twitter③ - 上級編

Lesson9 Bubbleのテスト方針

おまけ 資料集

About this course

おまけ資料集