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
95
ガチマナ会 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
22
高専で制御を、大学でセンシングを学び、次は脳みそ
satoshirobatofujimoto
0
130
画像生成AIを使って勝負しよう
satoshirobatofujimoto
1
56
画像生成AIを使って勝負しよう
satoshirobatofujimoto
0
78
画像からプロンプトを考えて最も似ている画像を生成した人が勝ちのゲーム@AIミーティング
satoshirobatofujimoto
0
62
VPS研究者が語る”VPS概論”
satoshirobatofujimoto
0
310
画像からプロンプトを考えて最も似ている画像を生成した人が勝ちのゲーム
satoshirobatofujimoto
0
110
OpenAI 新機能まとめ(Function callingとAdd your data編)
satoshirobatofujimoto
0
180
PLATEAUを用いた熊本市中心市街地におけるバリアフリー情報の可視化
satoshirobatofujimoto
0
920
Other Decks in Technology
See All in Technology
Improve developer experience with Spring Interface Clients Spring I/O 2024
olgamaciaszek
0
120
パソコン音痴な私がモバイル開発界隈でぬくぬく成長している理由
mitchan
0
200
継続性視点での開発生産性マネジメント / Managing Engineering Organization in a Strategic Way
sms_tech
10
1.7k
Waffle Festival2024(斉藤裕希)
cybozuinsideout
PRO
3
200
開発生産性 超入門 / development productivity introduction
igsr5
10
2.6k
Speeeエンジニア組織紹介
speee
0
310
OpenStack再入門「ネットワーク編」
kajinamit
0
250
From here to resilience - a travel guide
ufried
1
240
.NET 8 New Features with Code Examples
_mertmetin
0
190
BigQueryとCloud Composerを使って大規模バッチ処理をデータパイプラインに再構築する
monotaro
PRO
2
160
Multimodal LLMs and foundation models in robotics
keio_smilab
PRO
2
680
Oracle Database Technology Night #79 - Oracle Database 23ai 新機能 Oracle Advanced Cluster File System (ACFS)
oracle4engineer
PRO
1
140
Featured
See All Featured
RailsConf 2023
tenderlove
9
610
Design by the Numbers
sachag
274
18k
The Pragmatic Product Professional
lauravandoore
26
5.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
86
45k
BBQ
matthewcrist
80
8.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Git: the NoSQL Database
bkeepers
PRO
423
63k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
242
1.2M
Designing Experiences People Love
moore
136
23k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
YesSQL, Process and Tooling at Scale
rocio
165
13k
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をつくーる