Exploring Herdr Plugins: Code Review and Git Management

1
00:00:00,000 --> 00:00:03,999
ในช่องนี้คุณจะเห็นผมใช้เครื่องมือ AI

2
00:00:03,999 --> 00:00:06,997
กับเอเจนต์โอเพนซอร์สหลายตัว

3
00:00:06,997 --> 00:00:11,218
ส่วนใหญ่ผมแค่ลองใช้ดูว่าอยากใช้จริงไหม

4
00:00:11,218 --> 00:00:15,772
โปรเจกต์ AI กับเอเจนต์โอเพนซอร์สมีเยอะมาก

5
00:00:15,772 --> 00:00:20,437
บางตัวก็ติดมือ บางตัวก็ไม่ติด Hermes Agent

6
00:00:20,437 --> 00:00:24,214
คือหนึ่งในตัวที่ผมลองแล้วติดมือเลย

7
00:00:24,214 --> 00:00:28,323
หลายตัวที่ไม่ติดไม่ใช่ว่าเป็นของไม่ดี

8
00:00:28,323 --> 00:00:31,544
แค่ไม่เข้ากับเวิร์กโฟลว์ของผม

9
00:00:31,544 --> 00:00:34,321
หรือไม่มีสิ่งที่ผมต้องการ

10
00:00:34,321 --> 00:00:39,541
แต่ตัวที่ติดมือมากในช่วงสองสามเดือนที่ผ่านมาคือ

11
00:00:39,541 --> 00:00:44,651
Herdr คุณคงเห็นวิดีโอที่ผมพาทัวร์ Herdr ไปแล้ว

12
00:00:44,651 --> 00:00:49,427
ทั้งวิธีติดตั้ง วิธีตั้งค่า และฟีเจอร์ต่างๆ

13
00:00:49,427 --> 00:00:59,423
ตอนนี้ผมใช้ Herdr เกือบทุกวัน มันแทนที่แพลตฟอร์ม terminal ตัวเดิมของผมไปหมดแล้ว ดีมากจริงๆ

14
00:00:59,423 --> 00:01:01,978
ผมชอบฟังก์ชัน T-Mox มาก

15
00:01:01,978 --> 00:01:06,087
ถ้ายังไม่รู้คือผมปิดหน้าจอนี้ไปได้เลย

16
00:01:06,087 --> 00:01:09,864
แล้วเปิดกลับมาใหม่ พิมพ์ her ในแชต

17
00:01:09,864 --> 00:01:14,640
ทุกอย่างจะเด้งกลับมาตรงจุดที่คุยค้างไว้พอดี

18
00:01:14,640 --> 00:01:17,861
ดีมากเลย ปกติผมเปิดไว้หลายตัว

19
00:01:17,861 --> 00:01:22,415
ตอนนี้คุณเห็นเลยว่าผมรัน herder ไว้สองตัว

20
00:01:22,415 --> 00:01:25,858
ตัวหนึ่งอยู่บนเครื่อง DGX Spark

21
00:01:25,858 --> 00:01:28,857
อีกตัวอยู่บนเครื่อง Windows

22
00:01:28,857 --> 00:01:31,856
ผมเปิดหน้าต่างไว้เยอะแบบนี้

23
00:01:31,856 --> 00:01:35,854
ลองนึกภาพตอนผมปิดเครื่องหรือรีสตาร์ต

24
00:01:35,854 --> 00:01:38,076
หรือปิดคอมตอนเลิกงาน

25
00:01:38,076 --> 00:01:42,519
เช้าวันรุ่งขึ้นผมไม่ต้องไปไล่หาไดเรกทอรี

26
00:01:42,519 --> 00:01:47,406
ไม่ต้องไปหาบทสนทนาที่คุยค้างไว้ แค่พิมพ์ her

27
00:01:47,406 --> 00:01:51,182
แล้วทุกอย่างก็เด้งกลับมาตรงที่เดิม

28
00:01:51,182 --> 00:01:54,403
ความต่อเนื่องแบบนี้ดีมากจริงๆ

29
00:01:54,403 --> 00:01:57,624
แล้วผมก็ชอบฟีเจอร์เอเจนต์ด้วย

30
00:01:57,624 --> 00:02:00,401
การใช้หลายเอเจนต์พร้อมกัน

31
00:02:00,401 --> 00:02:04,066
คุณคงเห็นในวิดีโอสองสามตัวที่ผมทำ

32
00:02:04,066 --> 00:02:07,954
orchestration กับงานแบบ multi-agent

33
00:02:07,954 --> 00:02:12,952
เอเจนต์พวกนี้ทั้งหมดคือ Hermes agents แต่ผมมี

34
00:02:12,952 --> 00:02:17,506
clawed agents ด้วย มี codeexes อยู่ตรงนี้

35
00:02:17,506 --> 00:02:22,060
พวกมันมองเห็นกันเองได้ สังเกตกันและกันได้

36
00:02:22,060 --> 00:02:24,948
แล้วก็สั่งงานกันเองได้ด้วย

37
00:02:24,948 --> 00:02:28,502
ผมเคยโชว์เวิร์กโฟลว์พวกนี้ไปบ้าง

38
00:02:28,502 --> 00:02:31,390
อยากจะลงลึกกว่านี้อีกหน่อย

39
00:02:31,390 --> 00:02:34,056
มันเป็นแพลตฟอร์มที่ดีมาก

40
00:02:34,056 --> 00:02:37,277
หรือจะเรียกว่าเครื่องมือก็ได้

41
00:02:37,277 --> 00:02:42,164
ผมชอบความเรียบง่ายของมัน อินเทอร์เฟซสะอาดมาก

42
00:02:42,164 --> 00:02:46,940
อินเทอร์เฟซ multi-agent หลายตัวรู้สึกหน่วงๆ

43
00:02:46,940 --> 00:02:51,383
รู้สึกเยอะเกินไป แต่ตัวนี้มินิมอลสะอาดตา

44
00:02:51,383 --> 00:02:54,715
ข้อดีของ Herdr คือถึงจะมินิมอล

45
00:02:54,715 --> 00:02:59,158
แต่เติมของเข้าไปได้เยอะ เติมผ่าน plugins

46
00:02:59,158 --> 00:03:04,267
นั่นคือหัวข้อของวิดีโอวันนี้ เราจะมาดู plugins

47
00:03:04,267 --> 00:03:08,599
ยอดนิยมสองสามตัว เกี่ยวกับการจัดการ git

48
00:03:08,599 --> 00:03:13,486
กับการจัดการโปรเจกต์ เพื่อเพิ่มความสามารถให้

49
00:03:13,486 --> 00:03:16,485
herder ของคุณ มาเริ่มกันเลย

50
00:03:16,485 --> 00:03:21,372
ถ้าอยากอัปเลเวลเอเจนต์ของตัวเองลองดูโปรเจกต์

51
00:03:21,372 --> 00:03:25,926
Agent Wikis ของผม คุณจะได้ knowledge base

52
00:03:25,926 --> 00:03:27,481
ที่ผมใช้ทุกวัน

53
00:03:27,481 --> 00:03:32,590
ทั้งค้นคว้าวิดีโอและสร้างโปรเจกต์ หัวข้อมีทั้ง

54
00:03:32,590 --> 00:03:37,588
Hermes agent กับ hyperframes เครื่องมือ local

55
00:03:37,588 --> 00:03:42,142
AI และอีกมากมาย wiki มาตรฐานใช้ฟรีทั้งหมด

56
00:03:42,142 --> 00:03:46,807
แต่ถ้าสมัคร Agent Wikis Pro คุณจะได้ Excel

57
00:03:46,807 --> 00:03:49,251
wikis กับ custom skill

58
00:03:49,251 --> 00:03:54,027
ที่ผมพัฒนาร่วมกับเอเจนต์มาตลอดหลายเดือน Pro

59
00:03:54,027 --> 00:03:56,470
เดือนละ $9.99 เท่านั้น

60
00:03:56,470 --> 00:04:01,358
สมัครตอนนี้ล็อกราคานี้ตลอดไป ผมกำลังทำ agent

61
00:04:01,358 --> 00:04:05,578
profile เฉพาะทาง กับเทมเพลต automation

62
00:04:05,578 --> 00:04:10,132
workflow พอปล่อยของพวกนั้นราคา Pro จะขึ้น

63
00:04:10,132 --> 00:04:14,353
เลยอยากให้สมัครวันนี้ที่ agentwiks.com

64
00:04:14,353 --> 00:04:19,462
ขอบคุณทุกคนที่สนับสนุน ตอนนี้กลับเข้าวิดีโอกัน

65
00:04:19,462 --> 00:04:23,794
ตอนนี้เราอยู่ใน marketplace ของ plugins

66
00:04:23,794 --> 00:04:28,792
เว็บนี้คือ herder.dev/plugins ตอนนี้มีถึง 939

67
00:04:28,792 --> 00:04:32,013
plugins แล้ว ใกล้จะแตะพันแล้ว

68
00:04:32,013 --> 00:04:37,122
วิดีโอวันนี้เราจะคุยแค่ plugins จัดการโปรเจกต์

69
00:04:37,122 --> 00:04:39,566
plugins มีหลายหมวดหมู่

70
00:04:39,566 --> 00:04:43,342
ไว้ผมทำวิดีโอตามเก็บหมวดอื่นทีหลัง

71
00:04:43,342 --> 00:04:48,230
แต่วิดีโอวันนี้ขอเน้น project management กับ

72
00:04:48,230 --> 00:04:52,895
git management ก่อน เพราะพวกเราส่วนใหญ่ใช้

73
00:04:52,895 --> 00:04:55,227
Herdr กับโปรเจกต์โค้ด

74
00:04:55,227 --> 00:05:00,336
นี่เลยน่าจะเป็นที่นิยมสุด ดูจากจำนวนดาวก็พอรู้

75
00:05:00,336 --> 00:05:05,001
ตัวแรกที่จะคุยกันน่าจะดังสุด ได้ไป 592 ดาว

76
00:05:05,001 --> 00:05:09,555
ลองดูกัน Herder reviewer คำอธิบายคือ code

77
00:05:09,555 --> 00:05:14,442
review กับ file viewer sidebar สำหรับ Herder

78
00:05:14,442 --> 00:05:18,996
ตัวนี้มาจาก Dimmitri Persanov ดูใน GitHub

79
00:05:18,996 --> 00:05:22,439
ได้ที่ persanov/hurder reviewer

80
00:05:22,439 --> 00:05:25,660
วิธีติดตั้งคือต้องติดตั้งก่อน

81
00:05:25,660 --> 00:05:30,103
วิธีติดตั้งทุกตัวเหมือนกันหมด ผ่านคำสั่ง

82
00:05:30,103 --> 00:05:34,768
herder plugin install แล้วตามด้วยชื่อ repo

83
00:05:34,768 --> 00:05:37,656
ประมาณว่า /hurder reviewer

84
00:05:37,656 --> 00:05:42,765
มันจะโชว์พรีวิวให้ดูว่าคืออะไร แล้วก็กดติดตั้ง

85
00:05:42,765 --> 00:05:45,875
plugin เรียบร้อย ติดตั้งแล้ว

86
00:05:45,875 --> 00:05:50,763
วิธีเปิดใช้งานคือตรงนี้ herder plugin action

87
00:05:50,763 --> 00:05:55,428
invoke open plugin pionov review วิธีทำคือ

88
00:05:55,428 --> 00:05:59,870
herder plug-in action invoke open plugin

89
00:05:59,870 --> 00:06:03,203
pionaf.re reviewer โอเคได้แล้ว

90
00:06:03,203 --> 00:06:08,201
แผงขวามือตรงนี้คือตัว reviewer ลองเปิด Hermes

91
00:06:08,201 --> 00:06:13,088
Asian ขึ้นมา โอเคได้แล้ว นี่คือโปรไฟล์ video

92
00:06:13,088 --> 00:06:17,975
producer ของผม เราจะทำงานในโปรเจกต์ keepsake

93
00:06:17,975 --> 00:06:22,640
threads กันหน่อย โปรไฟล์นี้ใช้ทำ marketing

94
00:06:22,640 --> 00:06:23,862
assets เยอะ

95
00:06:23,862 --> 00:06:28,638
ทั้งรูปทั้งวิดีโอสำหรับโปรโมตโปรเจกต์ของเรา

96
00:06:28,638 --> 00:06:33,081
เดี๋ยวจะมีวิดีโอการตลาด keepsake threads

97
00:06:33,081 --> 00:06:37,746
แบบเต็มๆ อันนี้แค่ตัวอย่างให้ดูฟังก์ชัน ใน

98
00:06:37,746 --> 00:06:42,522
reviewer ตรง changes ตอนนี้ยังไม่มีอะไร ตรง

99
00:06:42,522 --> 00:06:46,853
files คือไฟล์ต่างๆใน repo นี้ เห็น docs

100
00:06:46,853 --> 00:06:51,741
ทั้งหมด ทุกอย่างใช้เมาส์คลิกได้เลย ไม่ต้องจำ

101
00:06:51,741 --> 00:06:55,295
key binding docs พวกนี้กับ films

102
00:06:55,295 --> 00:07:00,293
คือสิ่งที่ผมทำไว้แล้ว สำหรับ landing page กับ

103
00:07:00,293 --> 00:07:05,069
references กับ runs กับ scripts นี่คือ repo

104
00:07:05,069 --> 00:07:09,845
ที่เก็บ assets ของเราตอนนี้ แล้วก็มีแท็บ PR

105
00:07:09,845 --> 00:07:13,955
สำหรับ GitHub กับ GitLab และเจ้าอื่นๆ

106
00:07:13,955 --> 00:07:17,398
นี่คือหน้าตาพื้นฐานของ reviewer

107
00:07:17,398 --> 00:07:21,841
ตอนนี้ผมสั่งว่าให้รีวิว meta ads wiki บน

108
00:07:21,841 --> 00:07:26,395
agentwiks.com เว็บของผม แล้วร่างแผน draft

109
00:07:26,395 --> 00:07:28,616
สำหรับกลยุทธ์การตลาด

110
00:07:28,616 --> 00:07:33,392
เห็นไหมว่าไฟล์ใหม่ของเราเพิ่งถูกเพิ่มเข้ามา

111
00:07:33,392 --> 00:07:37,946
เห็นหนึ่ง change แล้ว กดขึ้นไปตรง changes

112
00:07:37,946 --> 00:07:40,723
จะเห็นเป๊ะๆว่าเปลี่ยนอะไร

113
00:07:40,723 --> 00:07:43,167
คือแผนใหม่ตัวนี้นี่เอง

114
00:07:43,167 --> 00:07:47,943
อีกอย่างที่ควรสังเกตคือข้างบนตรงนี้เขียนว่า

115
00:07:47,943 --> 00:07:52,274
uncommitted มันมี scope ให้เลือกหลายแบบ

116
00:07:52,274 --> 00:07:56,495
uncommitted คืออันนี้แหละ มีแบบ branch

117
00:07:56,495 --> 00:08:00,938
แต่ตอนนี้เราไม่มี branch มีแบบ last turn

118
00:08:00,938 --> 00:08:04,825
คือสิ่งที่เอเจนต์ทำใน turn ก่อนหน้า

119
00:08:04,825 --> 00:08:09,268
ซึ่งก็คือการสร้างไฟล์นี้ แล้วก็กลับมาที่

120
00:08:09,268 --> 00:08:14,155
uncommitted งั้น commit อันนี้ก่อน เห็นไหมพอ

121
00:08:14,155 --> 00:08:19,265
commit แล้ว changes หายไป เพราะตอนนี้เราอยู่ใน

122
00:08:19,265 --> 00:08:23,930
scope uncommitted แต่ถ้าย้อนไปดู last turn

123
00:08:23,930 --> 00:08:28,817
ก็ยังเห็นสิ่งที่มันทำล่าสุดได้ มีประโยชน์มาก

124
00:08:28,817 --> 00:08:31,038
กลับมาดูไฟล์นี้อีกที

125
00:08:31,038 --> 00:08:35,481
ข้อดีอย่างหนึ่งคือเพิ่มคอมเมนต์ในไฟล์ได้

126
00:08:35,481 --> 00:08:40,479
ทำด้วย C กับ V สำหรับ select เลื่อนลงมาตรงนี้

127
00:08:40,479 --> 00:08:44,811
ผมจะเพิ่มคอมเมนต์สองสามอัน กด C ได้แล้ว

128
00:08:44,811 --> 00:08:49,809
คอมเมนต์แล้ว select บรรทัดนี้ไว้ ผมจะพิมพ์ว่า

129
00:08:49,809 --> 00:08:54,474
double check this แล้วกด enter เพื่อบันทึก

130
00:08:54,474 --> 00:08:59,250
เลื่อนลงไปอีกสองสามบรรทัด กด B เพื่อ select

131
00:08:59,250 --> 00:09:04,360
ได้แล้ว ตรงนี้ผมจะเพิ่มอีกอัน Meta ads is only

132
00:09:04,360 --> 00:09:09,247
one option เรียบร้อย เพิ่มไปแล้ว ขออีกอันตรง

133
00:09:09,247 --> 00:09:13,023
90-day operating plan กด C ได้แล้ว

134
00:09:13,023 --> 00:09:15,800
เปลี่ยนตรงนี้เป็น 60 days

135
00:09:15,800 --> 00:09:19,465
แล้วปรับเนื้อหาให้ตรงกัน กด enter

136
00:09:19,465 --> 00:09:23,019
พอมีคอมเมนต์ครบแล้วกด S เพื่อส่ง

137
00:09:23,019 --> 00:09:27,462
มันจะส่งไปให้เอเจนต์รีวิว เรียบร้อย กด S

138
00:09:27,462 --> 00:09:32,461
แล้วเพิ่มสามคอมเมนต์เข้า Hermes เห็นตรงนี้เลย

139
00:09:32,461 --> 00:09:36,126
มันแปะมาแล้ว ผมแค่กด enter ตรงนี้

140
00:09:36,126 --> 00:09:40,569
แล้วเอเจนต์ก็จะเริ่มทำงาน ดูใน reasoning

141
00:09:40,569 --> 00:09:45,012
ตรงนี้ได้ ผู้ใช้อยากให้ช่วย double check

142
00:09:45,012 --> 00:09:48,899
คำกล่าวอ้างนี้ กับคอมเมนต์อื่นๆด้วย

143
00:09:48,899 --> 00:09:53,231
เห็นไหมมันสลับไปที่ uncommitted เองแล้ว

144
00:09:53,231 --> 00:09:57,896
เห็นการเปลี่ยนแปลงที่กำลังทำอยู่ เรียบร้อย

145
00:09:57,896 --> 00:10:02,450
มันแก้ทุกอย่างที่ต้องแก้แล้ว ตรวจดูได้เลย

146
00:10:02,450 --> 00:10:07,448
แล้วถ้าพอใจก็ commit เก็บไว้ สุดท้ายผมจะสร้าง

147
00:10:07,448 --> 00:10:12,335
branch สำหรับงานกลยุทธ์ pre-launch เห็นไหมผม

148
00:10:12,335 --> 00:10:17,333
commit การเปลี่ยนแปลงนี้ใน branch แล้วดูเทียบ

149
00:10:17,333 --> 00:10:19,444
branch กับ main ได้

150
00:10:19,444 --> 00:10:24,109
เห็นความต่างของไฟล์ได้ด้วยว่าเปลี่ยนอะไรไป

151
00:10:24,109 --> 00:10:28,218
มีประโยชน์มากสำหรับงานแบบนี้ ทั้ง git

152
00:10:28,218 --> 00:10:32,883
management ทั่วไป ทั้งการดูแล codebase กับ

153
00:10:32,883 --> 00:10:37,548
code review อีกคำสั่งสุดท้ายคือถ้ากด slash

154
00:10:37,548 --> 00:10:42,102
command มันจะไปที่ fuzzy file กับ live GP

155
00:10:42,102 --> 00:10:45,990
ประมาณนั้น ผมค้นหาเช่น landing page

156
00:10:45,990 --> 00:10:50,655
ผมรู้ว่ามีพวก landing blueprint อะไรแบบนี้

157
00:10:50,655 --> 00:10:55,208
มันจะค้นไฟล์เฉพาะที่ต้องการเจอ หรือลองค้น

158
00:10:55,208 --> 00:10:59,873
strategy ดู เห็นไหมมันเจอไฟล์ strategy นี้

159
00:10:59,873 --> 00:11:04,650
แล้วมีพรีวิวให้ด้วย อีกอันเป็นรูปเลยไม่โชว์

160
00:11:04,650 --> 00:11:08,759
แต่มันโชว์พรีวิวตัวไฟล์ให้ดู ดีมากเลย

161
00:11:08,759 --> 00:11:12,869
นี่คือคำสั่ง slash หรือ forward slash

162
00:11:12,869 --> 00:11:17,867
ตัวต่อไปที่อยากลองคือ herder annotate นี่เป็น

163
00:11:17,867 --> 00:11:22,976
plugins รีวิวโค้ดอีกแนวนึง herder annotate ใช้

164
00:11:22,976 --> 00:11:28,086
annotate ข้อความใน terminal ตัวที่แล้วไว้รีวิว

165
00:11:28,086 --> 00:11:32,973
diff แต่ครึ่งหนึ่งของสิ่งที่เอเจนต์ผลิตออกมา

166
00:11:32,973 --> 00:11:37,971
คือแผน คำอธิบาย กับคำตอบจริงๆ herder annotate

167
00:11:37,971 --> 00:11:42,747
ช่วยจัดการส่วนนั้น repo นี้มาจาก planotator

168
00:11:42,747 --> 00:11:47,523
ติดตั้งเหมือนเดิม ตัวนี้มีทั้งเวอร์ชัน full

169
00:11:47,523 --> 00:11:52,077
กับ light เวอร์ชัน full ใช้กับ Mac OS กับ

170
00:11:52,077 --> 00:11:55,409
Linux ได้ตอนนี้ เวอร์ชัน light

171
00:11:55,409 --> 00:11:58,852
เป็นทางเลือกเดียวถ้าใช้ Windows

172
00:11:58,852 --> 00:12:03,073
เครื่องผมเองเป็น PC Windows ปกติผม SSH

173
00:12:03,073 --> 00:12:08,071
เข้าเครื่อง Linux แต่ remote session ผ่าน SSH

174
00:12:08,071 --> 00:12:11,514
มีปัญหาจุกจิกตรงนี้ ดูตรงนี้ได้

175
00:12:11,514 --> 00:12:16,068
มันทำงานไม่ค่อยถูก เลยจะใช้เวอร์ชัน light

176
00:12:16,068 --> 00:12:21,066
ในวิดีโอนี้ หวังว่าซักวันจะมี Windows แบบเต็ม

177
00:12:21,066 --> 00:12:24,843
แต่ light ก็โชว์ของได้เกือบหมดแล้ว

178
00:12:24,843 --> 00:12:29,175
วิธีใช้คือหลังติดตั้งด้วย Herder plugin

179
00:12:29,175 --> 00:12:32,729
install ไม่ว่าจะ full หรือ light

180
00:12:32,729 --> 00:12:37,505
ให้คัดลอกบล็อกนี้ไปใส่ใน config file config

181
00:12:37,505 --> 00:12:42,614
file ของคุณน่าจะอยู่ใน app data ถ้าใช้ Windows

182
00:12:42,614 --> 00:12:47,279
หรืออยู่ที่ justconfig/urderer/config toml

183
00:12:47,279 --> 00:12:50,611
ถ้าใช้ Linux หน้าตาจะประมาณนี้

184
00:12:50,611 --> 00:12:55,165
แล้วเพิ่มสามบล็อกที่เอามาจาก repo นี้ตรงๆ

185
00:12:55,165 --> 00:12:58,386
พอทำเสร็จแล้ว reload ทุกอย่าง

186
00:12:58,386 --> 00:13:02,718
สิ่งที่ควรจะทำได้คือใช้ prefix ของผมคือ

187
00:13:02,718 --> 00:13:07,716
control B แล้วตามด้วย A นี่คือคำตอบจาก Hermes

188
00:13:07,716 --> 00:13:12,492
agent ของผม พูดถึงอัปเดต Hermes ล่าสุด ผมกด

189
00:13:12,492 --> 00:13:16,602
control B แล้วกด A มันเด้ง annotation

190
00:13:16,602 --> 00:13:21,711
นี้ขึ้นมา เห็นข้อความที่เลือกไว้ clean updates

191
00:13:21,711 --> 00:13:22,933
on every OS

192
00:13:22,933 --> 00:13:27,376
เราก็ใส่บริบทหรือคอมเมนต์อะไรก็ได้ตรงนี้

193
00:13:27,376 --> 00:13:32,485
ผมจะพิมพ์ว่า dive deeper on this แล้วกด Ctrl S

194
00:13:32,485 --> 00:13:37,150
เพื่อบันทึก บันทึกแล้ว ขอเพิ่มอีกสองสามอัน

195
00:13:37,150 --> 00:13:41,593
เช่น find three good MCP servers to demo

196
00:13:41,593 --> 00:13:45,814
บันทึกอันนี้ด้วย ตอนนี้ผมมี annotation

197
00:13:45,814 --> 00:13:50,812
หลายอันแล้ว สิ่งที่ทำได้ต่อคือกด prefix อีกที

198
00:13:50,812 --> 00:13:52,811
ของผมคือ control B

199
00:13:52,811 --> 00:13:57,920
ข้างล่างตรงนี้จะโชว์ให้เห็นตอนกด prefix แล้วกด

200
00:13:57,920 --> 00:14:02,474
M มันจะเด้งหน้าจัดการ annotations ทั้งหมด

201
00:14:02,474 --> 00:14:06,695
นี่คืออันต่างๆที่ผมทำไว้ เป็นแค่ popup

202
00:14:06,695 --> 00:14:10,694
นำทางดูได้ ดูคอมเมนต์ทั้งหมดของผมได้

203
00:14:10,694 --> 00:14:15,025
มีตัวเลือกให้ลบ ล้างทั้งหมด คัดลอก หรือ

204
00:14:15,025 --> 00:14:19,468
archive อีกอย่างที่ทำกับ annotations ได้

205
00:14:19,468 --> 00:14:24,022
คือส่งเป็น context ให้เอเจนต์ ลองทำเลย กด

206
00:14:24,022 --> 00:14:28,243
prefix แล้วตามด้วย shift A มันคัดลอก 4

207
00:14:28,243 --> 00:14:33,019
annotations เป็น markdown ลองเอามา paste ดู

208
00:14:33,019 --> 00:14:37,573
paste ตรงนี้แล้วหน้าตาจะเป็นยังไง ได้แล้ว

209
00:14:37,573 --> 00:14:41,238
นี่คือ markdown annotated context

210
00:14:41,238 --> 00:14:44,681
มันบอกว่าข้อความที่เลือกคืออะไร

211
00:14:44,681 --> 00:14:49,124
คอมเมนต์คืออะไร ดีมากสำหรับ annotate ได้

212
00:14:49,124 --> 00:14:53,345
feedback loop แบบเดียวกับ reviewer ที่

213
00:14:53,345 --> 00:14:56,344
reviewer เป็นแบบโค้ดกับไฟล์

214
00:14:56,344 --> 00:15:00,231
แต่อันนี้เป็นแบบคำตอบจริงจากเอเจนต์

215
00:15:00,231 --> 00:15:03,230
เห็นไหมมันตอบกลับตามนั้นได้

216
00:15:03,230 --> 00:15:06,451
มีประโยชน์มากเวลาอยากคอมเมนต์

217
00:15:06,451 --> 00:15:10,117
หรือขอให้ขยายเฉพาะบางส่วนของคำตอบ

218
00:15:10,117 --> 00:15:15,004
บางทีเอเจนต์ตอบยาวมาก ไม่อยากต้องพิมพ์ย้ำว่า

219
00:15:15,004 --> 00:15:19,669
ตรงนั้นให้ทำอย่างนี้อย่างนั้น แค่ annotate

220
00:15:19,669 --> 00:15:23,334
เลือกไว้แล้วทำแบบนี้ ง่ายกว่าเยอะ

221
00:15:23,334 --> 00:15:26,444
โดยเฉพาะถ้ามีหลายจุด ได้แล้ว

222
00:15:26,444 --> 00:15:31,553
เห็นไหมเราได้คำตอบสำหรับ annotations ต่างๆแล้ว

223
00:15:31,553 --> 00:15:35,885
ตัวสุดท้ายที่จะทำคือ herder file viewer

224
00:15:35,885 --> 00:15:40,994
ตัวนี้ก็ได้ดาวเยอะ เห็นไหม 523 ดาว ตัวนี้มาจาก

225
00:15:40,994 --> 00:15:45,993
Marsban GitHub คือ S Marsban ชื่อ Herder file

226
00:15:45,993 --> 00:15:50,547
viewer มีส่วนทับซ้อนกับ reviewer อยู่บ้าง

227
00:15:50,547 --> 00:15:55,545
แต่มีฟีเจอร์เฉพาะที่น่าสนใจ ติดตั้งเหมือนเดิม

228
00:15:55,545 --> 00:15:59,432
her plug-in install ตัว repo เอง มี

229
00:15:59,432 --> 00:16:04,208
dependencies อื่นที่อาจต้องติดตั้ง คือ glow

230
00:16:04,208 --> 00:16:08,429
กับ delta กับ bat สำหรับ styling ต่างๆ

231
00:16:08,429 --> 00:16:12,539
แล้วก็ต้อง bind keys ใน herder config

232
00:16:12,539 --> 00:16:17,426
ทำทีเดียวด้วย prefix f แล้วก็ prefix shift f

233
00:16:17,426 --> 00:16:21,424
เหมือนเดิม เพิ่มพวกนี้ใน config file

234
00:16:21,424 --> 00:16:24,645
เสร็จแล้วรัน her config check

235
00:16:24,645 --> 00:16:29,310
เพื่อเช็กว่าทุกอย่างเข้าที่ แล้วรัน herder

236
00:16:29,310 --> 00:16:31,532
server reload config

237
00:16:31,532 --> 00:16:36,641
หลังจากนั้นก็น่าจะใช้ได้แล้ว กด prefix F ก็คือ

238
00:16:36,641 --> 00:16:41,084
Ctrl B แล้วตามด้วย F ได้แล้ว นี่คือ file

239
00:16:41,084 --> 00:16:45,860
viewer เด้งขึ้นมาเป็น pane ดูคล้าย reviewer

240
00:16:45,860 --> 00:16:50,525
หน่อยๆ แต่มันมีเอกสารทั้งหมดของโปรเจกต์นี้

241
00:16:50,525 --> 00:16:55,634
เลื่อนลงมาข้างล่างมีครบ ดูตรง readme เป็นพิเศษ

242
00:16:55,634 --> 00:17:00,744
ฟีเจอร์เด็ดของ plugins นี้คือ มันจัดรูปแบบไฟล์

243
00:17:00,744 --> 00:17:05,742
markdown กับไฟล์อื่น ให้แสดงผลแบบที่ควรจะเป็น

244
00:17:05,742 --> 00:17:10,629
มัน render ออกมาแบบนี้ อะไรแบบนี้จะไม่สวยเลย

245
00:17:10,629 --> 00:17:14,850
พวกตารางเล็กๆแบบนี้ ถ้าไม่ render เป็น

246
00:17:14,850 --> 00:17:19,959
markdown ให้ถูก พวก headings อะไรพวกนี้ด้วย กด

247
00:17:19,959 --> 00:17:24,957
P เพื่อ pin ไฟล์ได้ ได้แล้ว มัน pin ไฟล์ docs

248
00:17:24,957 --> 00:17:28,956
pre-launch strategy readme ไว้ตรงนี้

249
00:17:28,956 --> 00:17:33,843
แล้วเราก็เลื่อนดูไฟล์อื่นต่อได้ ไปที่ agents

250
00:17:33,843 --> 00:17:38,286
MD กลับมาที่ meta ads marketing strategy

251
00:17:38,286 --> 00:17:42,395
อันนี้ยังค้างอยู่ตรงนี้ ดีเลย ถ้ากด V

252
00:17:42,395 --> 00:17:47,393
มันจะเปลี่ยนมุมมอง นี่คือเวอร์ชัน render แล้ว

253
00:17:47,393 --> 00:17:52,058
แล้วนี่คือ diff เห็นเลยว่าบรรทัดไหนเปลี่ยน

254
00:17:52,058 --> 00:17:55,057
ก่อนเป็นยังไง หลังเป็นยังไง

255
00:17:55,057 --> 00:17:59,722
เห็นสิ่งที่เปลี่ยนไป กด V อีกที นี่คือไฟล์

256
00:17:59,722 --> 00:18:04,609
markdown แบบ plain code ไม่ render นั่นคือ V

257
00:18:04,609 --> 00:18:07,053
สลับไปมาได้ง่ายๆ ดีมาก

258
00:18:07,053 --> 00:18:11,052
ตรงนี้คือฟิลเตอร์เฉพาะไฟล์ที่เปลี่ยน

259
00:18:11,052 --> 00:18:14,162
คือไฟล์ที่ถูกเปลี่ยนเท่านั้น

260
00:18:14,162 --> 00:18:19,271
เห็นไหมนี่คือไฟล์เดียวที่เราเปลี่ยน ปิด toggle

261
00:18:19,271 --> 00:18:23,825
ได้ อยู่ตรงนี้ ถ้ากด E มันจะเปิดใน editor

262
00:18:23,825 --> 00:18:28,823
ถ้ากดเครื่องหมาย question mark มันจะเด้ง help

263
00:18:28,823 --> 00:18:33,710
ขึ้นมา มีของใหม่อะไร มี key bindings ทั้งหมด

264
00:18:33,710 --> 00:18:38,375
มี settings ทั้งหมด ตรงนี้คือ about นี่คือ

265
00:18:38,375 --> 00:18:41,818
Herder file viewer เป็น plugins

266
00:18:41,818 --> 00:18:46,705
เล็กๆที่ดีมากอีกตัวบน Herder เรียบร้อย ได้ดู

267
00:18:46,705 --> 00:18:51,148
plugins สามตัวสำหรับ code review กับ git

268
00:18:51,148 --> 00:18:55,813
management กันไป Herder reviewer เหมาะเป็น

269
00:18:55,813 --> 00:19:00,700
daily driver มาก สำหรับ code review กับ code

270
00:19:00,700 --> 00:19:03,810
diff มี scope ลึกสุด แท็บ PR

271
00:19:03,810 --> 00:19:08,697
ก็ดีมากถ้าทำงานกับ GitHub repo จริง Annotate

272
00:19:08,697 --> 00:19:12,585
เป็นตัวเสริมที่ดีมาก เพราะ annotate

273
00:19:12,585 --> 00:19:17,250
ในคำตอบของเอเจนต์ได้โดยตรง กับ file viewer

274
00:19:17,250 --> 00:19:20,249
ที่เพิ่งโชว์ไป เป็น plugins

275
00:19:20,249 --> 00:19:24,803
ที่ดีมากถ้าใช้เวลารีวิวไฟล์ markdown เยอะ

276
00:19:24,803 --> 00:19:29,579
แถมเห็นความต่างระหว่างไฟล์ได้ง่าย นี่คือสาม

277
00:19:29,579 --> 00:19:34,244
plugins ที่ดูกันในวิดีโอนี้ แต่เดี๋ยวมีอีก

278
00:19:34,244 --> 00:19:38,464
ผมวางแผนทำวิดีโอ plugins เรื่อง remote

279
00:19:38,464 --> 00:19:43,574
monitoring กับ approvals แล้ว คือการใช้ herder

280
00:19:43,574 --> 00:19:47,906
จากมือถือ กับอีกเรื่องคือ orchestration

281
00:19:47,906 --> 00:19:52,348
visualization น่าจะสนุก กับหมวดอื่นๆด้วย

282
00:19:52,348 --> 00:19:55,014
ผมเลือก code review ก่อน

283
00:19:55,014 --> 00:19:59,679
เพราะพวกเราส่วนใหญ่ใช้มันเป็น coding agent

284
00:19:59,679 --> 00:20:04,233
หรือ coding tool เลยน่าจะตรงกับคนดูมากสุด

285
00:20:04,233 --> 00:20:06,677
เลยอยากเริ่มด้วยตัวนี้

286
00:20:06,677 --> 00:20:11,342
แต่หัวข้ออื่นไว้คราวหน้า ช่วยคอมเมนต์หน่อย

287
00:20:11,342 --> 00:20:15,784
คุณใช้ plugins อะไรสำหรับ code review ใน

288
00:20:15,784 --> 00:20:20,005
Herder ตัวไหนในนี้ดูน่าสนใจ บอกผมหน่อย

289
00:20:20,005 --> 00:20:24,559
หมดแล้วสำหรับวิดีโอนี้ ขอบคุณที่รับชมครับ