Bubbleマスターコース

Bubbleエンジニアプラン

動画教材に加え、メンタリングサポートや案件保証が受けられるプランです。さまざまな特典を受けられる、最もお買い得なプランとなっています。

購入無料プレビュー

カリキュラム

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. [資料] Lesson3
2. 1. 概要説明
3. 2. Flexboxとは何か
4. 3. Flexboxのハンズオン - step1
5. 4. Flexboxのハンズオン - step2
6. 5. Flexboxのハンズオン - step3
7. 6. RowとColumnの解説
8. 7. 親要素と子要素の解説
9. 8. 親要素と子要素のハンズオン
10. 9. Element treeの使い方
11. 10. MarginとPaddingの解説
12. 11. MarginとPaddingのハンズオン
13. 12. レスポンシブエディターの使い方
14. 13. Option barにある機能紹介 - part1
15. 14. Option barにある機能紹介 - part2
16. 15. Option barにある機能紹介 - part3
17. 16. Max Widthの解説
18. 17. Min Widthの解説
19. 18. %指定とpx指定の違い
20. 19. HTMLの解説+ハンズオン
21. 20. CSSの解説+ハンズオン
22. 21. 検証ツールの使い方 - HTMLの確認
23. 22 検証ツールの使い方 - CSSの確認
24. 23. 検証ツールの使い方 - レスポンシブデザインの確認方法
25. 24. 検証ツールの使い方 - ハンズオン
26. 25. 検証ツールの使い方 - JavaScriptの確認
27. 26. 実践編の概要と環境構築
28. 27. 演習 - レベル1
29. 28. 演習 - レベル3
30. 29. 演習 - レベル6
31. 30. 演習 - レベル9
32. 31. 演習 - レベル11
33. 32. 演習 - レベル15
34. 33. 演習 - レベル19
35. 34. 演習 - レベル22
36. 35. 演習 - レベル28
37. 36. 演習 - レベル34
1. [資料] Lesson4
  無料プレビュー
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. [資料] Lesson6
  無料プレビュー
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. [資料] 7. 検索機能
19. 7-1. 検索機能 - 概要
20. 7-2. 検索機能 - 要件説明
21. 7-3. 検索機能 - サイドバー
22. 7-4. 検索機能 - 外観実装
23. 7-5. 検索機能 - ワークフロー
24. [資料] 8. いいね機能
25. 8-1. いいね機能 - 概要
26. 8-2. いいね機能 - 要件説明
27. 8-3. いいね機能 - DB設計
28. 8-4. いいね機能 - サイドバーの固定
29. 8-5. いいね機能 - ツイートの共通パーツ化
30. 8-6. いいね機能 - 外観の実装1
31. 8-7. いいね機能 - 外観の実装2
32. 8-8. いいね機能 - いいねワークフロー
33. 8-9. いいね機能 - いいね取り消しワークフロー
34. 8-10. いいねした投稿の一覧表示1
35. 8-11. いいねした投稿の一覧表示2
36. [資料] 9. フォロー機能
37. 9-1. フォロー機能 - 概要
38. 9-2. フォロー機能 - 要件説明
39. 9-3. フォロー機能 - DB設計
40. 9-4. フォロー機能 - フォロー数・フォロワー数の表示
41. 9-5. フォロー機能 - フォローボタン等
42. 9-6. フォロー機能 - フォローのワークフローの実装
43. 9-7. フォロー機能 - 構造変更とサイドバー固定
44. 9-8. フォロー機能 - フォロー一覧デザイン
45. 9-9. フォロー機能 - フォロワー一覧デザイン2
46. 9-10. フォロー機能 - フォロー一覧デザイン3
47. 9-11. フォロー機能 - プロフィールとモーダルの表示切り替え
48. 9-12. フォロー機能 - フォローワークフローの実装
49. 9-13. フォロー機能 - デザイン微調整
50. 総まとめ
51. [課題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. [資料] Lesson10
3. 1. Bubbleのテスト方針
4. 2. テスト仕様書
1. [資料] Lesson11
2. 1. 講座の概要
3. 2. クライアントとサーバーとは
4. 3. Bubbleにおけるクライアントとサーバーの違い
5. 4. 具体的なユースケース
6. 5. ハンズオン演習 - 要素を隠してもデータは見えている
7. 6. ハンズオン演習-フロントエンド上のデータを重要なワークフローで使用しない
8. 7. プライバシールールの目的
9. 8. プライバシールールの仕組み
10. 9. プライバシールールの仕組みの図説
11. 10. プライバシールールの設定手順
12. 11. プライバシールールの具体例
13. 12. プライバシールールのテスト概要
14. 13. プライバシールールのテスト概要2
15. 14. サンプルデータの紹介
16. 15. User Typeのデータ保護
17. 16. Chat Typeのデータ保護
18. 17. Post Type, Subscription Typeのデータ保護
19. 18. ハンズオン演習 - 検証ツールで確認してみよう
20. 19. バックエンドワークフローの紹介
21. 20. APIワークフローについて
22. 21. ハンズオン演習 - 非同期処理の具体例
23. 22. ハンズオン演習 - 繰り返し処理
24. 23. ハンズオン演習 - データベース変更に伴うワークフロー
25. 24. ハンズオン演習 - バッチ処理
26. 25. 同期処理 - API connectorの設定
27. 26. Settingの概要とベーシック認証の設定方法
28. 27. パスワードポリシーの設定
29. 28. 全てのiFrameをブロックする
30. 29. SSLの有効化
31. 30. APIとは
32. 31. パブリックAPIとデータAPIについて
33. 32. Swaggerについて
34. 33. Bubbleアカウントのセキュリティー
35. 34. APIコネクター - 公開前の処理、暗号化など
36. 35. ハンズオン演習 - ユーザーリダイレクト
37. 36. プラグイン、実はこのデータ公開されています、セキュリティーチェックツール
1. BubbleのTips集
2. Twitterクローンに関する資料集

About this course

Bubbleエンジニアプラン（4回払い）
319回のレッスン
18時間の動画コンテンツ

Bubbleエンジニアプラン

カリキュラム

Lesson0 はじめに

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

Lesson2 Bubble基礎知識編

Lesson3 レスポンシブデザイン - 基礎編

Lesson4 レスポンシブデザイン - 応用編

Lesson5 Twitter① - 実践編

Lesson6 Web基礎知識

Lesson7 Twitter② - 応用編

Lesson8 BubbleのDB設計方針

Lesson9 Twitter③ - 上級編

Lesson10 Bubbleのテスト方針

Lesson11 Bubbleセキュリティ編

おまけ資料集

About this course

Lesson0 はじめに

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

Lesson2 Bubble基礎知識編

Lesson3 レスポンシブデザイン - 基礎編

Lesson4 レスポンシブデザイン - 応用編

Lesson5 Twitter① - 実践編

Lesson6 Web基礎知識

Lesson7 Twitter② - 応用編

Lesson8 BubbleのDB設計方針

Lesson9 Twitter③ - 上級編

Lesson10 Bubbleのテスト方針

Lesson11 Bubbleセキュリティ編

おまけ 資料集

About this course

おまけ資料集