Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ガチマナ会 vol.1
Search
Satoshi Gachi Fujimoto
February 20, 2024
Technology
0
71
ガチマナ会 vol.1
ノーコードでSNSをつくーる
Satoshi Gachi Fujimoto
February 20, 2024
Tweet
Share
More Decks by Satoshi Gachi Fujimoto
See All by Satoshi Gachi Fujimoto
バスあと何分ミニサイネージ
satoshirobatofujimoto
0
15
高専で制御を、大学でセンシングを学び、次は脳みそ
satoshirobatofujimoto
0
120
画像生成AIを使って勝負しよう
satoshirobatofujimoto
1
51
画像生成AIを使って勝負しよう
satoshirobatofujimoto
0
67
画像からプロンプトを考えて最も似ている画像を生成した人が勝ちのゲーム@AIミーティング
satoshirobatofujimoto
0
60
VPS研究者が語る”VPS概論”
satoshirobatofujimoto
0
300
画像からプロンプトを考えて最も似ている画像を生成した人が勝ちのゲーム
satoshirobatofujimoto
0
96
OpenAI 新機能まとめ(Function callingとAdd your data編)
satoshirobatofujimoto
0
180
PLATEAUを用いた熊本市中心市街地におけるバリアフリー情報の可視化
satoshirobatofujimoto
0
900
Other Decks in Technology
See All in Technology
ワールドカフェI /チューターを改良する / World Café I and Improving the Tutors
ks91
PRO
0
150
Cypress or Playwright?
rainerhahnekamp
0
180
生成AIの変革の時代に、直近1年で直面した課題とその解決策
ktc_wada
1
740
Azureの基本的な権限管理の勉強会
yhana
1
2.2k
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
2
600
【基本】データベース設計
oracle4engineer
PRO
2
230
Building Dashboards as a Hobby
egmc
0
400
開発パフォーマンスを最大化するための開発体制
ham0215
7
1.2k
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
2
470
Gradle Build Scanを使ってビルドのことを知ろう potatotips #87
tomorrowkey
2
160
Documentação de Produtos: Artefatos essenciais na prática
rigolon
1
190
認知症フレンドリーテックとスタックチャン
naokiuc
0
310
Featured
See All Featured
Building Adaptive Systems
keathley
32
1.9k
What the flash - Photography Introduction
edds
64
11k
How GitHub (no longer) Works
holman
305
140k
Writing Fast Ruby
sferik
622
60k
Adopting Sorbet at Scale
ufuk
69
8.6k
Being A Developer After 40
akosma
67
580k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
15
1.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
8
3.4k
Docker and Python
trallard
35
2.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Web Components: a chance to create the future
zenorocha
306
41k
Build The Right Thing And Hit Your Dates
maggiecrowley
25
2k
Transcript
ガチマナ会 vol.1 ガチでマナぶ会 2024/02/20
ノーコードでSNSつくろう • https://funrepeat.com/bubble-tutorial/
Hello World!
• https://bubble.io/ アカウントを登録
アンケートに回答
Get startedをクリック
アプリ名を入力
デフォルトのフォントを選択
デフォルトのカラーを選択
Get started buildingをクリック
メニューバー
View -> Show gridにチェック
Visual elements -> Text D&D
テキストの編集
Previewをクリック
Visual Elements -> Button D&D
ボタンを押したらHello, World!を表示したい
This element is visible on page loadのチェックを外す
Click meボタンのAdd workflow
Buttonをクリックしたら、Hello, World!を表示したい
Show -> Element を Text Hello, World!にする
Hello, World! 完成
簡単なSNSアプリ
Input forms -> Multiline Input D&D
Visual Elements -> Button、レイアウトの調整 D&D
データベースを作成(Tweet)
Create a new field
Fieldの選択
Containers -> Repeating Group D&D
RepeatingGroup Tweet -> Appearanceの設定
Textを割り当てる D&D
Insert dynamic data -> Current cell’s Tweet’s tweet
「投稿する」ボタンでツイートしたい
「投稿する」ボタンでアクションを追加
Tweet内容を指定し、ツイートする
ツイートしたらリセット
完成
ヘッダーを作成
アプリのコピー(Ctrl+A -> Copy to another app)
Upgradeが必要
Freeは1アプリまで
ページについて
ヘッダーを作成
• zzz ヘッダーを作成
Responsive -> Reusable header Layoutの設定
ヘッダーのスタイルを作成
ヘッダーのスタイルを設定
ヘッダーのスタイルを設定
ヘッダーにアプリ名を設定
ヘッダーにアプリ名を設定
ヘッダーにアプリ名のスタイルを作成
ヘッダーにアプリ名のスタイルを設定
ヘッダーにタイムラインのリンクを追加 D&D
ヘッダーにタイムラインのリンクを追加
ヘッダーにタイムラインのリンクを追加
ヘッダーにタイムラインのリンクを追加
indexにヘッダーを追加
完成
疲れました
次回、GlideでSNSをつくーる