Cursor 3.0 - Full Course for Beginners

1
00:00:00,000 --> 00:00:03,503
วิดีโอนี้จะครอบคลุมทุกอย่างที่คุณต้องรู้เกี่ยวกับ

2
00:00:03,503 --> 00:00:07,007
Cursor โดยเฉพาะเวอร์ชันใหม่ล่าสุดอย่าง Cursor 3.0

3
00:00:07,007 --> 00:00:11,368
ผมจะสมมติว่าคุณไม่มีความรู้มาก่อนเลยและจะสอนแบบตั้งแต่ต้นจนจบ

4
00:00:11,368 --> 00:00:15,801
สำหรับผู้เริ่มต้น นั่นหมายความว่าผมจะพาไปดูฟีเจอร์หลักทุกอย่าง

5
00:00:15,801 --> 00:00:20,377
สอนวิธีติดตั้ง Cursor วิธีสร้างโปรเจกต์ใหม่ วิธีเขียนโค้ดหรือใช้

6
00:00:20,377 --> 00:00:24,310
AI ช่วยสร้างโค้ด จากนั้นผมจะพาไปดูฟีเจอร์ขั้นสูงทั้งหมด

7
00:00:24,310 --> 00:00:27,884
ไม่ว่าจะเป็น agents, side chats, การทำงานบนคลาวด์,

8
00:00:27,884 --> 00:00:31,960
MCP servers รวมถึงแนวคิดสำคัญทั้งหมดที่คุณต้องรู้เพื่อให้

9
00:00:31,960 --> 00:00:35,606
Cursor กลายเป็นสภาพแวดล้อมพัฒนาโปรแกรมที่จริงจังได้

10
00:00:35,606 --> 00:00:39,110
จริงๆ แล้วผมใช้ Cursor มาตั้งแต่ตอนที่มันออกใหม่ๆ

11
00:00:39,110 --> 00:00:42,828
พวกเขาเป็นพาร์ทเนอร์ระยะยาวของผม และให้เครดิต Cursor

12
00:00:42,828 --> 00:00:48,119
แก่ผมมูลค่าหลายหมื่นดอลลาร์ และยินดีที่จะบอกว่าพวกเขาสนับสนุนวิดีโอนี้ด้วย

13
00:00:48,119 --> 00:00:51,980
ดังนั้นหลักสูตรที่คุณเห็นอยู่นี้ผ่านการรับรองจากทีมงาน

14
00:00:51,980 --> 00:00:55,411
Cursor อย่างเป็นทางการ อย่างไรก็ตาม คุณสามารถใช้

15
00:00:55,411 --> 00:01:00,488
Cursor ได้ฟรี ไม่ต้องจ่ายอะไรเลย ถ้าพร้อมแล้ว เราเข้าเรื่องกันเลยดีกว่า

16
00:01:00,488 --> 00:01:05,350
มาทำคอร์ส Cursor 3.0 ฉบับเต็มกัน เริ่มจากทำความเข้าใจอย่างรวดเร็วว่า

17
00:01:05,350 --> 00:01:08,925
Cursor คืออะไร และมันต่างจากเครื่องมืออย่าง Claude

18
00:01:08,925 --> 00:01:13,286
Code หรือ Codex อย่างไร Cursor คือสภาพแวดล้อมพัฒนาแบบบูรณาการ

19
00:01:13,286 --> 00:01:17,076
(IDE) เต็มรูปแบบ จริงๆ แล้วมันเป็น fork ต่อจาก Visual

20
00:01:17,076 --> 00:01:20,650
Studio Code ดังนั้นหน้าตาจะคล้ายกันมากถ้าคุณเคยใช้

21
00:01:20,650 --> 00:01:24,082
VS Code มาก่อน และมันเต็มไปด้วยฟีเจอร์ AI มากมาย

22
00:01:24,082 --> 00:01:28,086
นั่นหมายความว่าคุณสามารถใช้มันเป็น IDE ที่ขับเคลื่อนด้วย

23
00:01:28,086 --> 00:01:31,518
AI ซึ่งคุณสามารถดูโค้ด แก้ไขโค้ด เพิ่มเครื่องมือ

24
00:01:31,518 --> 00:01:35,308
เห็นทุกอย่างที่เกิดขึ้น และในเวลาเดียวกันก็ใช้ฟีเจอร์

25
00:01:35,308 --> 00:01:38,883
AI ทั้งหมดที่คุณจะใช้ในเครื่องมืออย่าง Claude Code

26
00:01:38,883 --> 00:01:43,459
หรือ Codex ได้อย่างเต็มที่ ความแตกต่างหลักที่ผมอยากชี้ให้เห็นคือ

27
00:01:43,459 --> 00:01:47,105
เวลาคุณใช้เครื่องมือแบบ CLI อย่าง Codex หรือ Claude

28
00:01:47,105 --> 00:01:51,466
Code โดยทั่วไปคุณจะไม่ได้ดูไฟล์จริงๆ คุณไม่ได้อ่านโค้ดทั้งหมด

29
00:01:51,466 --> 00:01:55,685
คุณไม่รู้จริงๆ ว่ากำลังเกิดอะไรขึ้น และคุณก็แค่เชื่อใจโมเดล

30
00:01:55,685 --> 00:01:59,832
AI อย่างสุ่มสี่สุ่มห้า แต่กับ Cursor คุณจะได้ควบคุมมากขึ้น

31
00:01:59,832 --> 00:02:04,336
แน่นอนว่าคุณยังทำแบบนั้นได้ อยากจะ vibe coding แค่ไหนก็ได้ตามใจ

32
00:02:04,336 --> 00:02:11,701
แต่คุณยังมีเครื่องมือพัฒนาโปรแกรมอันทรงพลังทั้งหมดที่วิศวกรตัวจริงใช้ตอนส่งแอปพลิเคชันขึ้นโปรดักชันด้วย

33
00:02:11,701 --> 00:02:16,562
ดังนั้นคนที่เป็น software engineer ตัวจริงมักจะเลือกใช้เครื่องมือแบบ

34
00:02:16,562 --> 00:02:22,497
Cursor มากกว่า Claude Code หรือ Codex เพราะคุณควบคุมได้มากกว่าในเครื่องมือประเภทนี้

35
00:02:22,497 --> 00:02:26,787
โอเค เพื่อเริ่มต้นกับ Cursor สิ่งแรกที่ต้องทำคือดาวน์โหลดมัน

36
00:02:26,787 --> 00:02:30,219
อย่างที่บอกมันฟรี แต่แน่นอนว่าเวลาคุณใช้โมเดล AI

37
00:02:30,219 --> 00:02:36,153
ถ้าใช้เยอะ คุณก็ต้องอัปเกรดและซื้อแพ็กเกจ ผมจะอธิบายราคาทั้งหมดให้คุณเข้าใจทุกอย่าง

38
00:02:36,153 --> 00:02:40,229
แต่ขั้นแรกคือดาวน์โหลด ผมจะฝากลิงก์ไว้ในคำอธิบายใต้วิดีโอ

39
00:02:40,229 --> 00:02:45,376
ตอนนี้ Cursor เพิ่งออกฟีเจอร์ใหม่ๆ เยอะมาก คุณสามารถใช้มันจากโทรศัพท์ได้

40
00:02:45,376 --> 00:02:49,809
หรือใช้ผ่านเว็บเบราว์เซอร์โดยตรง ถ้าคุณไม่มีคอมพิวเตอร์ที่ดีพอ

41
00:02:49,809 --> 00:02:54,099
แต่สำหรับพวกเราส่วนใหญ่แล้ว เราอยากได้แอปพลิเคชันบนเดสก์ท็อป

42
00:02:54,099 --> 00:02:57,674
ผมจะฝากลิงก์ไว้ในคำอธิบาย ผมเองใช้เวอร์ชัน Windows

43
00:02:57,674 --> 00:03:02,608
อยู่ แต่คุณดาวน์โหลดเวอร์ชัน Mac หรือ Linux ได้บนเครื่องแทบทุกเครื่อง

44
00:03:02,608 --> 00:03:08,399
โอเค ไปดาวน์โหลด Cursor กัน พอดาวน์โหลดเสร็จ มันจะให้คุณสร้างบัญชีหรือเข้าสู่ระบบ

45
00:03:08,399 --> 00:03:13,404
ซึ่งคุณทำได้โดยตรงจากเว็บเพจของ Cursor เช่นกัน ดังนั้นถ้ายังไม่มีบัญชี

46
00:03:13,404 --> 00:03:17,980
ก็สมัครหรือสร้างบัญชีใหม่กับ Cursor ได้เลย แล้วคุณก็ลองดูราคาได้

47
00:03:17,980 --> 00:03:21,412
ถ้าคุณไม่เคยใช้มาก่อน แนะนำให้เริ่มจากแผนฟรีก่อน

48
00:03:21,412 --> 00:03:24,915
พอเริ่มใช้แล้วถ้าชอบก็ค่อยอัปเกรดเป็นแผน Pro, Pro

49
00:03:24,915 --> 00:03:28,776
Plus หรือ Ultra หรือจะขึ้นไปเป็น Teams หรือ Enterprise

50
00:03:28,776 --> 00:03:32,423
ตามที่คุณต้องการ ราคาทำงานคล้ายๆ กับเครื่องมืออื่นๆ

51
00:03:32,423 --> 00:03:36,855
ที่คุณเคยใช้ ตรงที่คุณจะได้ปริมาณการใช้งานที่จำกัดในแต่ละโมเดล

52
00:03:36,855 --> 00:03:40,216
โดยใช้ได้เยอะกว่ามากกับโมเดลของ Cursor เองอย่าง

53
00:03:40,216 --> 00:03:43,862
Grok และ Composer ซึ่งเดี๋ยวเราจะพูดถึงในอีกสักครู่

54
00:03:43,862 --> 00:03:47,580
และใช้ได้น้อยกว่ากับโมเดลระดับ frontier อย่าง Claude

55
00:03:47,580 --> 00:03:52,871
หรือ GPT 5.6 แต่คุณสามารถจ่ายเพิ่มเพื่อซื้อการใช้งานพิเศษได้เสมอถ้าต้องการ

56
00:03:52,871 --> 00:03:58,019
โอเค ถึงตรงนี้ผมจะสมมติว่าคุณดาวน์โหลดและติดตั้งแอปพลิเคชันเดสก์ท็อปแล้ว

57
00:03:58,019 --> 00:04:01,880
และเข้าสู่ระบบบัญชีของคุณหรือสร้างบัญชีใหม่ถ้ายังไม่มี

58
00:04:01,880 --> 00:04:05,455
เมื่อทำเสร็จแล้ว คุณจะถูกพาไปยังหน้าตาที่ประมาณนี้

59
00:04:05,455 --> 00:04:09,173
ขอผมเปิดดูหน่อย แบบนี้ นี่คือมุมมองดีฟอลต์ที่ Cursor

60
00:04:09,173 --> 00:04:12,891
พาคุณเข้ามา ถ้าหน้าตาแตกต่างไปนิดหน่อยก็ไม่ต้องกังวล

61
00:04:12,891 --> 00:04:17,181
เพราะพวกเขาอัปเดตอินเทอร์เฟซอยู่ตลอด แต่คุณน่าจะเห็นหน้าต่าง

62
00:04:17,181 --> 00:04:22,186
agent เปล่าๆ ประมาณนี้ โอเค แล้วผมจะพาคุณไปดูอินเทอร์เฟซทั้งหมดทีละจุด

63
00:04:22,186 --> 00:04:25,761
เพื่อให้คุณเข้าใจอย่างถ่องแท้และรู้ว่าต้องไปที่ไหน

64
00:04:25,761 --> 00:04:30,050
กดปุ่มอะไร แต่ก่อนอื่น ผมอยากพูดถึงการเปลี่ยนแปลงครั้งใหญ่ใน

65
00:04:30,050 --> 00:04:34,340
Cursor 3.0 สักเล็กน้อย เพราะบางคนอาจเคยใช้เวอร์ชันเก่ามาก่อน

66
00:04:34,340 --> 00:04:38,344
หรือเคยดูบทช่วยสอนอื่นๆ ของผม ตอนนี้ Cursor อยู่เวอร์ชัน

67
00:04:38,344 --> 00:04:43,993
3.0 พวกเขาแก้ไขเล็กน้อยอยู่เรื่อยๆ ดังนั้นพอคุณดูวิดีโอนี้อาจเห็นต่างไปนิดหน่อย

68
00:04:43,993 --> 00:04:47,353
แต่มีการเปลี่ยนแปลงครั้งใหญ่เทียบกับ Cursor 1.0

69
00:04:47,353 --> 00:04:52,501
หรือ 2.0 และมีคลื่นการเปลี่ยนแปลงสามระลอกที่ผมอยากเล่าให้ฟังอย่างรวดเร็ว

70
00:04:52,501 --> 00:04:56,290
ระลอกแรกเกิดขึ้นเมื่อประมาณหกเดือนก่อน ตอนนั้น Cursor

71
00:04:56,290 --> 00:05:00,080
เริ่มเพิ่ม skills, agents, ปลั๊กอินจำนวนมาก มี Cursor

72
00:05:00,080 --> 00:05:03,583
Marketplace เป็นของตัวเอง และเพิ่มโหมดต่างๆ อย่าง

73
00:05:03,583 --> 00:05:07,587
debug mode และ design mode รวมถึง side chats ซึ่งเจ๋งมาก

74
00:05:07,587 --> 00:05:11,305
เราจะได้ดูกันเร็วๆ นี้ จากนั้นประมาณเดือนเมษายนปีนี้

75
00:05:11,305 --> 00:05:15,953
คือปี 2026 ตอนที่ผมถ่ายวิดีโอนี้ พวกเขาเปลี่ยนไปใช้อินเทอร์เฟซแบบ

76
00:05:15,953 --> 00:05:19,742
agent-first ซึ่งเปลี่ยนหน้าตาของ Cursor ไปโดยสิ้นเชิง

77
00:05:19,742 --> 00:05:23,102
คุณไม่มีมุมมอง IDE แบบดีฟอลต์อีกต่อไป ซึ่งจริงๆ

78
00:05:23,102 --> 00:05:27,321
แล้วยังกลับไปใช้ได้อยู่ และมันแสดง agents หลายตัวให้คุณเห็น

79
00:05:27,321 --> 00:05:32,040
แนวคิดคือให้รัน agents หลายตัวพร้อมกันแบบขนานและใช้คลาวด์ของพวกเขา

80
00:05:32,040 --> 00:05:36,401
แล้วล่าสุด ในช่วงสองสามเดือนที่ผ่านมา พวกเขาเพิ่มฟีเจอร์อื่นๆ

81
00:05:36,401 --> 00:05:40,548
อีกมากมาย เช่น โมเดลใหม่อย่าง Composer 2.5 ซึ่งดีมากจริงๆ,

82
00:05:40,548 --> 00:05:43,909
Automations, Bug Bot, Cloud Subregions, แอป iOS

83
00:05:43,909 --> 00:05:47,984
และแน่นอน ล่าสุดพวกเขาเพิ่มโมเดล Grok 4.5 เห็นโพสต์วันที่

84
00:05:47,984 --> 00:05:51,487
16 กรกฎาคม ซึ่งก็คือเมื่อวานตอนที่ผมถ่ายวิดีโอนี้

85
00:05:51,487 --> 00:05:54,919
และนี่เป็นความร่วมมือกับ xAI คุณอาจเคยได้ยินชื่อ

86
00:05:54,919 --> 00:06:00,353
Grok บน Twitter/X มาก่อน จริงๆ แล้วพวกเขาฝึกโมเดลนี้โดยใช้พลังคำนวณโดยตรงจาก

87
00:06:00,353 --> 00:06:04,715
xAI และ Grok 4.5 ตอนนี้ดีมากจริงๆ และคุณจะเห็นว่ามันทำคะแนนใน

88
00:06:04,715 --> 00:06:08,290
benchmark อยู่ในระดับใกล้เคียงกัน แต่ราคาต่อ token

89
00:06:08,290 --> 00:06:12,079
ถูกกว่ามากเมื่อเทียบกับโมเดลระดับเดียวกันอย่าง Claude

90
00:06:12,079 --> 00:06:16,941
หรือ GPT 5.5 ในโหมด X High ยังไงก็ตาม ประเด็นคือพวกเขามีฟีเจอร์เจ๋งๆ

91
00:06:16,941 --> 00:06:21,588
เยอะแยะ เราไปดูกันทีละอย่าง และให้ผมสาธิตให้ดูโดยตรงในอินเทอร์เฟซ

92
00:06:21,588 --> 00:06:25,878
โอเค พอเปิดอินเทอร์เฟซขึ้นมา คุณจะถูกพาไปยังหน้าที่ประมาณนี้

93
00:06:25,878 --> 00:06:34,029
ผมสัญญาว่าจะพาคุณเห็นการเขียนโค้ดจริงๆ แต่มันสำคัญมากที่คุณต้องเข้าใจว่าคุณทำงานอยู่ตรงไหนและจะเดินทางในนี้อย่างไร

94
00:06:34,029 --> 00:06:37,533
เพราะมีฟีเจอร์เยอะมาก มุมมองที่เปิดเป็นดีฟอลต์คือ

95
00:06:37,533 --> 00:06:41,251
agent view นี่คือจุดที่คุณจะเห็นหน้าต่างพิมพ์ prompt

96
00:06:41,251 --> 00:06:45,612
คล้ายๆ กับ ChatGPT ใช่ไหมครับ และจากตรงนี้คุณมีตัวเลือกมากมาย

97
00:06:45,612 --> 00:06:49,830
อย่างแรกคือตัวเลือกโมเดล คุณเห็นได้ว่าสามารถเปลี่ยนโมเดลได้

98
00:06:49,830 --> 00:06:53,334
มีโมเดลเยอะแยะที่นี่ และถ้าคุณไม่รู้จะใช้ตัวไหนดี

99
00:06:53,334 --> 00:06:57,409
คุณก็สับไปที่โหมด auto ได้ โหมดนี้โดยปกติจะชอบใช้โมเดลของ

100
00:06:57,409 --> 00:07:02,986
Cursor เอง นั่นคือ Composer 2.5 และ Grok 4.5 แต่คุณก็สามารถสลับไปใช้โมเดลอื่นๆ

101
00:07:02,986 --> 00:07:06,776
ที่อยากใช้ได้เกือบทุกตัว แต่จำไว้ ถ้าคุณใช้โมเดลอย่าง

102
00:07:06,776 --> 00:07:12,781
Claude 5 หรือโมเดลที่ไม่ได้มาจาก Cursor โดยตรง มันจะกินเครดิตการใช้งานของคุณเร็วกว่า

103
00:07:12,781 --> 00:07:16,142
ตัวอย่างเช่น ถ้าผมสลับไปใช้ Claude 5 ผมก็ใช้ได้

104
00:07:16,142 --> 00:07:19,645
แต่เครดิตจะหมดเร็วกว่าการใช้โมเดลมาตรฐานของพวกเขา

105
00:07:19,645 --> 00:07:23,935
โอเค นี่คือมุมมองแรก แล้วคุณจะสังเกตว่ามีปุ่มมุมขวาบนชื่อว่า

106
00:07:23,935 --> 00:07:28,154
IDE มันอาจขยับตำแหน่งไปตอนคุณดูวิดีโอนี้ แต่ถ้าคุณกดปุ่มนี้

107
00:07:28,154 --> 00:07:32,158
มันจะสลับไปยังโหมดการพัฒนามากขึ้น ซึ่งคุณจะเห็นหน้าตาแบบ

108
00:07:32,158 --> 00:07:35,804
editor แบบดั้งเดิมมากขึ้น นี่คือ IDE view และนี่คือ

109
00:07:35,804 --> 00:07:41,166
agent tab view agent tab view ถูกออกแบบมาสำหรับคนที่ไม่ใช่สายเทคนิคเป็นหลัก

110
00:07:41,166 --> 00:07:46,958
ที่คุณแค่พิมพ์ prompt แล้วก็ได้ผลลัพธ์ออกมา คุณยังดูโค้ดและเห็นสิ่งที่เกิดขึ้นได้

111
00:07:46,958 --> 00:07:50,533
แต่คุณจะดู agents หลายตัวพร้อมกันได้ ตรงนี้มันแสดง

112
00:07:50,533 --> 00:07:56,324
repositories ทั้งหมดของผม และแนวคิดคือใช้มุมมองนี้สำหรับการทำงานหลายอย่างพร้อมกัน

113
00:07:56,324 --> 00:08:01,901
เมื่อคุณมี agents หลายตัวรันพร้อมกัน คุณยังสามารถขยายหน้าต่างทั้งหมดได้อีกด้วย

114
00:08:01,901 --> 00:08:06,691
ทางด้านขวามือคุณเห็นการเปลี่ยนแปลงที่เกิดขึ้น คุณเห็นเบราว์เซอร์ได้

115
00:08:06,691 --> 00:08:10,195
ทางด้านซ้ายมือ ถ้าคุณเลื่อนตรงนี้ คุณจะขยายมุมมอง

116
00:08:10,195 --> 00:08:13,770
agent นี้ได้ โดยสามารถค้นหาสิ่งต่างๆ, automations,

117
00:08:13,770 --> 00:08:17,559
การตั้งค่า ใช่แล้ว มีของเยอะแยะมาก ผมจะไล่ดูทีละอย่าง

118
00:08:17,559 --> 00:08:21,063
แต่ตอนนี้แค่ให้คุณเห็นภาพรวม อีกครั้ง จุดสำคัญคือ

119
00:08:21,063 --> 00:08:25,067
agent view เป็นมุมมองหลักๆ โดยเฉพาะถ้าคุณไม่ใช่สายเทคนิค

120
00:08:25,067 --> 00:08:30,500
คุณจะชอบใช้มุมมองนี้ แล้วก็ IDE view ที่คุณจะได้เห็นโค้ดทั้งหมดและใช้ฟีเจอร์

121
00:08:30,500 --> 00:08:34,147
IDE แบบดั้งเดิม ซึ่งเดี๋ยวผมจะโชว์ให้ดูในอีกสักครู่

122
00:08:34,147 --> 00:08:38,294
ดังนั้นตอนนี้ ก่อนที่เราจะเข้า IDE view ผมอยากให้เราอยู่ใน

123
00:08:38,294 --> 00:08:42,655
agent view ก่อน เพราะมันง่ายกว่าสำหรับพวกคุณส่วนใหญ่ที่ดูอยู่

124
00:08:42,655 --> 00:08:46,159
และเราจะเริ่มรัน prompt สองสามอัน ตั้งค่าโปรเจกต์

125
00:08:46,159 --> 00:08:50,091
และเตรียมพื้นฐานให้พร้อมก่อนที่จะไปอะไรที่ซับซ้อนเกินไป

126
00:08:50,091 --> 00:08:53,738
เอาล่ะ เราอยู่ใน agent view แล้ว ขอทำให้เต็มจอหน่อย

127
00:08:53,738 --> 00:08:58,170
แล้วเราจะเริ่มสร้างโปรเจกต์ใหม่เอี่ยม สมมติว่าคุณเพิ่งเริ่มใช้

128
00:08:58,170 --> 00:09:01,960
คุณเข้ามาที่ Cursor เข้าสู่ระบบบัญชีจากตรงนี้ด้านล่าง

129
00:09:01,960 --> 00:09:08,466
แล้วตอนนี้คุณอยากเริ่มทำงานในโปรเจกต์จริงๆ สิ่งแรกที่ควรทำคือเปลี่ยนโฟลเดอร์ที่คุณทำงานอยู่

130
00:09:08,466 --> 00:09:12,899
คุณจะเห็นว่ามีปุ่มเล็กๆ ตรงนี้บอกโฟลเดอร์ที่คุณทำงานอยู่ตอนนี้

131
00:09:12,899 --> 00:09:16,689
ซึ่งอาจดูงงๆ หน่อยเพราะผมมีโฟลเดอร์ชื่อ Google Gemini

132
00:09:16,689 --> 00:09:20,478
Pro แต่นี่คือโฟลเดอร์หรือ directory ที่คุณจะทำงานด้วย

133
00:09:20,478 --> 00:09:23,910
สิ่งที่เราจะทำคือเลื่อนลงไปด้านล่างสุดแล้วกด new

134
00:09:23,910 --> 00:09:27,699
folder โอเค ถ้าคุณเริ่มจากศูนย์จริงๆ ให้กด new folder

135
00:09:27,699 --> 00:09:33,562
จากนั้นเราจะสร้างโฟลเดอร์สำหรับทำงาน ผมแนะนำให้ไปที่เดสก์ท็อปแล้วสร้างโฟลเดอร์ใหม่

136
00:09:33,562 --> 00:09:37,995
ผมจะตั้งชื่อว่า cursor demo หรืออะไรก็ได้ แล้วเลือกโฟลเดอร์นี้

137
00:09:37,995 --> 00:09:41,356
โอเค และสร้างมัน เอาล่ะ ผมเปิดตรงนี้ได้นิดหน่อย

138
00:09:41,356 --> 00:09:46,432
แต่คุณเห็นแล้วว่าผมเลือกโฟลเดอร์นี้แล้ว ตอนนี้คุณจะสังเกตว่ามีอะไรอื่นๆ

139
00:09:46,432 --> 00:09:50,007
โผล่ขึ้นมาเยอะแยะ คุณจะเห็น cloud PC, no repo, use

140
00:09:50,007 --> 00:09:54,511
existing อะไรพวกนั้น ไม่ต้องกังวลมากนัก สองตัวที่คุณน่าจะใช้คือ

141
00:09:54,511 --> 00:09:58,801
use existing ซึ่งหมายถึงการเชื่อมต่อกับโฟลเดอร์ที่มีอยู่แล้ว

142
00:09:58,801 --> 00:10:02,519
หรือคุณก็แค่สร้างใหม่ เอาล่ะ นี่คือโปรเจกต์แรกของเรา

143
00:10:02,519 --> 00:10:06,881
และตอนนี้สิ่งที่เราจะเริ่มทำคือการพิมพ์ prompt แต่ก่อนจะพิมพ์

144
00:10:06,881 --> 00:10:11,743
prompt เราต้องเข้าใจก่อนว่าต้องทำยังไง ทำยังไงให้มีประสิทธิภาพที่สุด

145
00:10:11,743 --> 00:10:17,248
และ prompt แบบไหนถึงจะดี ถ้าคุณมาที่ Cursor แนวคิดคือคุณอยากสร้างอะไรสักอย่าง

146
00:10:17,248 --> 00:10:20,894
ใช่ไหม เราอยากสร้างโปรเจกต์ที่เกี่ยวกับการเขียนโค้ด

147
00:10:20,894 --> 00:10:25,685
ดังนั้นเราต้องเข้าใจก่อนว่าเราอยากสร้างอะไร ซึ่งขึ้นอยู่กับคุณจริงๆ

148
00:10:25,685 --> 00:10:32,763
สำหรับการสาธิตนี้ ผมจะสร้างเกมบนเบราว์เซอร์ เพราะผมว่ามันเห็นภาพชัดที่สุดและสาธิตให้คุณดูง่ายที่สุด

149
00:10:32,763 --> 00:10:37,554
แต่คุณสร้างอะไรก็ได้ที่อยากสร้าง อย่างไรก็ตาม เวลาสร้างอะไรสักอย่าง

150
00:10:37,554 --> 00:10:41,629
มีการตัดสินใจหลายอย่างที่ต้องทำล่วงหน้า ซึ่งผมจะช่วยคุณทำ

151
00:10:41,629 --> 00:10:44,989
สิ่งแรกที่เราควรทำทันทีคือ อย่างแรก เปลี่ยนเป็น

152
00:10:44,989 --> 00:10:48,993
plan mode มีโหมดต่างๆ หลายโหมด เวลาเริ่มต้นผมแนะนำให้ใช้

153
00:10:48,993 --> 00:10:52,854
plan mode เราจะดูโหมดอื่นๆ ในอีกสักครู่ และสำหรับโมเดล

154
00:10:52,854 --> 00:10:57,931
ผมแนะนำให้ใช้ Cursor Grok 4.5 โอเค เราจะพูดถึงการเลือกโมเดลและโหมดต่างๆ

155
00:10:57,931 --> 00:11:05,653
ในอีกสักครู่ แต่ตอนนี้ขอเริ่มกันก่อน สิ่งที่ผมอยากทำคือเริ่มจากการถ่ายทอดความคิดของผมว่าเราอยากสร้างอะไรลงใน

156
00:11:05,653 --> 00:11:09,513
Cursor และเพื่อให้ทำแบบนั้นได้ ผมแนะนำให้ใช้เครื่องมือ

157
00:11:09,513 --> 00:11:13,517
dictation ด้วยเสียงหรือ voice-to-text บนคอมพิวเตอร์ของผม

158
00:11:13,517 --> 00:11:17,807
คุณจะเห็นว่าผมใช้เครื่องมือชื่อ Wispr Flow ขอสาธิตให้ดูสั้นๆ

159
00:11:17,807 --> 00:11:21,168
เฮ้ ผมกำลังวางแผนอยู่ ช่วยวางแผนสำหรับเกม Super

160
00:11:21,168 --> 00:11:26,316
Mario Bros. ที่ผมอยากสร้างหน่อย อะไรประมาณนี้ ผมแค่พิมพ์อะไรเรื่อยเปื่อย

161
00:11:26,316 --> 00:11:30,248
แล้วคุณจะเห็นว่าผมได้เสียงทั้งหมดมาแปลงเป็นข้อความทันที

162
00:11:30,248 --> 00:11:34,896
พร้อมเครื่องหมายวรรคตอนและการสะกดที่ถูกต้อง มันยังจัดรูปแบบและให้

163
00:11:34,896 --> 00:11:38,399
bullet points ด้วย ผมใช้เครื่องมือชื่อ Wispr Flow

164
00:11:38,399 --> 00:11:41,831
ขอเปิดให้พวกคุณดูสั้นๆ ว่าหน้าตาเป็นยังไง มันฟรี

165
00:11:41,831 --> 00:11:46,550
ดาวน์โหลดได้บน Mac และ Windows ให้คุณพูดคุยกับคอมพิวเตอร์ได้โดยตรง

166
00:11:46,550 --> 00:11:51,483
Wispr Flow เป็นพาร์ทเนอร์ระยะยาวของช่อง และกรุณาสนับสนุนวิดีโอนี้ด้วย

167
00:11:51,483 --> 00:11:57,489
มันทำงานร่วมกับ Cursor แบบเนทีฟ นั่นหมายความว่ามันสามารถแท็กไฟล์ร่วมกับเครื่องมือของ

168
00:11:57,489 --> 00:12:01,851
Cursor ได้ ทำให้ dictation หรือ voice-to-text ที่คุณได้ดีขึ้น

169
00:12:01,851 --> 00:12:07,928
เหตุผลที่ผมแนะนำให้ใช้ และย้ำอีกครั้ง คุณไม่จำเป็นต้องจ่ายเงินซื้อเวอร์ชันโปรเหมือนผม

170
00:12:07,928 --> 00:12:11,717
เพราะคุณพูดได้เร็วกว่าพิมพ์มาก และเวลาพูด คุณมักจะให้

171
00:12:11,717 --> 00:12:15,793
prompt ที่ลึกและละเอียดกว่า ซึ่งจะให้บริบทกับโมเดลมากขึ้น

172
00:12:15,793 --> 00:12:19,940
ทำให้มันตอบได้ดีขึ้น สิ่งที่ผมชอบทำหลังจากดาวน์โหลดมันแล้ว

173
00:12:19,940 --> 00:12:23,944
คือเริ่มจากการถ่ายทอดกระบวนการคิดทั้งหมดของผมให้โมเดลฟัง

174
00:12:23,944 --> 00:12:28,305
บอกมันว่า เฮ้ นี่คือสิ่งที่ฉันอยากทำ นี่คือเหตุผลที่ฉันอยากทำ

175
00:12:28,305 --> 00:12:33,167
และนี่คือกลุ่มคนที่ออกแบบมาให้ ถ้าคุณตอบคำถามสามข้อนี้ได้ตอนเริ่มต้น

176
00:12:33,167 --> 00:12:36,956
คุณก็ออกสตาร์ทได้ดีแล้ว แล้วคุณจะเห็นว่าผมหมายถึงอะไร

177
00:12:36,956 --> 00:12:40,960
ในกรณีของเรา ผมอยากทำเกมแนว platformer สิ่งที่ผมจะพูดคือ

178
00:12:40,960 --> 00:12:46,323
เฮ้ ผมกำลังถ่ายวิดีโอ YouTube อยู่ตอนนี้ ผมอยากทำเดโมเพื่อโชว์ความสามารถของ

179
00:12:46,323 --> 00:12:49,969
Cursor และผมอยากสร้างเกมแนว platformer คล้ายๆ Super

180
00:12:49,969 --> 00:12:56,047
Mario Bros. ผมอยากให้มันแปลกใหม่หน่อย ไม่จำเป็นต้องใช้สีเดียวกันหรือดีไซน์เดียวกันกับ

181
00:12:56,047 --> 00:13:00,837
Super Mario เป๊ะๆ ผมไม่รู้ว่าต้องการอะไรแน่ชัด แต่ผมรู้ว่าผมอยากได้

182
00:13:00,837 --> 00:13:04,841
platformer ผมอยากให้ตัวละครเคลื่อนที่ได้ มีแอนิเมชันบ้าง

183
00:13:04,841 --> 00:13:09,631
และอยากให้มันทำงานบนเบราว์เซอร์ เพื่อที่ผมจะได้แชร์ให้คนอื่นเล่นได้

184
00:13:09,631 --> 00:13:14,279
แค่เข้าไปที่ URL ง่ายๆ ก็เล่นได้แล้ว ผมไม่อยากให้มันซับซ้อนเกินไป

185
00:13:14,279 --> 00:13:18,211
อยากเน้นที่ภาพ เกมเพลย์ และการทำเกมที่สนุกบนเบราว์เซอร์

186
00:13:18,211 --> 00:13:21,786
แบบนั้นแหละ นี่คือสิ่งที่ผมกำลังทำ แล้วสิ่งสุดท้าย

187
00:13:21,786 --> 00:13:25,933
เพราะผมเกือบลืม ผมจะพูดว่า ฉันอยากให้ใครก็ได้เล่นเกมนี้ได้

188
00:13:25,933 --> 00:13:32,296
สมมติว่าอายุระหว่าง 10 ถึง 60 ปี ควรใช้งานง่าย และใช้คีย์บอร์ดมาตรฐานที่คนส่วนใหญ่คุ้นเคย

189
00:13:32,296 --> 00:13:36,658
คุณจะเห็นว่าผมเพิ่มรายละเอียดเยอะมาก ผมอธิบายว่าผมต้องการอะไร

190
00:13:36,658 --> 00:13:41,806
และส่วนสุดท้ายของ prompt ที่ผมแนะนำเสมอ โดยเฉพาะตอนที่คุณเพิ่งเริ่มสร้าง

191
00:13:41,806 --> 00:13:49,313
คือประโยคนี้ ได้โปรดถามคำถามเพื่อความกระจ่าง หรือการตัดสินใจด้านดีไซน์ที่คุณต้องรู้ก่อนที่เราจะเริ่มสร้าง

192
00:13:49,313 --> 00:13:52,673
สิ่งที่ผมทำคือบอกโมเดลว่า เฮ้ ถามคำถามฉันได้เลย

193
00:13:52,673 --> 00:13:56,963
เพราะฉันรู้ว่าฉันอาจให้รายละเอียดไม่ครบทุกอย่างที่คุณต้องการ

194
00:13:56,963 --> 00:14:03,613
แล้วคุณจะเห็นว่าเมื่อผมกด enter ใน Cursor ตอนนี้มันมีฟีเจอร์ที่ถามคำถามคุณโดยตรงในอินเทอร์เฟซ

195
00:14:03,613 --> 00:14:08,904
หวังว่าอีกสักครู่มันจะเด้งคำถามขึ้นมาให้เรา และให้เรากดเลือกคำตอบได้โดยตรง

196
00:14:08,904 --> 00:14:14,910
โอเค คุณเห็นแล้วว่ามันถามคำถามเรา บางครั้งมันจะให้ป๊อปอัปขึ้นมาแล้วคุณก็กดปุ่มได้เลย

197
00:14:14,910 --> 00:14:19,342
แต่ในกรณีนี้เราจะพิมพ์ตอบกัน มันถามว่า เฮ้ เราอยากได้ภาพแบบไหน

198
00:14:19,342 --> 00:14:23,346
ผมอยากได้ธีมป่าไม้ประมาณนี้ ก็แค่วางเป็นตัวเลือกที่หนึ่ง

199
00:14:23,346 --> 00:14:27,207
ส่วนขอบเขตของเดโม ผมอยากให้มันสมบูรณ์ขึ้นหน่อย เราจะมี

200
00:14:27,207 --> 00:14:31,497
double jump, power ups และของอื่นๆ อีก อีกอย่างที่มีประโยชน์

201
00:14:31,497 --> 00:14:36,145
ถ้าคุณรู้จักการควบคุมอยู่แล้ว ก็คือสไตล์ศิลป์ เราใช้ปุ่มลูกศรหรือ

202
00:14:36,145 --> 00:14:39,505
WASD เป็นตัวควบคุม แล้วสำหรับสไตล์ศิลป์ ผมจะใช้

203
00:14:39,505 --> 00:14:43,152
pixel art แบบหนาๆ เป็นชิ้นๆ สำหรับการแชร์ จะ deploy

204
00:14:43,152 --> 00:14:47,799
ทีหลัง แต่ตอนนี้ไม่ต้องกังวลเรื่องนั้น โอเค ผมตอบคำถามทั้งหมดแล้ว

205
00:14:47,799 --> 00:14:51,803
จะกด enter และสิ่งที่ควรเกิดขึ้นต่อจากนี้ เพราะเราอยู่ใน

206
00:14:51,803 --> 00:14:55,521
plan mode คือ Cursor จะเริ่มสร้างแผนโดยละเอียดให้เรา

207
00:14:55,521 --> 00:15:01,598
เราสามารถรีวิวแผนนั้นได้ แล้วเมื่อเราพอใจแล้ว ค่อยเริ่มดำเนินการและสร้างมันขึ้นมาจริง

208
00:15:01,598 --> 00:15:07,175
ผมสัญญาว่าจะพาคุณไปดูฟีเจอร์อีกเยอะ แต่ตอนนี้พยายามให้เป็นมิตรกับมือใหม่ที่สุด

209
00:15:07,175 --> 00:15:10,678
ขอย้ำขั้นตอนอีกครั้ง สร้างโฟลเดอร์ใหม่ เลือกโมเดล

210
00:15:10,678 --> 00:15:14,539
ใส่ใน plan mode ใช้ Wispr Flow หรือเสียงของคุณเพื่อให้

211
00:15:14,539 --> 00:15:18,472
prompt เริ่มต้นที่ละเอียด ขอให้โมเดลถามคำถาม clarifying

212
00:15:18,472 --> 00:15:22,976
อย่างที่เราทำ แล้วรีวิวแผนที่มันสร้างขึ้นมา พอได้แผนและพอใจแล้ว

213
00:15:22,976 --> 00:15:26,551
เราก็เริ่มสร้างได้ ซึ่งเป็นขั้นตอนที่เราอยู่ตอนนี้

214
00:15:26,551 --> 00:15:29,983
โอเค คุณเห็นแล้วว่ามันสร้างแผนขึ้นมาอย่างรวดเร็ว

215
00:15:29,983 --> 00:15:35,489
ผมอยากรีวิวคร่าวๆ ว่ามันทำอะไรบ้าง สังเกตว่าแผนนี้ถูกสร้างด้วยสิ่งที่เรียกว่า

216
00:15:35,489 --> 00:15:38,920
markdown file ไฟล์ markdown คือไฟล์ที่ลงท้ายด้วย

217
00:15:38,920 --> 00:15:43,067
.md เป็นรูปแบบที่ใช้กันทั่วไป คล้ายไฟล์ข้อความหรือไฟล์โค้ด

218
00:15:43,067 --> 00:15:47,000
ที่นิยมใช้ทำงานกับ AI agents เหตุผลที่ผมพูดถึงเรื่องนี้

219
00:15:47,000 --> 00:15:50,718
เพราะรูปแบบที่คุณเห็นอยู่นี้เรียกว่า markdown format

220
00:15:50,718 --> 00:15:56,152
และเมื่อไม่นานมานี้ พวกเขาเพิ่มความสามารถในการแสดงแผนภูมิภาพและอะไรพวกนั้นใน

221
00:15:56,152 --> 00:16:00,585
markdown และเรนเดอร์ได้โดยตรงใน Cursor เราสามารถย้ายมันไปมาได้

222
00:16:00,585 --> 00:16:06,018
ถ้าอยากให้ใหญ่ขึ้นก็ทำเต็มจอได้ ถ้าดูยาก และเราสามารถเปิดปิดได้ทางด้านขวามือ

223
00:16:06,018 --> 00:16:09,808
เพื่อดูรายละเอียดทั้งหมด เช่น ธีมป่าไม้หรือขอบเขตเดโม

224
00:16:09,808 --> 00:16:13,812
ซึ่งจะไปกระตุ้นแผนอีกที โอเค นี่คือการตัดสินใจที่เราทำไป

225
00:16:13,812 --> 00:16:17,673
แนวทางเทคนิค มันจะทำด้วย HTML5 เกมเพลย์ลูปจะเป็นแบบนี้

226
00:16:17,673 --> 00:16:21,891
แน่นอนว่าถ้าผมสร้างแอปจริงๆ ผมจะรีวิวให้ละเอียดกว่านี้หน่อย

227
00:16:21,891 --> 00:16:25,538
แต่ตอนนี้สิ่งที่เราอยากทำคือดำเนินการสร้าง ตอนสร้าง

228
00:16:25,538 --> 00:16:29,113
มันจะให้ตัวเลือกโดยตรงว่าจะ build in parallel หรือ

229
00:16:29,113 --> 00:16:32,687
build locally เราสามารถ build ในคลาวด์ได้เหมือนกัน

230
00:16:32,687 --> 00:16:37,192
ตอนนี้ผมจะยังไม่แตะคลาวด์ เพราะไม่อยากให้คุณงง เราจะดูกันทีหลัง

231
00:16:37,192 --> 00:16:41,696
ตอนนี้ผมแนะนำให้ build ทุกอย่างแบบ local บนคอมพิวเตอร์ของคุณเอง

232
00:16:41,696 --> 00:16:45,772
โอเค เพื่อ build แบบ local คุณก็แค่กดปุ่มนี้ แล้วก็มีโหมด

233
00:16:45,772 --> 00:16:49,847
build in parallel ถ้าคุณเลือกแบบนั้น สิ่งที่จะเกิดขึ้นคือ

234
00:16:49,847 --> 00:16:54,352
Cursor จะสร้าง agents หลายตัวให้คุณ ซึ่งจะเริ่มจัดการแผนแบบขนาน

235
00:16:54,352 --> 00:16:57,998
เพื่อให้เสร็จเร็วขึ้น ไม่มีเหตุผลอะไรที่จะไม่ใช้มัน

236
00:16:57,998 --> 00:17:03,432
ผมจะใช้ build in parallel ซึ่งจะสร้าง agents หลายตัวแบบอัตโนมัติถ้าเป็นไปได้

237
00:17:03,432 --> 00:17:07,150
แล้วเริ่มสร้าง อีกครั้ง เพื่อเริ่ม มันกดลูกศรลงเล็กๆ

238
00:17:07,150 --> 00:17:12,298
นี้แล้วเลือก build in parallel โอเค ตอนนี้สิ่งที่เกิดขึ้นคือเรามีแผนแล้ว

239
00:17:12,298 --> 00:17:17,017
มี to-do list แล้ว และมันจะเริ่มตั้งค่า agents หลายตัวในเบื้องหลัง

240
00:17:17,017 --> 00:17:20,520
ซึ่งจะเริ่มสร้างโปรเจกต์ให้เรา คุณเห็นว่ามันสร้าง

241
00:17:20,520 --> 00:17:25,668
sub agent ขึ้นมา เราจะดูรายละเอียดของมันทีหลัง นั่นจะเริ่มสร้างแอปให้เรา

242
00:17:25,668 --> 00:17:29,743
ระหว่างที่ agent นี้กำลังสร้างแอป เรามาพูดถึงฟีเจอร์อื่นๆ

243
00:17:29,743 --> 00:17:35,034
ที่เรามีกันดีกว่า อย่างแรก ขอย้ายอันนี้ไปด้านข้างเพื่อให้เห็นหน้าต่างเต็มๆ

244
00:17:35,034 --> 00:17:39,539
คุณจะสังเกตว่าตอนนี้เราอยู่ใน multitask mode เหตุผลที่เราอยู่ใน

245
00:17:39,539 --> 00:17:43,900
multitask mode เพราะเรารันแบบขนาน และสิ่งที่เราทำได้ตอนนี้คือ

246
00:17:43,900 --> 00:17:49,263
ถ้าผมอยากทำอย่างอื่น ผมอยากมี agent อีกตัวรันอยู่ระหว่างที่ตัวนี้กำลังสร้าง

247
00:17:49,263 --> 00:17:53,266
ผมก็แค่พิมพ์ prompt ตรงนี้ได้เลย เช่นเริ่มสร้างเกมอีกเกม

248
00:17:53,266 --> 00:17:58,128
ผมกด new agent แล้วเปิดโปรเจกต์อื่นขึ้นมา แล้วทำงานหลายอย่างพร้อมกัน

249
00:17:58,128 --> 00:18:02,275
และนั่นคือประโยชน์ของมุมมองนี้ คือ agent view ที่คุณจัดการ

250
00:18:02,275 --> 00:18:05,636
agents หลายตัวแบบขนานได้ ผมอาจจะไปที่แอป Python

251
00:18:05,636 --> 00:18:09,211
for Beginners ของผม แล้วเริ่มคุยกับมันและทำแบบขนาน

252
00:18:09,211 --> 00:18:13,072
โอเค แค่อยากให้รู้ว่าคุณสลับระหว่างหน้าต่างเหล่านี้ได้

253
00:18:13,072 --> 00:18:16,718
และนั่นคือจุดประสงค์ของ agent view ที่เราอยู่ตอนนี้

254
00:18:16,718 --> 00:18:22,438
สิ่งที่ผมทำได้อีกอย่างคือปิดโหมด multitask นี้ และเมื่อผมอยู่ในโหมดดีฟอลต์แบบนี้

255
00:18:22,438 --> 00:18:26,942
ความหมายคือผมแค่คุยกับ agent ตามปกติ ผมจะรอให้งานหนึ่งเสร็จก่อน

256
00:18:26,942 --> 00:18:31,304
แล้วค่อยรันงานถัดไป เราสามารถจัดคิวงานหลายๆ งานได้โดยการพิมพ์

257
00:18:31,304 --> 00:18:35,522
Hello World หรืองานถัดไปที่เราอยากทำ แล้วมันจะเรียงลำดับให้

258
00:18:35,522 --> 00:18:39,240
โดยรอให้ agent เสร็จก่อน แล้วค่อยไปงานถัดไป งานถัดไป

259
00:18:39,240 --> 00:18:42,672
งานถัดไป ตามลำดับ ยังมีโหมดอื่นๆ ที่คุณจะได้เห็น

260
00:18:42,672 --> 00:18:47,891
เรามี debug mode การ debug คือเวลาที่เราอยากแก้บั๊กหรือปัญหาจุดใดจุดหนึ่ง

261
00:18:47,891 --> 00:18:52,110
เราไม่อยากให้ agent สร้างอะไรใหม่ แต่ให้มันหาว่าอะไรผิดพลาด

262
00:18:52,110 --> 00:18:55,685
ตัวอย่างเช่น เกมโหลดไม่ขึ้น เราสับไปที่ debug mode

263
00:18:55,685 --> 00:18:59,045
แล้วบอกว่า เฮ้ เกมโหลดไม่ขึ้น ช่วยหาสาเหตุหน่อย

264
00:18:59,045 --> 00:19:05,194
plan mode เราเคยพูดถึงแล้ว นั่นคือสิ่งที่เราเริ่มต้นด้วยเพื่อสร้างแผนสำหรับแอปพลิเคชัน

265
00:19:05,194 --> 00:19:08,698
multitask mode เรารู้แล้วว่ามันคืออะไร แล้วก็ ask

266
00:19:08,698 --> 00:19:12,415
mode ซึ่งเป็นโหมดที่ใช้เมื่อคุณอยากถามคำถามเกี่ยวกับ

267
00:19:12,415 --> 00:19:16,133
code base แต่ไม่อยากให้ Cursor เปลี่ยนแปลงอะไรโดยตรง

268
00:19:16,133 --> 00:19:20,066
นอกจากนี้ ตรงนี้ยังมีรูปภาพ คุณสามารถอัปโหลดรูปภาพไปที่

269
00:19:20,066 --> 00:19:23,712
Cursor ได้โดยตรง ถ้ามีแรงบันดาลใจสำหรับแอปที่อยากทำ

270
00:19:23,712 --> 00:19:28,360
คุณก็แค่คัดลอกรูปภาพแล้ววางลงไปตรงนี้ได้เลย มันใช้รูปนั้นและดูได้

271
00:19:28,360 --> 00:19:32,578
ถ้าแอปทำงานไม่ถูกต้องหรืออยากแก้ไขอะไรบางอย่าง คุณก็ถ่ายรูป

272
00:19:32,578 --> 00:19:36,296
จับภาพหน้าจอ ส่งให้ Cursor แล้วบอกให้มันแก้ไขตรงนั้น

273
00:19:36,296 --> 00:19:41,086
แล้วเราก็มี skills และ MCP servers ซึ่งเดี๋ยวเราจะดูกันในอีกสักครู่

274
00:19:41,086 --> 00:19:47,092
รวมถึงโมเดลด้วย ผมอยากพูดถึงโมเดลสักเล็กน้อย ซึ่งคุณเข้าถึงได้จากตัวเลือกโมเดลตรงนี้

275
00:19:47,092 --> 00:19:51,311
ตอนเลือกโมเดล คุณจะเห็นว่ามีตัวเลือกเยอะแยะ อย่างแรกคือโหมด

276
00:19:51,311 --> 00:19:55,100
max ซึ่งหมายถึงขนาดของ context window เมื่อเปิดใช้งาน

277
00:19:55,100 --> 00:19:59,319
มันจะเพิ่มขนาด context window ซึ่งกินเครดิตการใช้งานมากขึ้น

278
00:19:59,319 --> 00:20:04,395
และจำเป็นเฉพาะตอนที่คุณมีโปรเจกต์ค่อนข้างใหญ่ ถ้าคุณกำลังสร้างอะไรง่ายๆ

279
00:20:04,395 --> 00:20:08,113
อย่างเรา คุณไม่จำเป็นต้องใช้ max mode ไม่ต้องเปิดมัน

280
00:20:08,113 --> 00:20:11,616
เพราะมันจะเสียเครดิตการใช้งานมากกว่า อย่างไรก็ตาม

281
00:20:11,616 --> 00:20:15,120
ถ้าคุณทำงานใน code base ใหญ่ๆ คุณควรเปิดมันแน่นอน

282
00:20:15,120 --> 00:20:19,338
มันจะขยายบริบทหรือข้อมูลที่โมเดลสามารถใช้คิดได้ในครั้งเดียว

283
00:20:19,338 --> 00:20:23,771
ถัดไปคือโหมด auto อย่างที่เราคุยกัน ถ้าคุณไม่แน่ใจว่าจะใช้อะไร

284
00:20:23,771 --> 00:20:27,275
คุณก็สับไปตรงนี้ แล้วมันก็จะจัดการให้เสร็จตามปกติ

285
00:20:27,275 --> 00:20:31,207
และนอกเหนือจากนั้น คุณก็เลือกโมเดลเดี่ยวๆ ที่ต้องการได้

286
00:20:31,207 --> 00:20:35,568
ผมจะไม่ไล่ดูทั้งหมดอีกครั้ง คำแนะนำของผมคือ ถ้าคุณทำอะไรง่ายๆ

287
00:20:35,568 --> 00:20:40,073
ที่มักเป็นเว็บเบส ให้ใช้ Composer 2.5 ถ้าทำอะไรซับซ้อนขึ้นหน่อย

288
00:20:40,073 --> 00:20:43,719
ก็ใช้โมเดล Grok นี้ ซึ่งเป็นโมเดลใหม่ ดีมาก แพงกว่า

289
00:20:43,719 --> 00:20:47,437
Composer นิดหน่อย แต่ก็ยังถูกมากเมื่อเทียบกับ Claude

290
00:20:47,437 --> 00:20:51,155
หรือ GPT 5.6 หรือโมเดลอื่นๆ ที่เห็นตรงนี้ โมเดลอื่นๆ

291
00:20:51,155 --> 00:20:55,159
เหล่านี้ เช่น Claude 5 หรือ GPT 5.6 คุณก็ใช้ได้เหมือนกัน

292
00:20:55,159 --> 00:21:00,521
โดยปกติผมจะสลับไปใช้โมเดลพวกนั้นก็ต่อเมื่อผมทำงานไม่สำเร็จด้วยโมเดลในตัวของ

293
00:21:00,521 --> 00:21:03,882
Cursor บางทีมันลองมา 10 รอบแล้วยังแก้บั๊กไม่ได้

294
00:21:03,882 --> 00:21:08,172
โอเค ผมจะสลับไปใช้ Claude แล้วใช้มันกับอะไรที่ซับซ้อนกว่ามาก

295
00:21:08,172 --> 00:21:11,675
ได้มุมมองใหม่ๆ และดูว่าโมเดลนี้จะจัดการได้ไหม ถ้า

296
00:21:11,675 --> 00:21:17,038
Claude ยังไม่เวิร์ก โอเค ผมจะสลับไปใช้ GPT 5.6 ตัวอย่างวิธีใช้โมเดลของผมคือ

297
00:21:17,038 --> 00:21:21,185
เก็บ Composer 2.5 และ Grok 4.5 เป็นค่าเริ่มต้น ย้ำอีกครั้ง

298
00:21:21,185 --> 00:21:24,617
Composer ถ้าคุณอยากใช้เบาๆ ไม่งานซับซ้อนเท่าไหร่

299
00:21:24,617 --> 00:21:31,409
Grok ถ้าอยากได้อะไรที่ท้าทายขึ้นหน่อย แล้วค่อยสลับไปโมเดลระดับสูงกว่าเมื่อคุณต้องการมุมมองใหม่ๆ

300
00:21:31,409 --> 00:21:34,769
หรือมีอะไรพัง นั่นคือวิธีที่ผมใช้เป็นการส่วนตัว

301
00:21:34,769 --> 00:21:38,273
จากโมเดลเหล่านี้ คุณยังแก้ไขมันได้ด้วย เมื่อแก้ไข

302
00:21:38,273 --> 00:21:41,633
คุณสามารถเปลี่ยนระดับ effort หรือ reasoning ได้

303
00:21:41,633 --> 00:21:45,780
ยิ่งตั้ง effort สูง โมเดลจะช้าลง แต่โดยปกติผลลัพธ์จะดีขึ้น

304
00:21:45,780 --> 00:21:49,284
จากนั้นคุณมีตัวเลือกเปิด fast mode เมื่อเปิด fast

305
00:21:49,284 --> 00:21:52,644
mode โมเดลเหล่านี้จะเร็วขึ้นมากในแง่จำนวน token

306
00:21:52,644 --> 00:21:57,077
หรือโค้ดที่สร้างออกมา แต่มันจะกินเครดิตการใช้งานของคุณเร็วกว่า

307
00:21:57,077 --> 00:22:02,582
แล้วแต่คุณเลย โดยปกติผมเปิด fast mode ไว้ แต่ถ้าคุณจำกัดเรื่องค่าใช้จ่ายจริงๆ

308
00:22:02,582 --> 00:22:07,230
เช่นใช้เวอร์ชันฟรี คุณอาจอยากปิดมัน และโมเดลทั้งหมดนี้ก็เหมือนกัน

309
00:22:07,230 --> 00:22:10,805
คุณจะเห็นว่ามีตัวเลือกเยอะแยะ คุณเปลี่ยน reasoning

310
00:22:10,805 --> 00:22:14,165
และ context window ได้ และในกรณีส่วนใหญ่ การใช้

311
00:22:14,165 --> 00:22:17,597
reasoning ระดับกลาง และ context window ที่เล็กลง

312
00:22:17,597 --> 00:22:21,458
โดยเฉพาะถ้าคุณไม่ได้สร้างอะไรซับซ้อน ก็ถือว่าใช้ได้เลย

313
00:22:21,458 --> 00:22:25,462
โอเค ระหว่างที่ผมอธิบายทั้งหมดนี้ แอปก็ถูกสร้างเสร็จแล้ว

314
00:22:25,462 --> 00:22:30,181
ตอนนี้คุณจะสังเกตว่า Cursor สามารถรันแอปพลิเคชันให้คุณได้อัตโนมัติ

315
00:22:30,181 --> 00:22:36,187
และโดยปกติเราสามารถดูได้จาก Cursor browser ตอนนี้มันยังไม่ได้เปิดในเบราว์เซอร์ให้เรา

316
00:22:36,187 --> 00:22:39,976
แต่บางครั้งมันจะโหลดขึ้นมาตรงนี้เลย ถ้าผมอยากดูแอปนี้

317
00:22:39,976 --> 00:22:43,837
แต่ไม่อยากเปิดเว็บเบราว์เซอร์ของตัวเอง เวลาผมกดปุ่มนี้

318
00:22:43,837 --> 00:22:47,626
มันจะโหลดขึ้นในหน้าต่างเบราว์เซอร์ที่ฝังอยู่ใน Cursor

319
00:22:47,626 --> 00:22:52,345
วิธีที่ผมเปิดคือ ผมปิดอันนี้แล้วกด browser คุณเห็นว่ามันอยู่ตรงนี้

320
00:22:52,345 --> 00:22:56,063
ผมกดที่แอปโฮสต์อยู่ มันบอกว่าเซิร์ฟอยู่ตรงนี้ และปัง

321
00:22:56,063 --> 00:23:00,139
เราก็ได้แอปแล้ว จากตรงนี้คุณจะเห็นว่าเราได้เกม platformer

322
00:23:00,139 --> 00:23:03,928
แนวป่าไม้ โอเค ดูเหมือนผมติดอยู่และออกไม่ได้ เดี๋ยวนะ

323
00:23:03,928 --> 00:23:07,432
ไปได้แล้ว โอเค คุณก็รู้ เราจะต้องปรับอะไรนิดหน่อย

324
00:23:07,432 --> 00:23:11,436
หรือบางทีผมอาจเล่นไม่เก่งเอง พวกเขาจะต้องปรับสองสามอย่าง

325
00:23:11,436 --> 00:23:16,440
เพราะมันท้าทายเกินไปสำหรับผม แต่คุณเห็นว่าเรามีเบราว์เซอร์เปิดอยู่แล้ว

326
00:23:16,440 --> 00:23:20,230
และทางด้านขวามือของหน้าจอ คุณจะเห็น changes, terminal

327
00:23:20,230 --> 00:23:23,590
และ file ถ้าเราเปิด terminal เราสามารถรัน shell

328
00:23:23,590 --> 00:23:27,165
ในนี้ได้โดยตรง ไม่ต้องออกจากหน้าต่างนี้ และถ้าเปิด

329
00:23:27,165 --> 00:23:31,455
files หรือ changes ตรงนี้ เราจะเห็นการเปลี่ยนแปลงที่เกิดขึ้น

330
00:23:31,455 --> 00:23:36,603
อย่างไรก็ตาม คุณจะไม่เห็นข้อมูลเยอะนักในนี้ถ้าคุณไม่ได้มีสิ่งที่เรียกว่า

331
00:23:36,603 --> 00:23:40,321
git repository เริ่มต้นไว้ Git คือระบบควบคุมเวอร์ชัน

332
00:23:40,321 --> 00:23:46,327
(version control) นักพัฒนา software ใช้มันเพื่อติดตามการเปลี่ยนแปลงทั้งหมดในโปรเจกต์

333
00:23:46,327 --> 00:23:50,474
แนะนำอย่างยิ่งให้เปิดใช้งาน มันเป็นซอฟต์แวร์ที่ต้องติดตั้ง

334
00:23:50,474 --> 00:23:55,479
แต่ถ้าคุณต้องการ คุณก็แค่บอก Cursor ตรงนี้ ขอเปลี่ยนกลับไปที่โมเดลก่อน

335
00:23:55,479 --> 00:24:00,484
ให้มันทำแทน ผมจะพูดว่า เฮ้ ช่วยเปิดใช้งาน git และสร้างทุกอย่างให้หน่อย

336
00:24:00,484 --> 00:24:04,202
ฉันไม่เข้าใจว่า git ทำงานยังไง แต่ฉันอยากให้คุณสร้าง

337
00:24:04,202 --> 00:24:08,348
repo ให้ฉัน เพื่อที่เราจะได้บันทึกการเปลี่ยนแปลงทั้งหมดไว้

338
00:24:08,348 --> 00:24:12,209
นี่คือสิ่งที่คุณพูดได้พอดี ถ้าคุณไม่รู้ว่า git คืออะไร

339
00:24:12,209 --> 00:24:15,713
ก็แค่บอกว่า เฮ้ สร้างให้หน่อย ถ้ายังไม่ได้ติดตั้ง

340
00:24:15,713 --> 00:24:24,007
มันอาจติดตั้งให้คุณโดยตรงจาก command line ได้ แล้วฟีเจอร์ทางด้านข้างที่คุณดูไฟล์และการเปลี่ยนแปลงควรเริ่มทำงานดีขึ้น

341
00:24:24,007 --> 00:24:27,582
โอเค ตอนนี้มันสร้าง git repo แล้ว และสร้างไฟล์ชื่อ

342
00:24:27,582 --> 00:24:32,515
.gitignore ขอย้ำอีกครั้งว่าผมจะไม่อธิบายว่ามันคืออะไรถ้าคุณไม่คุ้นเคย

343
00:24:32,515 --> 00:24:36,090
แต่คุณจะสังเกตว่าตอนนี้มันไม่โชว์การเปลี่ยนแปลงใดๆ

344
00:24:36,090 --> 00:24:39,879
ให้ผมดู เหตุผลคือการเปลี่ยนแปลงที่เพิ่งทำไปถูก commit

345
00:24:39,879 --> 00:24:44,098
ลง git เรียบร้อยแล้ว มันเลยดูท้าทายนิดหน่อยในการรีวิวตอนนี้

346
00:24:44,098 --> 00:24:48,602
แต่ไม่ต้องห่วง เราจะสร้างเพิ่มอีก อย่างไรก็ตาม ผมจะโชว์ให้ดูว่า

347
00:24:48,602 --> 00:24:54,322
ถ้าเราไปที่มุมมอง files เราสามารถกดปุ่มขยายทางด้านขวามือเพื่อดูไฟล์ทั้งหมดของเรา

348
00:24:54,322 --> 00:24:57,683
และเราสามารถดูไฟล์ที่มีอยู่ได้ เห็นไหมเรามีไฟล์

349
00:24:57,683 --> 00:25:01,829
audio, camera และผมสามารถแก้ไขโค้ดโดยตรงในนี้ได้ถ้าต้องการ

350
00:25:01,829 --> 00:25:05,905
ในกรณีส่วนใหญ่คุณอาจจะไม่แตะโค้ด และถ้าจะแตะ ก็คงไม่ทำจาก

351
00:25:05,905 --> 00:25:11,553
agent view นี้ แต่ขอโชว์ไว้ เผื่อคุณอยากเห็นว่าโครงสร้างโปรเจกต์ของคุณเป็นยังไง

352
00:25:11,553 --> 00:25:15,772
คุณทำได้จากตรงนี้โดยตรง โอเค คุณเห็นแล้วว่าเรามีโค้ดทั้งหมด

353
00:25:15,772 --> 00:25:19,490
ผมยังสร้างไฟล์ใหม่ได้ถ้าต้องการ สร้างโฟลเดอร์ใหม่ได้

354
00:25:19,490 --> 00:25:24,209
รีเฟรชเพื่อดูของใหม่ๆ ที่โผล่ขึ้นมาได้ โอเค ผมรู้ว่ามันเยอะไปหน่อย

355
00:25:24,209 --> 00:25:29,285
สิ่งที่อยากทำตอนนี้คือเพิ่ม prompt ต่อเนื่อง ให้มันปรับแต่งเกมให้ดีขึ้น

356
00:25:29,285 --> 00:25:33,146
เล่นได้สนุกขึ้น แล้วเราจะดูฟีเจอร์อื่นๆ ต่อ ผมจะพูดว่า

357
00:25:33,146 --> 00:25:36,649
โอเค ดีมากเลย แต่มันเร็วไปหน่อย กระโดดยากนิดหน่อย

358
00:25:36,649 --> 00:25:40,439
ผมรู้สึกว่าไม่ค่อยตาย แล้วก็เวลาตกหลุม ช่วยจัดระเบียบ

359
00:25:40,439 --> 00:25:43,942
ปรับปรุงหน่อย ทำให้เล่นง่ายขึ้นด้วยฟีเจอร์ double

360
00:25:43,942 --> 00:25:49,162
jump และทำให้ไม่เร็วขนาดนั้น เพื่อให้ผมขยับช้าลงและรู้สึกควบคุมได้มากขึ้น

361
00:25:49,162 --> 00:25:52,737
โอเค ผมให้ prompt แล้วกด enter แล้วเราจะได้ผลลัพธ์

362
00:25:52,737 --> 00:25:58,742
โอเค เราจะเห็นว่ามันทำการเปลี่ยนแปลงแล้ว และการเปลี่ยนแปลงจะโผล่ขึ้นมาตรงด้านล่างนี้

363
00:25:58,742 --> 00:26:02,961
ถ้ากดดู คุณจะเห็นสิ่งที่เรียกว่า diff view เหตุผลที่เราเห็น

364
00:26:02,961 --> 00:26:06,321
diff view ตอนนี้ได้ เพราะเราเปิดใช้งาน git แล้ว

365
00:26:06,321 --> 00:26:11,755
และ git ย้ำอีกครั้ง คือซอฟต์แวร์ควบคุมเวอร์ชัน ซึ่งจะติดตามการเปลี่ยนแปลงที่

366
00:26:11,755 --> 00:26:15,831
agents ของคุณหรือตัวคุณทำ ผมสามารถดูทุกบรรทัดที่เปลี่ยนไป

367
00:26:15,831 --> 00:26:20,549
ดูทุกไฟล์ ใช่ไหม และนี่มีประโยชน์มาก โดยเฉพาะถ้าผมเขียนโค้ดจริงจัง

368
00:26:20,549 --> 00:26:24,410
และอยากแน่ใจว่าผมจะไม่ทำ code base ที่เป็นโปรดักชันพัง

369
00:26:24,410 --> 00:26:29,415
เช่น การกดปุ่ม review จะพาคุณมาที่หน้านี้ และคุณสามารถไล่ดูทุกอย่างได้

370
00:26:29,415 --> 00:26:34,635
สิ่งหนึ่งที่ต้องจำไว้คือ การเปลี่ยนแปลงที่คุณเห็นนี้ถูกนำไปใช้กับโค้ดแล้ว

371
00:26:34,635 --> 00:26:39,068
และมันอาจ revert ยากหน่อยถ้าคุณไม่ทำตอนนี้ สิ่งที่ผมหมายถึงคือ

372
00:26:39,068 --> 00:26:42,428
โดยปกติแนวปฏิบัติที่ดีที่สุดเวลาทำงานกับ Cursor

373
00:26:42,428 --> 00:26:46,575
คือขอให้มันเปลี่ยนแปลงทีละเล็กน้อย บางทีคุณเริ่มจากงานใหญ่

374
00:26:46,575 --> 00:26:50,078
สร้างโปรเจกต์ขึ้นมา แล้วค่อยทำการเปลี่ยนแปลงเล็กๆ

375
00:26:50,078 --> 00:26:54,011
แบบวนซ้ำ รีวิวการเปลี่ยนแปลงโดยการทดสอบแอปพลิเคชันจริงๆ

376
00:26:54,011 --> 00:26:57,800
ให้แน่ใจว่ามันทำงาน ดูในพาเนล แล้วถ้ามีปัญหา คุณก็บอก

377
00:26:57,800 --> 00:27:01,304
Cursor ได้โดยตรงให้ revert การเปลี่ยนแปลงเหล่านี้

378
00:27:01,304 --> 00:27:05,594
ผมสามารถพูดว่า เฮ้ revert การเปลี่ยนแปลงทั้งหมดที่คุณเพิ่งทำ

379
00:27:05,594 --> 00:27:09,884
มันใช้ไม่ได้ แล้วมันก็ลบออกก่อนที่คุณจะไปต่อ หรือคุณจะพูดว่า

380
00:27:09,884 --> 00:27:13,816
โอเค ทุกอย่างดูดี ช่วย commit เพื่อยืนยันการเปลี่ยนแปลง

381
00:27:13,816 --> 00:27:17,605
เราจะได้บันทึกไว้ แล้วปัง มันก็จะ commit และบันทึกให้

382
00:27:17,605 --> 00:27:21,466
และ commit คืออะไรใน git ที่ทำหน้าที่เหมือน checkpoint

383
00:27:21,466 --> 00:27:25,399
ของโค้ดปัจจุบัน มันคุ้มค่าที่จะเข้าใจฟีเจอร์พื้นฐานสุดๆ

384
00:27:25,399 --> 00:27:29,331
ของ git ที่เรียกว่า commit ซึ่งจริงๆ แล้วคือ checkpoint

385
00:27:29,331 --> 00:27:34,765
ของ codebase ปัจจุบันของคุณ เป็นสิ่งที่คุณสามารถกลับไปได้ในอนาคตถ้ามีอะไรพัง

386
00:27:34,765 --> 00:27:38,626
สิ่งที่คุณอยากทำคือ เมื่อไหร่ก็ตามที่แอปของคุณทำงานได้

387
00:27:38,626 --> 00:27:42,272
เสถียร ไม่มีปัญหา คุณก็แค่บอกโมเดลว่า เฮ้ ทำ commit

388
00:27:42,272 --> 00:27:46,777
หน่อย แล้วคุณก็บันทึกสถานะนั้นไว้ และกลับมาที่มันได้เสมอในอนาคต

389
00:27:46,777 --> 00:27:50,995
นอกจากนี้ หลังจากทำการเปลี่ยนแปลง ก่อนที่จะไปทำอย่างอื่นต่อ

390
00:27:50,995 --> 00:27:55,714
ตรวจสอบให้แน่ใจว่ามันทำงาน เพราะถ้าคุณอยากลบการเปลี่ยนแปลงที่ทำไว้

391
00:27:55,714 --> 00:27:59,432
มันอาจยุ่งยากถ้าคุณไม่ทำทีละอย่าง หวังว่าคุณจะเข้าใจ

392
00:27:59,432 --> 00:28:02,936
สำหรับเรา สิ่งที่จะทำต่อไปคือกลับไปที่เบราว์เซอร์

393
00:28:02,936 --> 00:28:07,011
เราจะลองเล่นเกมของเรา เราจะเห็นว่าตอนนี้ความเร็วดีขึ้นมาก

394
00:28:07,011 --> 00:28:11,515
กลไก double jump ยังดูเหมือนไม่ทำงาน และผมรู้สึกติดอยู่ข้างล่าง

395
00:28:11,515 --> 00:28:14,876
แต่อย่างน้อยมันก็ขัดเกลาขึ้นและดูเล่นได้มากขึ้น

396
00:28:14,876 --> 00:28:18,808
บางทีผมอาจต้องลงไปข้างล่างนั้นก็ได้ ไม่รู้สิ ยังไงก็ตาม

397
00:28:18,808 --> 00:28:22,526
ประเด็นคือมันทำงานแล้ว และเราสามารถไปขั้นตอนถัดไปได้

398
00:28:22,526 --> 00:28:26,101
ไปกันต่อเถอะ โอ้ จริงๆ ผมฆ่ามันแล้วไปเลเวลถัดไปได้

399
00:28:26,101 --> 00:28:29,462
โอเค ดีมาก เอาล่ะ ตอนนี้ผมอยากพูดถึงเบราว์เซอร์

400
00:28:29,462 --> 00:28:33,466
จริงๆ แล้ว Cursor สามารถควบคุมเบราว์เซอร์นี้ให้คุณได้เอง

401
00:28:33,466 --> 00:28:36,969
โดยเฉพาะถ้าคุณสร้างเว็บแอปมากกว่าเกม มันกดปุ่มได้

402
00:28:36,969 --> 00:28:40,472
ดูสิ่งที่เกิดขึ้นตรงนี้ได้ และคุณสามารถบอก Cursor

403
00:28:40,472 --> 00:28:44,333
ให้ทำแบบนั้น มันจะควบคุมเบราว์เซอร์โดยตรง อย่างไรก็ตาม

404
00:28:44,333 --> 00:28:48,123
คุณก็มีการควบคุมบางอย่างตรงนี้เช่นกัน เช่น ดู console

405
00:28:48,123 --> 00:28:51,483
ของเบราว์เซอร์ ขอปิดอันนี้ก่อน นี่คือปุ่มตรงนี้

406
00:28:51,483 --> 00:28:55,058
คุณกดจุดสามจุดเพื่อจับภาพหน้าจอ รีโหลด ล้างประวัติ

407
00:28:55,058 --> 00:28:58,633
และใช้ design mode ซึ่งก็คืออันนี้ที่ผมกำลังกดอยู่

408
00:28:58,633 --> 00:29:02,565
หรือคุณกดปุ่ม design mode ที่มุมล่างซ้ายได้ เมื่ออยู่ใน

409
00:29:02,565 --> 00:29:08,285
design mode ผมสามารถเลือก elements บนหน้าจอได้ ตอนนี้มีไม่มากนักเพราะผมอยู่ในเกม

410
00:29:08,285 --> 00:29:12,575
และ elements ทั้งหมดรวมกันอยู่ แต่ตัวอย่างเช่น ผมสามารถเลือก

411
00:29:12,575 --> 00:29:15,936
game container นี้ แล้วสิ่งที่ทำได้คือวงกลมรอบๆ

412
00:29:15,936 --> 00:29:19,940
บางอย่าง หรือขีดเส้น หรือชี้ลูกศรไปที่บางอย่าง อะไรก็ได้

413
00:29:19,940 --> 00:29:24,659
แล้วเมื่อทำแบบนั้น ผมสามารถบอก Cursor ได้โดยตรงว่าอยากให้มันทำอะไร

414
00:29:24,659 --> 00:29:29,091
ตัวอย่างเช่น ผมวงกลมอันนี้แล้วอธิบายการเปลี่ยนแปลงที่อยากให้ทำ

415
00:29:29,091 --> 00:29:32,738
ผมจะพูดว่า ฉันไม่ค่อยชอบสีของ orbs หรือลูกบอลพวกนี้

416
00:29:32,738 --> 00:29:36,170
ช่วยเปลี่ยนเป็นสีอื่นหน่อยได้ไหม เช่นสีม่วง โอเค

417
00:29:36,170 --> 00:29:42,033
แล้วตรงนี้ผมกด enter ได้โดยตรง แล้วมันจะเอาภาพหน้าจอของสิ่งที่ผมเลือกในเบราว์เซอร์

418
00:29:42,033 --> 00:29:47,824
แล้วก็ไปทำการเปลี่ยนแปลงหรือนำไปใช้ แน่นอนว่าสิ่งนี้มีประโยชน์มากกว่าเวลาทำงานกับ

419
00:29:47,824 --> 00:29:52,400
user interface หรือเว็บไซต์จริงๆ มากกว่าเกม แต่คุณคงเข้าใจแนวคิด

420
00:29:52,400 --> 00:29:57,762
ค่อนข้างมีประโยชน์ถ้าคุณอยากชี้ไปที่บางอย่างโดยตรงโดยไม่ต้องอธิบายเป็นคำพูด

421
00:29:57,762 --> 00:30:03,053
และตอนนี้ขอรีเฟรชตรงนี้ ผมยังบอกมันก่อนหน้านี้ในคลิปว่าอยากเปลี่ยนพื้นหลัง

422
00:30:03,053 --> 00:30:06,557
คุณจะเห็นว่าเราเปลี่ยนไปแล้ว ขอออกจาก design mode

423
00:30:06,557 --> 00:30:10,203
ก่อน แล้วสิ่งที่เราอยากเล่น เราจะเห็นว่าเราได้ orbs

424
00:30:10,203 --> 00:30:13,850
สีม่วงพวกนี้ และมันดูเท่ดีเวลาผมชนหรือเลือกมัน โอเค

425
00:30:13,850 --> 00:30:17,282
คุณคงเข้าใจ และมองดูสิ เกมนี้ค่อนข้างน่าประทับใจ

426
00:30:17,282 --> 00:30:21,357
เมื่อคิดว่าเราสร้างมันด้วย prompt ง่ายๆ นี่คือเบราว์เซอร์

427
00:30:21,357 --> 00:30:26,147
อีกสิ่งสุดท้ายที่ต้องพูดถึง คือยังมีทางลัดที่คุณใช้บนคอมพิวเตอร์ได้

428
00:30:26,147 --> 00:30:31,438
ถ้าคุณอยู่ใน design mode แล้วกด shift กด shift ค้างไว้บนคีย์บอร์ดแล้วเลือก

429
00:30:31,438 --> 00:30:35,156
คุณสามารถลากเลือกเป็นพื้นที่สี่เหลี่ยมของหน้าต่างได้

430
00:30:35,156 --> 00:30:39,446
แล้วก็คุยกับมันโดยตรงเหมือนเดิม และถ้าอยากออกจากโหมดนั้นก็กด

431
00:30:39,446 --> 00:30:43,093
escape ยังไงก็ตาม นั่นคือเบราว์เซอร์และ design mode

432
00:30:43,093 --> 00:30:47,383
แน่นอนว่ายังมีฟีเจอร์อื่นๆ อีกมากมาย แต่บางอย่างที่คุณควรรู้

433
00:30:47,383 --> 00:30:51,029
และเห็นได้ชัดว่าดีเวลาทดสอบใน Cursor browser โดยตรง

434
00:30:51,029 --> 00:30:54,747
เอาล่ะ ถึงตรงนี้ผมหวังว่าคุณจะมีความเข้าใจพื้นฐานของ

435
00:30:54,747 --> 00:30:58,179
Cursor อย่างน้อยในแง่ UI วิธีเคลื่อนที่ไปมา วิธี

436
00:30:58,179 --> 00:31:02,111
prompt การเปลี่ยนโมเดล การดูการเปลี่ยนแปลงในเบราว์เซอร์

437
00:31:02,111 --> 00:31:05,472
ผมรู้ว่ามันค่อนข้างล้นหลามถ้าเป็นครั้งแรกของคุณ

438
00:31:05,472 --> 00:31:11,621
แต่ตอนนี้ผมอยากเริ่มเข้าสู่ฟีเจอร์ขั้นสูงที่ทำให้เครื่องมือนี้ใช้งานได้จริงมากยิ่งขึ้น

439
00:31:11,621 --> 00:31:16,482
บ่อยครั้งที่ถึงจุดนี้ผมจะเริ่มใช้ IDE โอเค สิ่งที่อยากทำคือเปลี่ยนไป

440
00:31:16,482 --> 00:31:21,130
IDE view ซึ่งสำหรับผมแล้วทำงานได้สบายกว่า และเริ่มอธิบายสิ่งต่างๆ

441
00:31:21,130 --> 00:31:24,919
และจำไว้ว่าคุณสามารถใช้ทั้งสองอย่างพร้อมกันได้ คุณใช้

442
00:31:24,919 --> 00:31:29,567
agent window ที่เราอยู่ หรือใช้ IDE view ซึ่งผมจะเปิดขึ้นมาตรงนี้

443
00:31:29,567 --> 00:31:33,499
เพื่อเข้าถึง IDE คุณก็กด IDE และจาก IDE คุณสามารถกดปุ่ม

444
00:31:33,499 --> 00:31:38,647
agent window แล้วสลับไปมาระหว่างทั้งสองได้ ตอนนี้ผมจะทำให้มันใหญ่ขึ้นมาก

445
00:31:38,647 --> 00:31:42,794
โดยกดเครื่องหมายลบและบวก ตอนนี้คุณจะสังเกตว่าหน้าตาต่างจาก

446
00:31:42,794 --> 00:31:47,656
agent view อย่างสิ้นเชิง อย่างไรก็ตาม มันน่าจะคุ้นตาถ้าคุณเคยทำงานใน

447
00:31:47,656 --> 00:31:51,374
editor แบบไหนมาก่อน ทางด้านซ้ายมือคุณจะเห็นแท็บหนึ่ง

448
00:31:51,374 --> 00:31:55,521
คุณสามารถขยายหรือปิดมันได้ด้วยปุ่มตรงนี้ ซึ่งแสดงไฟล์ต่างๆ

449
00:31:55,521 --> 00:32:00,883
ง่ายขึ้นหน่อย คุณเห็นไฟล์ที่โผล่ขึ้นมา และมันกินพื้นที่หน้าจอส่วนใหญ่ของคุณ

450
00:32:00,883 --> 00:32:05,674
มันเป็นเหมือนเวอร์ชันกลับด้านของ agent view ที่โค้ดเป็นจุดศูนย์กลาง

451
00:32:05,674 --> 00:32:09,677
แล้วเราก็มี agent อยู่ทางด้านขวามือของหน้าจอ เป็นรองลงมา

452
00:32:09,677 --> 00:32:13,610
จาก agent ก็เหมือนเดิม คุณสามารถขยายมันทางด้านขวามือได้

453
00:32:13,610 --> 00:32:17,113
และเมื่อขยาย คุณจะเห็นว่ามันดูเหมือนเวอร์ชันเล็กๆ

454
00:32:17,113 --> 00:32:20,474
ของ agent tab ที่มี agent ให้คุยด้วย เหมือนเดิม

455
00:32:20,474 --> 00:32:23,977
ผมเปลี่ยนโหมดได้ plan, debug, multitask, ask ส่วน

456
00:32:23,977 --> 00:32:30,055
agent เป็นโหมดดีฟอลต์ เปลี่ยนโมเดลได้ และมีการตั้งค่าเหมือนเดิมเป๊ะเหมือนในมุมมองอื่น

457
00:32:30,055 --> 00:32:33,844
แล้วก็สร้าง agent ใหม่ ปรับแต่ง agent ได้ คุณคงเข้าใจ

458
00:32:33,844 --> 00:32:37,991
โอเค ถ้าอยากปิดอันนี้ และถ้าอยากปิด คุณก็สามารถสลับเปิดปิด

459
00:32:37,991 --> 00:32:42,209
agent view ตรงนี้ได้ แล้วเข้าไปที่การตั้งค่าเพื่อดูของต่างๆ

460
00:32:42,209 --> 00:32:46,070
เหล่านี้ โอเค จากตรงนี้ใน agent view เราสามารถเริ่มใช้

461
00:32:46,070 --> 00:32:49,645
slash commands ได้ ซึ่งจะมีประโยชน์สำหรับการจัดการ

462
00:32:49,645 --> 00:32:53,363
agents หลายตัวและการรันบนคลาวด์ ซึ่งเราจะดูกันตอนนี้

463
00:32:53,363 --> 00:33:00,013
เมื่อกด slash มันจะแสดง commands และ skills ไม่ใช่ทุกอย่างที่ผมมีตรงนี้จะอยู่ในเวอร์ชันของคุณ

464
00:33:00,013 --> 00:33:04,302
เพราะผมตั้งค่า Cursor ของผมในแบบเฉพาะ แต่คุณจะสังเกตว่าถ้ากด

465
00:33:04,302 --> 00:33:07,663
slash คุณจะเห็นสิ่งที่มีประโยชน์มากมายที่รันได้

466
00:33:07,663 --> 00:33:11,166
เช่นเดียวกับ commands ที่คุณมี อย่าง code review,

467
00:33:11,166 --> 00:33:14,598
work tree, explain, in cloud, multi-model review

468
00:33:14,598 --> 00:33:18,316
และอันนี้คืออันที่ผมอยากใช้ตอนนี้ ในแง่การรัน agents

469
00:33:18,316 --> 00:33:22,892
หลายตัว อย่างที่คุณรู้แล้ว เราสามารถรัน agents หลายตัวแบบขนานได้

470
00:33:22,892 --> 00:33:26,324
ผมสามารถสร้าง agent ขึ้นมาเพื่อทำงาน เช่น หน้าจอ

471
00:33:26,324 --> 00:33:30,256
you died หรืออะไรประมาณนั้นสำหรับแอปนี้ ผมสามารถทำงานบน

472
00:33:30,256 --> 00:33:33,831
leaderboard ได้ ผมทำสิ่งเหล่านี้แบบขนานพร้อมกันได้

473
00:33:33,831 --> 00:33:38,836
และผมสามารถทำ multi-model review ซึ่งจะให้ผมรีวิวโค้ดโดยใช้หลายโมเดลใน

474
00:33:38,836 --> 00:33:42,197
agents ที่ต่างกันพร้อมกัน ตัวอย่างเช่น ถ้าผมใช้

475
00:33:42,197 --> 00:33:48,203
slash multi-model review ผมสามารถพูดว่า รีวิวโค้ดทั้งหมดและดูว่ามีบั๊กหรือสิ่งที่ควร

476
00:33:48,203 --> 00:33:51,635
refactor หรือเปลี่ยนแปลงไหม โอเค ผมแค่ให้ prompt

477
00:33:51,635 --> 00:33:55,924
แล้วกด enter สิ่งที่จะเกิดขึ้นคือมันจะเลือกโมเดลหลายตัวให้ผม

478
00:33:55,924 --> 00:33:59,356
หรือให้ผมเลือกแล้วเริ่มรีวิวโค้ด คุณสามารถพูดว่า

479
00:33:59,356 --> 00:34:04,790
เฮ้ เราควรรันรีวิวด้วยโมเดลไหน ตอบด้วยหนึ่งตัวหรือหลายตัวจากตัวเลือกเหล่านี้

480
00:34:04,790 --> 00:34:09,295
ผมจะตอบว่าใช้ทั้งหมด โอเค แล้วมันจะใช้โมเดลทั้งหมดนี้เริ่มรีวิว

481
00:34:09,295 --> 00:34:14,371
และสิ่งนี้มีประโยชน์สุดๆ โดยเฉพาะหลังจากที่คุณทำการเปลี่ยนแปลงครั้งใหญ่

482
00:34:14,371 --> 00:34:17,875
เพราะคุณจะได้ agents หลายตัวมารีวิวโค้ดของ agents

483
00:34:17,875 --> 00:34:21,736
ตัวอื่น นี่เป็นฟีเจอร์ขั้นสูง และจะเกี่ยวข้องกับการใช้

484
00:34:21,736 --> 00:34:25,239
sub agents แบบขนาน ซึ่งควรถูกสร้างให้คุณอัตโนมัติ

485
00:34:25,239 --> 00:34:28,742
สิ่งที่โมเดลเหล่านี้จะทำคือทำงานในสิ่งที่เรียกว่า

486
00:34:28,742 --> 00:34:32,317
work tree อันนี้ค่อนข้างซับซ้อนหน่อย แต่ work tree

487
00:34:32,317 --> 00:34:37,537
ก็คือ clone ของโปรเจกต์คุณที่ agents สามารถแก้ไขได้โดยไม่กระทบโค้ดต้นฉบับ

488
00:34:37,537 --> 00:34:41,898
ถ้า agent ทำอะไรพัง ถ้ามันเปลี่ยนอะไรบางอย่าง ถ้ามันรันคำสั่ง

489
00:34:41,898 --> 00:34:45,259
อะไรก็ตาม มันอยู่ในสภาพแวดล้อม clone ที่ปลอดภัย

490
00:34:45,259 --> 00:34:49,763
และเมื่อมันพอใจกับการเปลี่ยนแปลงนั้นแล้ว มันถึงจะนำกลับไปใช้กับ

491
00:34:49,763 --> 00:34:53,910
code base หลัก สิ่งนี้ทำให้คุณมี agents หลายตัวรันพร้อมกัน

492
00:34:53,910 --> 00:34:58,486
แล้วพวกมันก็มารวมการเปลี่ยนแปลงเข้าด้วยกันเป็นเวอร์ชันที่ถูกต้อง

493
00:34:58,486 --> 00:35:02,204
ถ้ายังไม่ค่อยเข้าใจก็ไม่ต้องกังวลมาก แต่เราจะได้เห็น

494
00:35:02,204 --> 00:35:05,993
agents พวกนี้ถูกสร้างขึ้น รอชมรีวิวที่เราจะได้กันเถอะ

495
00:35:05,993 --> 00:35:09,711
เอาล่ะ คุณเห็นว่ามันกำลังสร้างพวกมันทั้งหมด ตอนนี้มี

496
00:35:09,711 --> 00:35:13,930
agents หลายตัวรันแบบขนานพร้อมกัน ผมสามารถดูพวกมันได้จากแท็บ

497
00:35:13,930 --> 00:35:18,505
agents นี้ และถ้าอยากเห็นว่า agent ไหนกำลังทำอะไรอยู่ก็เปิดดูได้

498
00:35:18,505 --> 00:35:22,223
กดเปิดตรงนี้ได้เลย และคุณจะเห็นว่าเรามีมุมมองหลายแบบ

499
00:35:22,223 --> 00:35:25,727
มี adversarial code review หรือ do not edit files

500
00:35:25,727 --> 00:35:30,589
อะไรประมาณนั้น คุณคงเข้าใจ และเราเห็นสิ่งที่ทุกตัวกำลังทำพร้อมกันได้

501
00:35:30,589 --> 00:35:34,092
และถ้ากลับไปที่ agent view แล้วไปที่ repositories

502
00:35:34,092 --> 00:35:38,382
ของเรา โอเค คุณจะเห็นแบบเดียวกัน เราสามารถดูสิ่งที่เพิ่งทำใน

503
00:35:38,382 --> 00:35:42,029
IDE view ได้จาก agent view และกดเข้าไปดู sub agents

504
00:35:42,029 --> 00:35:46,676
ทั้งหมดที่รันอยู่ เหตุผลที่เรียกว่า sub agent เพราะมันแยกออกมาจาก

505
00:35:46,676 --> 00:35:50,465
agent หลักที่เราทำ multi-model review ถ้าเรามี agents

506
00:35:50,465 --> 00:35:53,897
แยกกัน พวกมันจะอยู่ใน conversation chains แยกกัน

507
00:35:53,897 --> 00:35:57,329
ซึ่งผมเปิดใหม่ตรงนี้ และพวกมันไม่ได้แชร์ context

508
00:35:57,329 --> 00:36:01,619
ดั้งเดิมจากบทสนทนาแรก เพราะแต่ละบทสนทนาคือมุมมองโลกของตัวเอง

509
00:36:01,619 --> 00:36:05,552
และถ้าผมสร้างบทสนทนาใหม่ ผมจะรีเซ็ตประวัติสิ่งที่ทำอยู่

510
00:36:05,552 --> 00:36:09,627
มันจะเริ่มใหม่ มันยังอ่านโค้ดทั้งหมดและทำงานในโปรเจกต์ได้

511
00:36:09,627 --> 00:36:16,634
แต่ไม่รู้เรื่องก่อนหน้านี้ที่เราคุยกันไป และถ้าอยากเห็นว่ามีเนื้อหามากแค่ไหนในประวัติบทสนทนาหรือใน

512
00:36:16,634 --> 00:36:20,066
context ของคุณ มีวงกลมเล็กๆ ตรงนี้ที่จะแสดงให้ดู

513
00:36:20,066 --> 00:36:23,927
มันแสดง system prompt, tool definition, rules, skills,

514
00:36:23,927 --> 00:36:27,430
บทสนทนา และคุณดูได้ว่ามันใหญ่แค่ไหน โดยทั่วไปแล้ว

515
00:36:27,430 --> 00:36:31,148
เมื่อคุณเริ่มไปถึง 70, 80, 90 เปอร์เซ็นต์ของ context

516
00:36:31,148 --> 00:36:36,081
ควร compact context ซึ่งมันจะทำอัตโนมัติให้คุณ โดยสรุปสิ่งที่เกิดขึ้น

517
00:36:36,081 --> 00:36:39,728
หรือไม่ก็ย้ายไป session ใหม่หรือ conversation chain

518
00:36:39,728 --> 00:36:43,446
ใหม่ เพื่อไม่ให้เสียความแม่นยำและประสิทธิภาพของโมเดล

519
00:36:43,446 --> 00:36:47,164
เพราะโดยปกติโมเดลจะทำงานแย่ลงเมื่อใกล้จะเต็ม context

520
00:36:47,164 --> 00:36:50,739
window โอเค ยังไงก็ตาม มันกำลังรีวิวทั้งหมดนี้อยู่

521
00:36:50,739 --> 00:36:54,671
คุณเห็นว่ารีวิวหนึ่งเสร็จแล้วจาก Grok ถ้าเราดู Composer

522
00:36:54,671 --> 00:36:58,890
2.5 มันยังทำงานอยู่ Opus ก็ยังทำงานอยู่ ขอปิดพวกนั้นไว้ก่อน

523
00:36:58,890 --> 00:37:02,393
แล้วรอให้เสร็จ โอเค เราจะเห็นว่ามันรีวิวเสร็จแล้ว

524
00:37:02,393 --> 00:37:05,825
มันมี actions ที่อยากทำ และมันรวบรวมผลลัพธ์ต่างๆ

525
00:37:05,825 --> 00:37:09,900
เหล่านี้เข้าเป็นบทสรุปสุดท้ายอันเดียวที่เราได้ ผมจะพูดว่า

526
00:37:09,900 --> 00:37:13,404
โอเค ไปแก้ทั้งหมดนี้เลย แล้วระหว่างที่มันกำลังแก้

527
00:37:13,404 --> 00:37:18,480
เรามาพูดถึงฟีเจอร์ถัดไปกัน สิ่งที่อยากทำตอนนี้คือพูดถึงการทำงานบนคลาวด์

528
00:37:18,480 --> 00:37:21,841
เราจะสร้าง agent ใหม่ เราอยู่ในโปรเจกต์เดียวกัน

529
00:37:21,841 --> 00:37:26,703
เพราะเมื่อผมสร้าง agent ใหม่ โดยดีฟอลต์มันจะอยู่ในโปรเจกต์ที่ผมสร้าง

530
00:37:26,703 --> 00:37:30,706
agent ตรงนี้ และผมอยากโชว์วิธีเชื่อมต่อโปรเจกต์ของเรากับ

531
00:37:30,706 --> 00:37:35,854
Cursor Cloud เพื่อให้เราสามารถสั่งงานให้รันได้ ไม่ใช่บนคอมพิวเตอร์ของเรา

532
00:37:35,854 --> 00:37:40,430
แนวคิดพื้นฐานของคลาวด์คือ ตอนนี้เรารันทุกอย่างบนเครื่องของเราเอง

533
00:37:40,430 --> 00:37:44,363
นั่นหมายความว่าถ้าผมปิดฝาแล็ปท็อป หรือปิดแอปพลิเคชันนี้

534
00:37:44,363 --> 00:37:48,724
หรือมัน crash หรือมันรันนานมากจนแบตแล็ปท็อปหมด อะไรประมาณนั้น

535
00:37:48,724 --> 00:37:52,657
งานนั้นจะไม่เสร็จ ดังนั้นถ้าเรื่องนี้เป็นปัญหาสำหรับคุณ

536
00:37:52,657 --> 00:37:57,590
และคุณไม่สามารถรันแบบ local ได้ คุณก็ผลักงานออกไปให้รันบนพลังคำนวณของ

537
00:37:57,590 --> 00:38:03,524
Cursor บนคลาวด์ได้ มันยังหมายความว่าคุณสามารถสั่งงานและจัดการทุกอย่างจากแอปพลิเคชัน

538
00:38:03,524 --> 00:38:07,600
iOS เป็นต้น และดูว่า agent กำลังทำอะไรอยู่จากอุปกรณ์ต่างๆ

539
00:38:07,600 --> 00:38:12,104
ได้ เพื่อทำแบบนั้น เราต้องเชื่อมต่อโปรเจกต์ที่เรากำลังทำงานอยู่

540
00:38:12,104 --> 00:38:15,822
และโดยเฉพาะเราต้องเชื่อมต่อมันกับ git provider อย่าง

541
00:38:15,822 --> 00:38:19,326
GitHub เพื่อให้ repository ถูกเผยแพร่ออนไลน์ แล้ว

542
00:38:19,326 --> 00:38:24,473
Cursor ก็เริ่มทำงานกับมันได้ มีหลายวิธีในการทำ แต่วิธีง่ายที่สุดคือขอให้

543
00:38:24,473 --> 00:38:27,834
agent ช่วยคุณ ผมจะพูดว่า เฮ้ ช่วยเชื่อมต่อ repo

544
00:38:27,834 --> 00:38:31,838
นี้กับ remote GitHub repo หน่อย เพื่อที่ฉันจะได้เริ่มรัน

545
00:38:31,838 --> 00:38:35,770
cloud agents โอเค ถ้าคุณไม่รู้ว่าต้องทำยังไง ก็ถามโมเดล

546
00:38:35,770 --> 00:38:39,202
มันจะสอนคุณได้ และตอนนี้สิ่งที่ผมจะทำคือใส่ไว้ใน

547
00:38:39,202 --> 00:38:43,564
ask mode เพื่อให้มันแค่ให้คำแนะนำว่าต้องทำอะไรเพื่อรันสิ่งนี้

548
00:38:43,564 --> 00:38:47,711
ผมรู้วิธีทำอยู่แล้ว แต่พยายามโชว์ให้ดู เผื่อคุณเป็นมือใหม่

549
00:38:47,711 --> 00:38:52,572
จะได้เห็นวิธีหาความรู้ มันจะเริ่มค้นหาสิ่งเหล่านี้และดูวิธีเชื่อมต่อ

550
00:38:52,572 --> 00:38:56,076
และให้ข้อมูลเราตรงนี้ มันบอกว่า สร้าง GitHub repo

551
00:38:56,076 --> 00:38:59,508
นี่คือคำสั่งที่เราใช้ได้ หรือเราเพิ่ม origin ได้

552
00:38:59,508 --> 00:39:03,583
โอเค เข้าใจแล้ว อย่างไรก็ตาม ผมรู้ว่าเพื่อให้สิ่งนี้ทำงาน

553
00:39:03,583 --> 00:39:07,230
เราจะต้องมีบัญชี GitHub ดังนั้นถ้ายังไม่มี ให้ไปที่

554
00:39:07,230 --> 00:39:11,091
GitHub แล้วสมัครบัญชีฟรี พวกคุณส่วนใหญ่น่าจะมีอยู่แล้ว

555
00:39:11,091 --> 00:39:15,881
และวิธีที่ง่ายสุดๆ ในการสร้าง repo และเชื่อมต่อกับคลาวด์คือการสร้าง

556
00:39:15,881 --> 00:39:19,384
repo ใหม่จากเว็บไซต์ GitHub สิ่งที่ผมจะทำคือสร้าง

557
00:39:19,384 --> 00:39:22,888
repo แล้วตั้งชื่อว่า cursor demo สำหรับการมองเห็น

558
00:39:22,888 --> 00:39:26,534
ผมจะเลือก public ไม่สนใจถ้าพวกคุณจะดู แต่ถ้าอยากได้

559
00:39:26,534 --> 00:39:30,681
private ก็ได้ แล้วสิ่งที่ทำได้คือคัดลอกคำสั่งทั้งหมดตรงนี้

560
00:39:30,681 --> 00:39:34,042
จริงๆ แล้วผมจะคัดลอกอันนี้ push an existing one

561
00:39:34,042 --> 00:39:38,117
แล้ววางลงใน agent โดยตรงแล้วบอกว่า นี่คือสิ่งที่ฉันได้จาก

562
00:39:38,117 --> 00:39:42,050
GitHub ช่วยเชื่อมต่อให้หน่อย โอเค วิธีที่ขี้เกียจที่สุด

563
00:39:42,050 --> 00:39:46,768
แต่สิ่งที่เราทำคือเราอยากสร้าง repo ใหม่ มันให้ขั้นตอนการตั้งค่ามา

564
00:39:46,768 --> 00:39:50,129
เรายังไม่ต้องกังวลกับมันมากนัก เราแค่บอกว่า เฮ้

565
00:39:50,129 --> 00:39:54,490
เชื่อมต่อให้หน่อย แล้วมันก็ควรทำได้ โอเค มันบอกว่าทำเสร็จแล้ว

566
00:39:54,490 --> 00:39:58,137
มันยังบอกด้วยว่าเรามีการเปลี่ยนแปลง local ที่ยังไม่

567
00:39:58,137 --> 00:40:01,783
commit และมันอยู่บนเครื่องของเราเท่านั้นจนกว่าเราจะ

568
00:40:01,783 --> 00:40:06,860
commit และ push ไปกันเถอะ โอเค ช่วยอัปโหลดการเปลี่ยนแปลงทั้งหมดนี้ไปที่

569
00:40:06,860 --> 00:40:11,078
GitHub ให้ฉันหน่อย ผมกำลังอ่านเพื่อให้แน่ใจว่าทำครบทุกอย่าง

570
00:40:11,078 --> 00:40:14,510
แล้วพอเสร็จ เราควรจะเชื่อมต่อสิ่งนี้กับคลาวด์ได้

571
00:40:14,510 --> 00:40:18,585
และผมจะโชว์วิธีสั่งงานให้รันบนคลาวด์ เทียบกับการรันตรงนี้

572
00:40:18,585 --> 00:40:21,946
กลับไปที่ agent ตัวอื่นแล้วดูว่ามันเสร็จหรือยัง

573
00:40:21,946 --> 00:40:25,664
โอเค ดูเหมือนว่ามันทำการเปลี่ยนแปลงทั้งหมดให้เราแล้ว

574
00:40:25,664 --> 00:40:30,740
เอาล่ะ แล้วสิ่งที่ผมทำได้อีกคือบอกว่า เฮ้ ช่วยรันแอปพลิเคชันให้ฉันหน่อย

575
00:40:30,740 --> 00:40:34,816
ฉันแค่อยากทดสอบว่า มันทำงานได้ และมันควรจะรันให้ผมได้ด้วย

576
00:40:34,816 --> 00:40:38,533
และเราสามารถสลับระหว่าง agents เหล่านี้ได้ ไม่เป็นไร

577
00:40:38,533 --> 00:40:42,466
มันถูก push ขึ้นไปบน GitHub หมดแล้ว และเราจะรอให้มันรัน

578
00:40:42,466 --> 00:40:47,757
เราจะดูมัน แล้วเราจะสั่ง cloud task โอเค คุณเห็นว่ามันเปิดเบราว์เซอร์ให้ผม

579
00:40:47,757 --> 00:40:51,332
เหมือนเดิม คุณเห็นว่าผมเลือก elements ได้เหมือนกับ

580
00:40:51,332 --> 00:40:54,764
design mode และตอนนี้ผมกด enter แล้วเริ่มเล่นได้

581
00:40:54,764 --> 00:40:58,339
ผมกระโดดสองครั้งได้ โอเค รู้สึกช้ากว่าเดิมนิดหน่อย

582
00:40:58,339 --> 00:41:03,058
แต่คิดว่ายังดีอยู่ โอเค ขอหยุดไว้แค่นี้ แค่อยากให้แน่ใจว่ามันทำงาน

583
00:41:03,058 --> 00:41:06,632
ทุกอย่างเรียบร้อยดี และสิ่งที่ผมจะทำคือสร้าง agent

584
00:41:06,632 --> 00:41:11,351
ใหม่ แล้วเริ่มรันคำสั่งบางอย่างที่สามารถสั่งงานบางอย่างบนคลาวด์ได้

585
00:41:11,351 --> 00:41:15,856
คุณจะเห็นว่าเมื่อดูที่ commands ตรงนี้ เรามีหลายคำสั่งที่ใช้ได้

586
00:41:15,856 --> 00:41:21,790
หนึ่งในนั้นคือ slash in cloud ถ้าผมรันมัน ผมสามารถบอกมันได้ว่าอยากให้ทำอะไรบนคลาวด์

587
00:41:21,790 --> 00:41:25,723
แล้วมันก็จะทำแบบนั้น ผมจะพูดว่า ช่วยรีวิวเกมนี้แบบเต็มๆ

588
00:41:25,723 --> 00:41:29,727
หน่อย ช่วยทำให้เล่นเร็วขึ้นอีกนิด ช่วยเพิ่มศัตรูอีกหน่อย

589
00:41:29,727 --> 00:41:33,373
ช่วยทำให้มันดูไม่ pixelated มากเกินไป ดูทันสมัยขึ้น

590
00:41:33,373 --> 00:41:37,520
แล้วก็ตรวจสอบว่าทุกอย่างทำงาน แล้วก็สั่งงานที่อยากให้มันทำ

591
00:41:37,520 --> 00:41:41,738
แล้วกด enter เพราะผมใช้ slash in cloud มันควรจะผลักงานไปที่

592
00:41:41,738 --> 00:41:46,457
Cursor Cloud ให้เรารอสักครู่ ตอนนี้มันบอกเราทันทีว่าไม่สามารถเริ่ม

593
00:41:46,457 --> 00:41:50,104
sub agent นี้ได้ เพราะไม่มี git remote เชื่อมต่อกับ

594
00:41:50,104 --> 00:41:53,607
workspace นี้ และ cloud runner ต้องการ git remote

595
00:41:53,607 --> 00:41:57,396
หนึ่งตัวพอดี ดังนั้นสิ่งที่เราทำคือ push สิ่งนี้ไปที่

596
00:41:57,396 --> 00:42:00,900
GitHub ซึ่งสมบูรณ์แบบ แต่สิ่งที่เราต้องทำต่อไปคือ

597
00:42:00,900 --> 00:42:05,261
link repo นี้ในแดชบอร์ด Cursor Cloud ผมจะกดมันเพื่อเปิดขึ้นมา

598
00:42:05,261 --> 00:42:09,194
เพราะมันบอกผมชัดเจนว่าต้องทำอะไรตรงนี้ และผมสามารถเพิ่ม

599
00:42:09,194 --> 00:42:12,769
repo นี้ได้ คุณเห็นไหมว่าผมต้องเชื่อมต่อกับ GitHub

600
00:42:12,769 --> 00:42:16,558
หรือ GitLab ในบัญชี Cursor ของผมที่นี่ ผมจะเลือกทำกับ

601
00:42:16,558 --> 00:42:19,919
GitHub กดอันนี้เพราะนั่นคือ provider ที่อยากใช้

602
00:42:19,919 --> 00:42:23,565
แล้วก็แค่อนุมัติ โอเค เมื่อเชื่อมต่อกับ GitHub แล้ว

603
00:42:23,565 --> 00:42:27,926
ขั้นตอนถัดไปคือต้อง link repository ของผมจริงๆ เพื่อทำแบบนั้น

604
00:42:27,926 --> 00:42:31,358
ผมแค่ไปที่ตรงที่เขียนว่า new agent แล้วไปที่ add

605
00:42:31,358 --> 00:42:35,577
repositories แบบนี้ ซึ่งจะพาผมไปที่ GitHub ที่ผมสามารถเลือก

606
00:42:35,577 --> 00:42:39,724
repos ที่อยากอนุญาตได้ สิ่งที่ผมจะทำคืออนุญาต repositories

607
00:42:39,724 --> 00:42:43,513
ทั้งหมดจากบัญชีส่วนตัวของผม ติดตั้งและยืนยันตัวตนด้วย

608
00:42:43,513 --> 00:42:47,231
GitHub Mobile คุณก็ต้องทำแบบเดียวกันถ้าอยากให้ cloud

609
00:42:47,231 --> 00:42:50,663
agents ทำงาน โอเค เมื่อเราให้สิทธิ์ GitHub repos

610
00:42:50,663 --> 00:42:56,311
แล้ว เราควรเห็นรายการยาวๆ ตรงนี้เวลาดู และสิ่งที่เราทำได้คือกลับไปที่การตั้งค่า

611
00:42:56,311 --> 00:42:59,958
ผมรู้ว่ามีหลายขั้นตอนตรงนี้ เราต้องเปิดใช้งาน cloud

612
00:42:59,958 --> 00:43:03,461
agents แล้วไปที่ overview เราควรเห็นข้อความ setup

613
00:43:03,461 --> 00:43:07,036
cloud for faster parallel agents that verify their

614
00:43:07,036 --> 00:43:10,969
work ผมจะกด set up และสิ่งที่ต้องทำคือสร้าง environment

615
00:43:10,969 --> 00:43:14,615
ใหม่โดยใช้ repo ที่ต้องการ อันที่ผมมีชื่อว่า Cursor

616
00:43:14,615 --> 00:43:18,833
Demo ผมจะเลือกมันแล้วกด continue สิ่งที่ทำได้ตอนนี้คือเริ่ม

617
00:43:18,833 --> 00:43:22,837
cloud agent ด้วย repo นี้ แล้วเราก็พร้อม มันแค่ต้องสร้าง

618
00:43:22,837 --> 00:43:26,341
environment ให้เรา เมื่อ environment ถูกสร้างแล้ว

619
00:43:26,341 --> 00:43:29,701
ผมจะสามารถสั่งงานได้โดยตรงจากแอป Cursor ที่ผมมี

620
00:43:29,701 --> 00:43:33,276
และมันจะรันบนคลาวด์ แต่เราต้องเริ่มจาก environment

621
00:43:33,276 --> 00:43:36,637
ของคลาวด์เองก่อน ผมคิดว่ามีหลายวิธี แต่สำหรับผม

622
00:43:36,637 --> 00:43:40,641
นี่คือวิธีที่ใช้ได้ การตั้งค่า environment ใช้เวลาสักพัก

623
00:43:40,641 --> 00:43:46,146
ดังนั้นผมจะไม่รันทั้งกระบวนการให้ดู แต่ที่เห็นมาน่าจะพอสำหรับการตั้งค่าให้คุณ

624
00:43:46,146 --> 00:43:49,864
แล้วสิ่งที่ทำได้คือรันคำสั่ง slash in cloud อีกครั้ง

625
00:43:49,864 --> 00:43:53,439
และคุณจะสั่งงานได้โดยตรงตรงนี้ เมื่อเปิดคลาวด์แล้ว

626
00:43:53,439 --> 00:43:57,014
ยังมีอีกหลายอย่างที่ทำกับคลาวด์ได้โดยตรงจาก Cursor

627
00:43:57,014 --> 00:44:02,305
ซึ่งเกินขอบเขตของบทช่วยสอนนี้ ผมจะไม่ลงลึกมาก แต่แค่อยากโชว์วิธีเปิดใช้งาน

628
00:44:02,305 --> 00:44:06,166
แล้วคุณก็เริ่มผลักงานออกไปที่นั่นและจัดการจากแอปมือถือ

629
00:44:06,166 --> 00:44:11,170
รวมถึงฟีเจอร์ใหม่ๆ อื่นๆ ที่พวกเขามี โอเค เมื่อเราพูดถึงเรื่องนั้นแล้ว

630
00:44:11,170 --> 00:44:14,960
ผมอยากดูฟีเจอร์บางอย่างที่คุณใช้ได้โดยตรงตอนแก้ไขโค้ด

631
00:44:14,960 --> 00:44:18,320
เมื่อโปรเจกต์ใหญ่ขึ้นมาก โดยเฉพาะถ้าคุณเป็น dev

632
00:44:18,320 --> 00:44:22,110
จริงๆ คุณอยากแก้ไขแบบเพิ่มทีละน้อย และอาจไม่อยากทำการ

633
00:44:22,110 --> 00:44:26,257
refactor หลายไฟล์ใหญ่ๆ หรือการเปลี่ยนแปลงใหญ่ๆ แบบที่เราทำ

634
00:44:26,257 --> 00:44:30,046
เพื่อทำแบบนั้น ถ้าคุณอยากแก้แบบเล็กๆ เจาะจงหรือแม่นยำ

635
00:44:30,046 --> 00:44:35,552
คุณสามารถเลือก block ของโค้ดตรงนี้ได้ และคุณจะสังเกตว่ามันให้ตัวเลือกสองอย่าง

636
00:44:35,552 --> 00:44:39,484
หนึ่งคือ add to chat ซึ่งให้คุณอ้างอิง block นั้นโดยตรง

637
00:44:39,484 --> 00:44:43,273
อีกอันที่ผมใช้ตลอดคือ quick edit ซึ่งเรียกใช้ด้วยปุ่ม

638
00:44:43,273 --> 00:44:48,779
Ctrl+K ได้เหมือนกัน ถ้าทำแบบนั้น คุณสามารถถามคำถามหรือแก้ไขอย่างรวดเร็วโดยให้

639
00:44:48,779 --> 00:44:52,211
prompt ไป ผมสามารถพูดว่า refactor อันนี้ให้ orbs

640
00:44:52,211 --> 00:44:55,929
ใหญ่ขึ้นมาก อะไรประมาณนั้น แล้วกด enter มันจะสร้างบน

641
00:44:55,929 --> 00:45:00,791
block โค้ดนี้โดยตรง และปัง ให้การเปลี่ยนแปลงที่ใหญ่ขึ้นซึ่งคุณสามารถ

642
00:45:00,791 --> 00:45:04,223
undo ได้ตรงนี้ คุณจะสังเกตด้วยว่าใน IDE mode นี้

643
00:45:04,223 --> 00:45:07,726
การย้อนกลับการเปลี่ยนแปลงง่ายกว่ามาก ตัวอย่างเช่น

644
00:45:07,726 --> 00:45:13,660
ผมอาจถามมันว่า ไปที่ player.js แล้วเปลี่ยนตัวละครทั้งหมดให้ใหญ่ขึ้นและกระโดดสูงขึ้น

645
00:45:13,660 --> 00:45:18,022
อะไรประมาณนั้น โอเค อีกอย่างที่อยากโชว์คือ ผมสามารถแท็กไฟล์ใน

646
00:45:18,022 --> 00:45:23,098
Cursor โดยตรงโดยใช้สัญลักษณ์ @ เมื่อทำแบบนั้น ผมสามารถอ้างอิงไฟล์เอกสาร

647
00:45:23,098 --> 00:45:27,889
แชทเก่าๆ เบราว์เซอร์ ไฟล์ต่างๆ ได้ และคุณจะสังเกตว่าผมทำแบบนั้นด้วย

648
00:45:27,889 --> 00:45:31,321
Wispr Flow เพราะ Wispr ผสานเข้ากับ Cursor โดยตรง

649
00:45:31,321 --> 00:45:37,469
ผมแค่พูดว่า @levels.js แล้วมันรู้วิธีแท็ก และมันเจ๋งดีที่มันแท็กให้โดยตรงแทนที่จะพิมพ์

650
00:45:37,469 --> 00:45:40,973
ยังมีอีกหลายอันแบบนี้ แต่ยังไงก็ตาม ถ้าผมทำแบบนี้

651
00:45:40,973 --> 00:45:45,692
ผมอยากโชว์ขั้นตอนการเปลี่ยนแปลงใน IDE view เพราะมันต่างกันนิดหน่อย

652
00:45:45,692 --> 00:45:49,767
คุณจะสังเกตว่าตอนนี้มันจะเข้าไปตรงๆ มันจะทำการเปลี่ยนแปลง

653
00:45:49,767 --> 00:45:55,201
และคราวนี้เมื่อมันเปลี่ยนแปลง มันจะง่ายกว่ามากสำหรับเราในการรีวิวและย้อนกลับ

654
00:45:55,201 --> 00:45:59,276
คุณเห็นว่ามันแสดงการเปลี่ยนแปลงให้เรา ผมเลื่อนดูได้ตรงนี้

655
00:45:59,276 --> 00:46:02,708
และมีปุ่ม keep file กับ undo file ปุ่ม keep file

656
00:46:02,708 --> 00:46:07,070
จริงๆ แล้วไม่ได้ทำอะไร เพราะไฟล์ถูกเก็บไว้เป็นดีฟอลต์อยู่แล้ว

657
00:46:07,070 --> 00:46:10,645
การเปลี่ยนแปลงถูกทำไปแล้ว แต่ถ้าอยากย้อนกลับตอนนี้

658
00:46:10,645 --> 00:46:14,148
คุณสลับไปมาระหว่างมันได้ กด undo file หรือจะ undo

659
00:46:14,148 --> 00:46:17,723
การเปลี่ยนแปลงทั้งหมดด้วยปุ่มเล็กๆ ตรงนี้ สำหรับผม

660
00:46:17,723 --> 00:46:21,227
เวลาทำการเปลี่ยนแปลงใหญ่ๆ หรือทำอะไรที่ต้องแม่นยำ

661
00:46:21,227 --> 00:46:28,877
หรือกับโค้ดที่ผมใส่ใจจริงๆ ผมทำงานใน IDE view เพราะมันง่ายกว่าสำหรับผมในการรีวิวโค้ดและตรวจสอบว่าทุกอย่างดี

662
00:46:28,877 --> 00:46:32,666
แล้วคุณสามารถเพิ่มลงในแชท คอมเมนต์ หรือ undo ทุกอย่าง

663
00:46:32,666 --> 00:46:37,528
ซึ่งมันจะลบทั้งหมดออกได้ง่ายมาก การเปลี่ยนแปลงเหล่านั้นจะถูกย้อนกลับ

664
00:46:37,528 --> 00:46:42,176
นอกจากนี้ ถ้าคุณอยากเขียนโค้ดจริงๆ ผมไม่รู้ว่าใครยังทำแบบนั้นอยู่

665
00:46:42,176 --> 00:46:45,822
แต่สมมติว่าผมอยากทำอะไรบางอย่าง มี tab autocomplete

666
00:46:45,822 --> 00:46:49,469
ถ้าผมเริ่มพิมพ์ คุณเห็นว่าผมกด tab แล้วมันก็เติมให้

667
00:46:49,469 --> 00:46:53,258
ถ้าอยากทำแบบนั้น ไม่รู้ว่าพวกคุณยังเขียนโค้ดใน editor

668
00:46:53,258 --> 00:46:57,262
กันอยู่ไหม ซึ่งผมคิดว่าหลายคนไม่ทำแล้ว โอเค ผมเพิ่งสร้าง

669
00:46:57,262 --> 00:47:00,622
agent ใหม่และอยากพูดถึงเรื่อง skills, commands,

670
00:47:00,622 --> 00:47:05,413
rules และฟีเจอร์ขั้นสูงอื่นๆ เมื่อคุณสร้างโปรเจกต์ที่จริงจังมากขึ้น

671
00:47:05,413 --> 00:47:10,418
Cursor และ agents อื่นๆ อีกมากมายมีความสามารถในการสร้างสิ่งที่เรียกว่า

672
00:47:10,418 --> 00:47:14,136
project rules ซึ่งก็คือกฎ หรือข้อความที่จะถูก inject

673
00:47:14,136 --> 00:47:18,854
เข้าไปใน agent ทุกครั้งที่คุณเริ่มทำงานกับมันในโปรเจกต์นี้โดยเฉพาะ

674
00:47:18,854 --> 00:47:22,715
ตัวอย่างเช่น คุณอาจอยากมีกฎว่า เฮ้ ฉันอยากให้คุณใช้แค่

675
00:47:22,715 --> 00:47:29,365
JavaScript ไม่อยากให้ใช้ TypeScript ฉันอยากให้คุณเขียนทุกอย่างหรือให้ทุกไฟล์มีความยาวน้อยกว่า

676
00:47:29,365 --> 00:47:34,870
200 บรรทัด หรือฉันไม่อยากให้คุณทำ x, y, z อะไรก็ตามที่คุณไม่อยากต้องพูดซ้ำกับ

677
00:47:34,870 --> 00:47:38,231
agent ให้มันจำ ถ้าเป็นแบบนั้น คุณสามารถใส่ไว้ใน

678
00:47:38,231 --> 00:47:42,020
rule ได้ เพื่อสร้าง rule จริงๆ แล้วง่ายกว่าที่จะขอให้

679
00:47:42,020 --> 00:47:45,523
agent ทำ ว่า เฮ้ ช่วยสร้าง rule ง่ายๆ ให้ฉันหน่อย

680
00:47:45,523 --> 00:47:49,170
ฉันอยากให้ rule นี้ระบุว่าเราควรใช้ JavaScript เสมอ

681
00:47:49,170 --> 00:47:56,105
แทนที่จะใช้ TypeScript หรือ frameworks ขั้นสูง และฉันอยากให้แน่ใจว่าไฟล์ทั้งหมดที่คุณสร้างไม่เกิน

682
00:47:56,105 --> 00:48:00,038
300 บรรทัด และทุกอย่างเป็น modular และถูกแยกส่วนอย่างดี

683
00:48:00,038 --> 00:48:05,901
โอเค ไปกันเถอะ เราจะกด enter และคุณจะเห็นในอีกสักครู่ว่ามันจะสร้างโฟลเดอร์ใหม่ชื่อ

684
00:48:05,901 --> 00:48:09,261
.cursor ข้างในนั้นมันจะสร้าง rules เหล่านี้ และ

685
00:48:09,261 --> 00:48:12,836
rules เหล่านี้คือสิ่งที่ถูก inject เข้าไปใน prompt

686
00:48:12,836 --> 00:48:16,268
อัตโนมัติทุกครั้งที่คุณเขียนโค้ด คุณเห็นว่าเรามี

687
00:48:16,268 --> 00:48:20,629
rules ที่ถูกสร้างในไฟล์ markdown นี้ พร้อมคำอธิบายและตัวเลือก

688
00:48:20,629 --> 00:48:23,990
always apply และยังมีวิธีอื่นๆ ในการสร้าง rules

689
00:48:23,990 --> 00:48:27,636
แต่การขอให้ agent ทำง่ายกว่าเสมอ มันจะวางไว้ตรงนั้น

690
00:48:27,636 --> 00:48:31,211
นอกจาก rules แล้ว คุณยังมี skills อีก skills ก็คือ

691
00:48:31,211 --> 00:48:35,930
workflows ที่นำกลับมาใช้ใหม่ได้ ซึ่งคุณอาจเคยเห็นในเครื่องมืออื่นๆ

692
00:48:35,930 --> 00:48:39,934
มาก่อน ที่ให้คุณสร้าง doc หรือ spec สำหรับวิธีทำบางอย่าง

693
00:48:39,934 --> 00:48:43,580
มี skills ที่ built-in มากับ Cursor คุณเห็นว่าเรามี

694
00:48:43,580 --> 00:48:47,370
skills อย่าง automate ใช่ไหม ถ้าเลื่อนต่อไป มี banner

695
00:48:47,370 --> 00:48:52,661
design, brand, browser automation, canvas ผมไม่รู้ว่าตัวไหนที่ผมติดตั้งเอง

696
00:48:52,661 --> 00:48:56,236
กับตัวไหนที่อยู่ตรงนั้นอัตโนมัติ อย่าง create rule

697
00:48:56,236 --> 00:49:00,168
ซึ่งใช้สร้าง rule, create sub agent, design อะไรพวกนั้น

698
00:49:00,168 --> 00:49:03,743
แต่คุณใช้มันได้ และเมื่อใช้ มันจะอ้างอิงไฟล์ skill

699
00:49:03,743 --> 00:49:07,246
ซึ่งหน้าตาประมาณนี้ ผมกดมันเพื่อให้คุณเห็นว่าไฟล์

700
00:49:07,246 --> 00:49:11,036
skill คืออะไร และถ้าอยากสร้าง skills ของตัวเองก็ทำได้

701
00:49:11,036 --> 00:49:14,682
แล้วมันจะให้ command ที่คุณรันซ้ำๆ ได้ ตัวอย่างเช่น

702
00:49:14,682 --> 00:49:18,400
ผมจะพูดว่า ช่วยสร้าง project level skill ที่ทำ quick

703
00:49:18,400 --> 00:49:22,118
review และตรวจสอบว่าเกมเล่นได้ด้วยความเร็วที่ถูกต้อง

704
00:49:22,118 --> 00:49:25,622
ฉันแค่อยากได้ไว้สำหรับเดโมสั้นๆ เรียกมันว่า Speed

705
00:49:25,622 --> 00:49:29,912
skill ที่ฉันแค่ต้องการให้แน่ใจว่าตัวละครมีความเร็วที่ถูกต้อง

706
00:49:29,912 --> 00:49:34,702
มันไม่ค่อยสมเหตุสมผลสำหรับ skill เท่าไหร่ แต่แค่โชว์ว่าถ้าอยากสร้าง

707
00:49:34,702 --> 00:49:39,707
skill ใหม่ คุณก็แค่บอกว่า เฮ้ สร้างใหม่หน่อย และผมอยากโชว์หน้าตาของมัน

708
00:49:39,707 --> 00:49:45,498
เพราะมันจะใช้ skill มาสร้าง skill ให้ด้วยซ้ำ มันควรจะวางไว้ในโฟลเดอร์ใหม่ให้เราใน

709
00:49:45,498 --> 00:49:49,073
Cursor แล้วเราจะได้รันมันได้ คุณเห็นว่าถ้าไปตรงนี้

710
00:49:49,073 --> 00:49:52,791
เรามี skill ชื่อ speed skill แล้ว มันสร้างให้เราแล้ว

711
00:49:52,791 --> 00:49:56,152
ผมเก็บไว้ได้ และถ้าอยากใช้ตอนนี้ ผมพิมพ์ /speed

712
00:49:56,152 --> 00:50:00,441
skill คุณเห็นไหมว่านั่นคือ custom skill ของผม และผมรันมันได้

713
00:50:00,441 --> 00:50:05,589
แล้วมันจะไปดำเนินการตามสิ่งที่เรามีในนั้น เพื่อตรวจสอบความเร็วของตัวละคร

714
00:50:05,589 --> 00:50:11,595
และมันบอกว่า ปัง ทุกอย่างดี เราไปต่อได้ ทั้งหมดนี้คุณยังสามารถดูและจัดการจากหน้าต่าง

715
00:50:11,595 --> 00:50:15,456
agents ได้ ถ้าไปที่หน้าต่าง agents แล้วไปที่ customize

716
00:50:15,456 --> 00:50:19,746
คุณจะเห็น plugins, MCP, skills ใช่ไหม skills ทั้งหมดที่เรามี

717
00:50:19,746 --> 00:50:23,750
ทั้งของ user, agents, rules, commands, hooks และของอื่นๆ

718
00:50:23,750 --> 00:50:27,539
ที่จัดการได้ และนี่คือจุดที่ผมอยากเริ่มพูดถึง plugins

719
00:50:27,539 --> 00:50:32,044
plugins คืออะไร plugins คือฟังก์ชันเพิ่มเติมที่คุณเพิ่มเข้าไปใน

720
00:50:32,044 --> 00:50:35,833
Cursor ได้โดยตรง คุณเห็นว่าผมเพิ่ม GitHub MCP server,

721
00:50:35,833 --> 00:50:39,265
browser MCP server และในแง่ plugins ผมมี browser

722
00:50:39,265 --> 00:50:43,627
base กับ Zapier ถ้ามี plugin เฉพาะที่อยากได้ คุณสามารถค้นหาใน

723
00:50:43,627 --> 00:50:47,774
plugin marketplace ตรงนี้ ตัวอย่างเช่น คุณอาจอยากเชื่อมต่อ

724
00:50:47,774 --> 00:50:51,921
Slack หรือ Figma คุณก็ทำได้ แล้วสิ่งที่เกิดขึ้นคือมันจะให้

725
00:50:51,921 --> 00:50:55,638
skills มากมายที่ใช้ใน Cursor ได้ ผมจะไม่ไล่ดูทั้งหมด

726
00:50:55,638 --> 00:50:59,857
เพราะมันขึ้นอยู่กับ workflow ของคุณจริงๆ และเช่นเดียวกันกับ

727
00:50:59,857 --> 00:51:03,575
MCP ถ้าคุณเห็น MCP server ที่อยากเพิ่ม คุณก็เพิ่มได้

728
00:51:03,575 --> 00:51:07,007
และมันควรให้ config หรือคำแนะนำจากที่คุณเพิ่มมัน

729
00:51:07,007 --> 00:51:10,582
ถ้าอยากได้ตัวดีๆ ผมแนะนำให้เพิ่ม GitHub MCP server

730
00:51:10,582 --> 00:51:13,942
ซึ่งคุณสามารถบอกให้มันรันคำสั่งบน GitHub โดยตรง

731
00:51:13,942 --> 00:51:18,518
แล้วมันจะทำแบบนั้นให้ ดีมาก ตอนนี้เราเก็บทั้งหมดนี้ไว้ในที่เดียว

732
00:51:18,518 --> 00:51:22,951
และอีกครั้ง ถ้าอยากจัดการจาก IDE ด้วย เพราะผมโชว์ทั้งสองมุมมอง

733
00:51:22,951 --> 00:51:27,598
คุณสามารถไปที่ settings ใน IDE แล้วจากตรงนี้ ขอทำให้ใหญ่ขึ้นหน่อย

734
00:51:27,598 --> 00:51:31,316
คุณมีตัวเลือกเดียวกันทั้งหมด มี git, plugins, rules,

735
00:51:31,316 --> 00:51:35,249
skills, tools, MCP มันมีให้ใช้ในหลายๆ ที่ที่คุณลองดูได้

736
00:51:35,249 --> 00:51:39,324
เอาล่ะ ขอโทษที่ตัดตอน แต่มันมีฟีเจอร์หนึ่งที่อยากนำเข้ามา

737
00:51:39,324 --> 00:51:43,686
ซึ่งลืมพูดถึง นั่นคือ side chats side chats เป็นฟีเจอร์ใหม่ใน

738
00:51:43,686 --> 00:51:48,476
Cursor ที่เจ๋งมาก ให้คุณเลือกบางอย่างในบทสนทนาปัจจุบันแล้วเพิ่มลงใน

739
00:51:48,476 --> 00:51:52,337
side chat เมื่อเพิ่มลงใน side chat แล้ว คุณจะสามารถรัน

740
00:51:52,337 --> 00:51:57,127
agents หลายตัวพร้อมกันได้ แต่ยังอ้างอิงบางอย่างที่อยู่ในแชทดั้งเดิม

741
00:51:57,127 --> 00:52:00,631
และถามคำถามหรือขอความกระจ่างโดยไม่ขัดจังหวะ agent

742
00:52:00,631 --> 00:52:05,564
ปัจจุบัน ตัวอย่างเช่น ถ้าใน agent นี้ผมพูดว่า ช่วยแก้เกมเล็กน้อยหน่อย

743
00:52:05,564 --> 00:52:10,426
เปลี่ยนสีพื้นหลัง ให้มี main menu ที่ดีขึ้นซึ่งมีตัวเลือกตัวละครด้วย

744
00:52:10,426 --> 00:52:13,000
ผมแค่ทำการเปลี่ยนแปลงอะไรก็ได้ใช่ไหม