ガチマナ会 vol.1

ノーコードでSNSをつくーる

Transcript

1. ガチマナ会 vol.1 ガチでマナぶ会 2024/02/20
2. ノーコードでSNSつくろう • https://funrepeat.com/bubble-tutorial/
3. Hello World!
4. • https://bubble.io/ アカウントを登録
5. アンケートに回答
6. Get startedをクリック
7. アプリ名を入力
8. デフォルトのフォントを選択
9. デフォルトのカラーを選択
10. Get started buildingをクリック
11. メニューバー
12. View -> Show gridにチェック
13. Visual elements -> Text D&D
14. テキストの編集
15. Previewをクリック
16. Visual Elements -> Button D&D
17. ボタンを押したらHello, World!を表示したい
18. This element is visible on page loadのチェックを外す
19. Click meボタンのAdd workflow
20. Buttonをクリックしたら、Hello, World!を表示したい
21. Show -> Element を Text Hello, World!にする
22. Hello, World! 完成
23. 簡単なSNSアプリ
24. Input forms -> Multiline Input D&D
25. Visual Elements -> Button、レイアウトの調整 D&D
26. データベースを作成（Tweet）
27. Create a new field
28. Fieldの選択
29. Containers -> Repeating Group D&D
30. RepeatingGroup Tweet -> Appearanceの設定
31. Textを割り当てる D&D
32. Insert dynamic data -> Current cell’s Tweet’s tweet
33. 「投稿する」ボタンでツイートしたい
34. 「投稿する」ボタンでアクションを追加
35. Tweet内容を指定し、ツイートする
36. ツイートしたらリセット
37. 完成
38. ヘッダーを作成
39. アプリのコピー（Ctrl+A -> Copy to another app）
40. Upgradeが必要
41. Freeは1アプリまで
42. ページについて
43. ヘッダーを作成
44. • ｚｚｚ ヘッダーを作成
45. Responsive -> Reusable header Layoutの設定
46. ヘッダーのスタイルを作成
47. ヘッダーのスタイルを設定
48. ヘッダーのスタイルを設定
49. ヘッダーにアプリ名を設定
50. ヘッダーにアプリ名を設定
51. ヘッダーにアプリ名のスタイルを作成
52. ヘッダーにアプリ名のスタイルを設定
53. ヘッダーにタイムラインのリンクを追加 D&D
54. ヘッダーにタイムラインのリンクを追加
55. ヘッダーにタイムラインのリンクを追加
56. ヘッダーにタイムラインのリンクを追加
57. indexにヘッダーを追加
58. 完成
59. 疲れました
60. 次回、GlideでSNSをつくーる