เรียนสมาชิก Replit เพิ่งเปิดตัว Agent 4 และฉันได้เข้าใช้ก่อนใครในช่วงสุดสัปดาห์ ในบทช่วยสอนนี้ ฉันจะแสดงให้คุณเห็นถึงวิธีการวางแผน ออกแบบ และสร้างแอปติดตามนิสัยแบบสดๆ โดยใช้ Canvas ไร้ขอบเขตใหม่ของ Agent 4 และตัวแทนแบบคู่ขนาน นอกจากนี้ ฉันจะแสดงให้คุณเห็นถึงวิธีสร้างการนำเสนอและภาพเคลื่อนไหวจากโค้ด ทั้งหมดนี้ในเวลาเพียง 10 นาที ดูตอนนี้บน YouTube หรืออ่านคู่มือที่เป็นลายลักษณ์อักษรด้านล่าง การประทับเวลา:(00:00) สามคุณสมบัติใหม่ใน Replit Agent 4(00:34) ขั้นตอนที่ 1: ออกแบบแอปติดตามนิสัยด้วยผืนผ้าใบที่ไม่มีที่สิ้นสุด (03:39) ขั้นตอนที่ 2: สร้างได้เร็วขึ้นด้วยเอเจนต์แบบขนาน (05:52) ขั้นตอนที่ 3: เผยแพร่แอปแบบเต็มสแต็กด้วยการคลิกเพียงครั้งเดียว (07:11) ขั้นตอนที่ 4: สร้างชุดสไลด์และแอนิเมชั่นจาก code(08:58) เอาจริงเอาจัง: โดยที่ Replit เข้ากับตลาดการเข้ารหัส AI สิ่งที่เราจะสร้าง ฉันต้องการแอปที่สามารถตรวจสอบพฤติกรรมในปฏิทินและติดตามลายเส้นต่างๆ เพื่อสร้างแรงจูงใจมาโดยตลอด มาสร้างมันกันตอนนี้เลย 🔥1. ออกแบบแอปติดตามนิสัยด้วย canvas เริ่มต้นด้วยการลองใช้ Canvas แบบไม่มีที่สิ้นสุดใหม่ของ Replit พร้อมข้อความแจ้งนี้: สร้างแอปติดตามพฤติกรรมบนมือถือ (สูงสุด 3 นิสัย) สองแท็บ: ปฏิทิน (ค่าเริ่มต้น) และนิสัย (สร้าง/แก้ไข) แท็บปฏิทิน: มุมมองรายเดือน แสดงความคืบหน้าในแต่ละวงแหวนวันที่ที่เติมเต็มเมื่อนิสัยเสร็จสมบูรณ์ แตะวันที่เพื่อเปิดแผ่นงานด้านล่างพร้อมการ์ดสลับสำหรับแต่ละนิสัย แท็บนิสัย: สร้างและแก้ไขนิสัย ช่องชื่อ การกำหนดสี สะอาดและเรียบง่าย เริ่มต้นด้วยการสำรวจรูปแบบการออกแบบ 4 แบบสำหรับแท็บปฏิทินบนผืนผ้าใบ:Glassmorphic — การ์ดกระจกฝ้าสีเข้ม, แสงนุ่มนวล, ความรู้สึกระดับพรีเมียม RPG Quest — ศิลปะพิกเซล, แท่ง XP, เปลวไฟริ้ว, gamifiedBotanical — อุปมาในสวนที่มีชีวิต, ลายเส้นปลูกพืช, สงบและเป็นดิน คุณทำให้ฉันประหลาดใจสังเกตว่าฉันขอให้ Replit สร้างการออกแบบที่แตกต่างกันสี่แบบ เบื้องหลัง จะต้องแยกเจ้าหน้าที่สี่คนมาทำงานนี้ นี่คือการออกแบบสามแบบแรกที่สร้างขึ้น:การออกแบบ Glassmorphic, RPG และพฤกษศาสตร์สำหรับแอปติดตามนิสัยของฉัน เนื่องจากฉันเป็นเกมเมอร์ ฉันจะเลือกใช้การออกแบบภารกิจ RPG ตอนนี้เรามาแก้ไขการออกแบบด้วยการมองเห็นโดยใช้แคนวาสกันดีกว่า คุณสามารถ: สร้างหน้าจอเพิ่มเติม กดปุ่ม + สำหรับการออกแบบ RPG แล้วขอให้: “สร้างหน้าจอภารกิจ” ทำการแก้ไขที่แม่นยำ คลิกไอคอนตรวจสอบและเปลี่ยนข้อความหรือสีด้วยตนเอง ตอนนี้เรามีปฏิทินและมุมมองภารกิจที่เราชอบแล้ว มาให้ Replit สร้างพวกมันกันเถอะ2. สร้างได้เร็วขึ้นด้วยเอเจนต์คู่ขนาน แทนที่จะสร้างด้วยเอเจนต์ทีละตัว ให้เอเจนต์สองตัวทำงานคู่กัน ใน Replit ตอนนี้คุณสามารถแยกเธรดแยกกันเพื่อทำงานในส่วนต่างๆ ของแอปได้แล้ว ต่อไปนี้เป็นข้อความแจ้งที่ฉันให้กับตัวแทนแต่ละราย: มุมมองปฏิทิน: สร้างมุมมองรายเดือน ปัดเพื่อเลื่อนระหว่างเดือน โดยไฮไลต์วันนี้ เซลล์วันที่จะแสดงวงแหวนความคืบหน้าที่เติมเต็มเมื่อนิสัยเสร็จสมบูรณ์ (1/3, 2/3, 3/3) แตะวันที่เพื่อดูถาดด้านล่างซึ่งฉันสามารถสลับเปิด/ปิด 3 นิสัยได้ มุมมองนิสัย: สร้างและแก้ไขนิสัยได้สูงสุด 3 นิสัยด้วยชื่อและสี นิสัยแต่ละอย่างจะแสดงจำนวนริ้วในปัจจุบัน การแก้ไขนิสัยจะรีเซ็ตลำดับเป็นศูนย์ หลังจากเริ่มต้นสองเธรดแล้ว ตอนนี้คุณสามารถนั่งดูเจ้าหน้าที่ทำงานต่อไปได้ มีมุมมองบอร์ดสไตล์ Trello สุดเจ๋งที่คุณสามารถดูงานต่างๆ ที่เคลื่อนผ่านสามขั้นตอน: แบบร่าง ใช้งานอยู่ และพร้อมใช้ ร่างคือแผนที่รอการอนุมัติ ใช้งานอยู่หมายความว่าตัวแทนกำลังสร้าง และพร้อมหมายถึงงานเสร็จสิ้นและพร้อมสำหรับการตรวจสอบ นี่คือจุดที่ฉันคิดว่าตัวแทนการเข้ารหัส AI กำลังมุ่งหน้าไป แทนที่จะจับคู่การเขียนโปรแกรมกับตัวแทนเพียงรายเดียว คุณกำลังจัดการทีมตัวแทน คุณให้คำแนะนำแก่พวกเขา ถอยออกไป และกลับมาตรวจสอบงาน เมื่อเจ้าหน้าที่เสร็จสิ้น คุณสามารถตรวจสอบแต่ละคนและคลิก "ใช้การเปลี่ยนแปลงกับเวอร์ชันหลัก" เพื่อรวมเข้าด้วยกัน คุณยังคงเป็นผู้ควบคุมว่าจะจัดส่งอะไร หากมีบางอย่างดูผิดปกติ คุณสามารถขอแก้ไขก่อนที่จะรวมเข้าด้วยกัน เมื่อสร้างแอปแล้ว คุณสามารถปรับใช้ได้ในคลิกเดียวโดยกดปุ่มเผยแพร่ ข้อดีอย่างหนึ่งของ Replit ก็คือมีการผสานรวมในแนวตั้ง โดยมีส่วนหน้า แบ็คเอนด์ ฐานข้อมูล และการสแกนความปลอดภัยในตัวทั้งหมด3 สร้างชุดสไลด์และแอนิเมชันด้วยโค้ดชุดสไลด์ที่ Replit สร้างขึ้นสำหรับบทช่วยสอนนี้มาสนุกกันให้มากขึ้นกันดีกว่า เมื่อเร็วๆ นี้ ฉันตระหนักได้ว่า:โค้ดเป็นรากฐานของงานความรู้ทั้งหมด ด้วยโค้ด คุณสามารถสร้างได้ไม่เพียงแค่แอปเท่านั้น แต่ยังรวมถึงชุดสไลด์ ภาพเคลื่อนไหว เอกสาร และอื่นๆ อีกมากมาย ตัวอย่างเช่น ฉันวางโพสต์จดหมายข่าวฉบับเต็มนี้ลงใน Replit และสร้างเนื้อหาเหล่านี้:ชุดสไลด์ เจ้าหน้าที่สร้างสไลด์ 10 สไลด์ซึ่งครอบคลุมถึงวิธีที่คุณสามารถใช้ตัวแทน 4 ในการวางแผนออกแบบและสร้างเครื่องติดตามพฤติกรรม แอนิเมชั่น เจ้าหน้าที่สร้างแอนิเมชั่นที่สวยงามพร้อมกราฟิกแบบกำหนดเองและอื่นๆ อีกมากมาย สไลด์ ภาพเคลื่อนไหว และเอกสารล้วนเป็นเพียงโค้ดขั้นสูงเท่านั้น หากตัวแทนสามารถเขียนและวนซ้ำโค้ดได้ ก็สามารถสร้างสิ่งประดิษฐ์ความรู้ได้เกือบทุกชนิด สิ่งที่ควรทำโดยสุจริต: จุดที่ Agent 4 ของ Replit เหมาะกับตลาดการเข้ารหัส AI ฉันคิดว่าตลาดการเข้ารหัส AI ได้แบ่งออกเป็นสองส่วน — เครื่องมือสำหรับนักพัฒนามืออาชีพและเครื่องมือสำหรับคนอื่นๆ สำหรับนักพัฒนา ฉันคิดว่ามันเป็นการแข่งขันแบบสองม้าระหว่าง Claude Code และ Codex ของ OpenAI เครื่องมือเหล่านี้มีประสิทธิภาพ รวดเร็ว และผสานรวมอย่างล้ำลึกเข้ากับโมเดลและเวิร์กโฟลว์ของนักพัฒนา สำหรับคนอื่นๆ — และนี่คือตลาดที่ใหญ่กว่า — Replit กำลังเดิมพันสองครั้งกับตัวแทน 4: ผู้ที่ไม่ใช่ด้านเทคนิคจะทำงานร่วมกันโดยตรงกับตัวแทน AI นักออกแบบจะใช้ AI เพื่อสร้างการออกแบบบนผืนผ้าใบแทนที่จะดำเนินการด้วยตนเอง PM จะจัดการเจ้าหน้าที่ผ่านกระดานสไตล์ Trello เพื่อทำงานให้เสร็จ รหัสเป็นรากฐานของการทำงานด้วยความรู้ หากตัวแทนสามารถเขียนโค้ดได้ ก็จะสามารถสร้างแอป การนำเสนอ แอนิเมชั่น และอื่นๆ อีกมากมาย ลองนึกถึงจำนวนผู้ใช้ Microsoft Office, Google Workspace และเครื่องมือการออกแบบหรือแอนิเมชันแบบดั้งเดิม นั่นคือตลาดที่ Replit กำลังไล่ตาม ฉันคิดว่า Agent 4 เป็นการก้าวไปข้างหน้าอย่างแท้จริงในทั้งสองด้าน ผืนผ้าใบอาจใช้การขัดเงาเพิ่มอีกเล็กน้อยแต่ทิศทางก็ชัดเจน เราจะทำงานร่วมกับตัวแทน AI เพื่อสร้างทุกสิ่งในอนาคต ไม่ใช่แค่แอป ดูบทช่วยสอนของฉันเพื่อดูการทำงานจริงและลองใช้ Agent 4 ด้วยตัวเอง
Replit Agent 4 มาแล้ว: วางแผน ออกแบบ และสร้างแอปติดตามนิสัยด้วย AI Agent หลายตัว
By Creator Economy
·
·
5 min read
·
715 views
Read in:
aa
ace
af
ak
alz
am
ar
as
awa
ay
az
ba
ban
be
bew
+191 more
bg
bho
bik
bm
bn
brx
bs
bug
ca
ceb
cgg
ckb
co
crh
cs
cv
cy
da
de
din
doi
dv
dyu
dz
ee
el
en
eo
es
et
eu
fa
ff
fi
fj
fo
fr
fur
fy
ga
gd
gl
gom
gn
gu
ha
haw
he
hi
hil
hne
hmn
hr
hrx
ht
hu
hy
id
ig
ilo
is
it
ja
jam
jv
ka
kab
kbp
kg
kha
kk
kl
km
kn
ko
kri
ku
ktu
ky
la
lb
lg
li
lij
ln
lo
lmo
lt
ltg
lua
luo
lus
lv
mai
mak
mg
mi
min
mk
ml
mn
mni-mtei
mos
mr
ms
mt
my
nd
ne
nl
nn
no
nr
nso
nus
ny
oc
om
or
pa
pag
pam
pap
pl
ps
pt
pt-br
qu
rn
ro
ru
rw
sa
sah
sat
sc
scn
sg
si
sk
sl
sm
sn
so
sq
sr
ss
st
su
sus
sv
sw
szl
ta
tcy
te
tg
th
ti
tiv
tk
tl
tn
to
tpi
tr
trp
ts
tt
tum
ty
udm
ug
uk
ur
uz
ve
vec
vi
war
wo
xh
yi
yo
yua
yue
zap
zh
zh-hk
zh-tw
zu
