🎞️ Videos → Claude Code Hook
Description
พบกับคุณเอฟที่จะมาแบ่งปันประสบการณ์การใช้งาน Claude Hook เพื่อแก้ปัญหาความไม่สะดวกในการต้องคอยเฝ้าหน้าจอขณะที่ AI กำลังประมวลผลงานยาวๆ โดยคุณเอฟได้นำแนวคิดจากคุณ Greg Baugues มาต่อยอดเพื่อสร้างระบบ sound notification ที่จะคอยแจ้งเตือนสถานะการทำงานในขั้นตอนต่างๆ ผ่านเสียง เนื้อหาในเซสชันนี้ครอบคลุมตั้งแต่การทำความเข้าใจ hook event ประเภทต่างๆ เช่น PostToolUse หรือ UserPromptSubmit ไปจนถึงวิธีการตั้งค่าไฟล์ JSON และการเขียนสคริปต์ python อย่างง่ายเพื่อเรียกใช้งานไฟล์เสียงจาก Epidemic Sound นอกจากนี้ยังมีการสาธิตตัวอย่างการใช้งานจริงที่ Claude สามารถทำงานตั้งแต่เขียนโค้ด ทดสอบ ไปจนถึงเปิด pull request พร้อมส่งเสียงรายงานสถานะให้เราทราบในแต่ละขั้นตอน ช่วยเปลี่ยนการนั่งเฝ้าหน้าจอให้เป็นการทำงานที่มีประสิทธิภาพและเพลิดเพลินยิ่งขึ้น
Chapters
- ที่มาของ Hook: วิธีแก้ปัญหาคนขี้เกียจที่ไม่อยากเฝ้าหน้าจอตอน AI ทำงาน 0:00
- Hook คืออะไร? และเราสามารถดักจับ Event อะไรมาเล่นได้บ้าง 0:59
- ขั้นตอนการตั้งค่าไฟล์ Setting JSON และโครงสร้างการรันสคริปต์ Python 1:43
- เทคนิคการสร้างเสียงพากย์แจ้งเตือนให้น่าสนใจด้วย Epidemic Sound 3:11
- Demo: เมื่อ Claude เขียนโค้ดและทำ PR ให้เราแบบมีเสียงพากย์ประกอบทุก Step 4:06
Transcript
คำบรรยายต่อไปนี้อาจไม่ถูกต้องทั้งหมด หากคุณพบข้อผิดพลาดใดๆ คุณสามารถคลิกเมาส์ขวาบนข้อความเพื่อรายงานได้ทันที หรือ แก้ไขบน GitHub
ที่มาของ Hook: วิธีแก้ปัญหาคนขี้เกียจที่ไม่อยากเฝ้าหน้าจอตอน AI ทำงาน0:00
อ่ะโอเคครับผม สวัสดีครับผมทุกคนผมชื่อเอฟนะครับ วันนี้จะมาพูดเรื่อง Claude Hook ให้ฟังครับผม โอเคผมเชื่อเนาะว่าหลายๆคนที่พอได้รู้จัก Claude ครั้งแรกเนี่ยมันเปลี่ยนอะไรหลายๆ อย่าง ในแนวทางการเขียนโค้ดของเรามาก สิ่งหนึ่งที่ผมได้ค้นพบนะครับจากการใช้ Claude คือผมขี้เกียจมากขึ้นครับ [เสียงหัวเราะ] ปัญหาของ Claude เลยนะครับ ตอนแรกก็ไม่ใช่ว่าปัญหาหรอก เป็นปัญหาของตัวผมเองเนาะ คือมันสามารถจัดการงานหลายๆ อย่างของเราเนี่ย
จนเราสามารถไว้ใจที่เราไม่จำเป็นต้องมอนิเตอร์ตลอดเวลาแล้ว จนบางครั้งเนี่ยเวลาที่ผมสามารถให้มันทำงานง่ายๆ เนี่ย บางทีผมก็จะแอบไปอู้นอนบนโซฟา
แล้วค่อยลุกขึ้นมาดูค่อยมาดูผลลัพธ์ของมัน
ปัญหาคือบางทีผมไม่รู้ว่ามันจะเสร็จเมื่อไหร่ ผมก็จะลุกมาทุกแบบหนึ่งนาทีสองนาที บางทีแบบลุกจากโซฟาไปที่โต๊ะ กลายเป็นการ support ไม่รู้ตัว เราก็เลยแบบจะทำยังไงดีนะเราถึงจะมี System หรือเราจะมีระบบอะไรบางอย่างเนี่ย ที่มันสามารถ ping ให้เรารู้ว่ามันทำงานเสร็จเมื่อไหร่ หรือเราสามารถรู้ได้ว่า ในขั้นตอนต่างๆ ที่มันทำงานอยู่เนี่ย มันทำงานอะไรบ้าง โดยที่เราไม่จำเป็นต้องเฝ้าหน้าจออยู่ตลอดเวลาครับ
Hook คืออะไร? และเราสามารถดักจับ Event อะไรมาเล่นได้บ้าง0:59
ก็เลยเป็นที่มาของ… พอเขา announce เรื่องของ Claude Hook ขึ้นมาเนี่ยผมก็แบบตื่นเต้นมากเลยว่า เฮ้ย! มันจะมีโปรเจกต์ที่เราทำอะไรได้หลายอย่างเลยนะ หนึ่งในนั้นก็คือตัว Hook Event ครับที่เราสามารถไปดู Document มาได้ ทุกครั้งที่เราใช้งาน Claude เราจะเห็นนะครับว่ามันจะมี Event พุ่งขึ้นมาไม่ว่าจะเป็น
Writing ทำ Batch ทำ Command หรือว่าการ Edit อะไรต่างๆ
พวกนี้มันจะเด้งขึ้นมา ตรงเนี้ยแหละครับเราสามารถเล่นกับมันได้เอามา Map กับโค้ดที่เราเขียนขึ้นมาเองได้เพื่อทำเป็น Notification หรือทำ Action อะไรก็ได้ที่เราต้องการนะครับ และด้วย Claude Hook ตัวนี้เนี่ยเราสามารถทำโปรเจกต์ ทิ้งง่ายๆ ได้เลยด้วยการทำ Claude Hook Sound Notification ซึ่งวันนี้เดี๋ยวผมจะมา Demo ให้ดูและอธิบายโครงสร้างทั้งหมดและวิธีการทำครับ โอเคเนาะ ก็
ขั้นตอนการตั้งค่าไฟล์ Setting JSON และโครงสร้างการรันสคริปต์ Python1:43
Claude Hook นะครับจริงๆมันจะมีหลาย Event ที่เราสามารถไปเลือกใช้ได้เนาะ แต่ผมจะสรุปสั้นๆนะว่าผมใช้อะไรบ้าง ผมใช้เป็น Post Tool Use ครับ เพราะ พอ Tool Use เสร็จแล้วปุ๊บเนี่ยมันก็จะปิงให้ไปยิงโค้ดผม อีกตัวนึงก็จะเป็น User Prompt Submit พอผม Prompt ไปปุ๊บเนี่ยมันก็จะไปยิงโค้ดผม เพื่อทำสคริปต์อะไรบางอย่างนะครับ ซึ่งตัวนี้ก็บอกเลยว่าได้แรงบันดาลใจมาจาก นี่ครับคุณเกร็กนะครับ ก็สามารถไปเสิร์ชได้ครับ Claude Code Get Started with Hooks ก็อธิบายค่อนข้างดีแล้วก็โชว์ Demo โปรเจกต์ที่เขาทำด้วยครับ โอเคเนาะ แล้วถ้าเกิดใครอยากได้โค้ดเนาะ ซึ่งผมแนะนำว่าให้ไปเสิร์ชของเขาดีกว่าเนาะ ก็จะมีโค้ด Python ที่ใช้ในการยิงสคริปต์ในการทำ Sound Notification มา ก็สามารถใช้ตรงนี้เป็นแรงบันดาลใจได้ แต่จริงๆ Claude มันเก่งมากครับ บอก Claude มันทำได้แป๊บเดียวไม่ได้ยากนะครับผม เนาะ โอเค ทีนี้ก่อนที่ผมจะโชว์นะว่าผมสามารถสร้างเสียงแล้วเอาไปต่อยังไงเนี่ย
เดี๋ยวผมจะมาอธิบายตัวนี้อีกทีนึง ผมให้ดูตัวไฟล์สองตัวที่จำเป็นก่อนนะครับ ตัวแรกเลยนะครับคือตัว Claude Setting เราจะมี Setting JSON ของ Claude ทุกคนเนาะ ไม่ว่าจะเป็นในระดับ User ในระดับ Project อืมหรือระดับอะไรก็ตามเนาะ ตรงนี้เราสามารถ Setting ได้ ตัวที่สำคัญนะครับเราให้ Claude มันเขียนให้ก็ได้ครับ จะเห็นว่าเนี่ยผมใช้ตัว Post Tool Use แล้วก็ User Prompt Submit Notification ตรงนี้จริงนะครับไม่ต้องสนใจมัน [เสียงหัวเราะ] มีสองตัวนี้ที่สามารถใช้งานได้ มันก็จะไปเรียกสคริปต์ที่ผมเขียนด้วย Python นะครับ ซึ่งผมก็ลอกๆมาจากตัวคุณเกร็กนี่แหละ หน้าตาจะเป็นประมาณนี้ครับ
เทคนิคการสร้างเสียงพากย์แจ้งเตือนให้น่าสนใจด้วย Epidemic Sound3:11
หน้าที่ของสคริปต์ตัวนี้นะครับคือการเรียก Sound ที่เราดาวน์โหลดมา อืมเราสามารถสร้าง Sound
อะไรก็ได้เพื่อให้เข้าใจว่าโค้ดตอนนั้นที่เราทำงานอยู่เนี่ย มันเรียกใช้งานอะไรอยู่ โดยเราจะสามารถใช้เป็นเสียงแมวก็ได้ ใช้เป็นเสียงนก เสียงกา เสียงไก่อะไรก็ได้เพื่อให้มันตอบสนองกับสิ่งที่เราต้องการเนาะ แต่ผมก็แบบมันเหงาอ่ะเขียนโค้ดคนเดียวอยากมีเสียงคนคุยด้วย ผมเลยใช้เว็บไซต์นี้ครับ ทุกคนลองไปเสิร์ชได้ Epidemic Sound นะครับ สมัครแค่เดือนเดียวหรือว่าใครที่มีฟรี Trial เนี่ยก็สามารถไปใช้ได้เนาะ เราก็จะได้แบบเสียงที่แบบ อะไรแบบนี้
I'm a versatile, full time voice artist specializing in …
ให้แบบเป็นอะไรที่เราต้องการเนาะ ประมาณนั้น พอแล้ว พอแล้ว พอแล้ว ยาว ยาว ยาวไป นะเราสามารถพร้อมอะไรก็ได้ให้มันพูดแบบที่เราต้องการนะครับ ตัว Epidemic Sound เนาะ ทีนี้ก็พูดมาเยอะแล้วเราพอเข้าใจแล้วนะว่าโครงสร้าง Structure เนี่ยมันเป็นยังไง ทีนี้มาลอง Demo กันเลยดีกว่านะครับ
Demo: เมื่อ Claude เขียนโค้ดและทำ PR ให้เราแบบมีเสียงพากย์ประกอบทุก Step4:06
อันนี้ผมจะ Demo ให้ดูเนาะว่าผมจะสั่งให้มันเขียน Hello world! แล้วก็ตั้งแต่เขียนโค้ด Push ขึ้น PR เปิด Pull Request จนจบงานเนี่ย เวลา Notification เนี่ยหน้าตาทั้งหมดจะเป็นยังไงครับ ประมาณนี้ Claude's ready to roll, dog. แปบนึง
New task on deck. Let's get it.
Time to mess with this file, homie.
Yo, we running this command?
Yo, we running this command?
จริงๆ มันแค่ Hello world! เนาะ ก็ไม่ต้องนานขนาดนี้ก็ได้ [เสียงหัวเราะ] Hey, we pushing this to the repo.
Running these tests. Let's see what's good. โห เขียน Hello world! นี่เขียน Test ให้ด้วย ขอบคุณครับผม Yo, we running this command? แล้วบอกเลยว่าประโยคจบเนี่ยผมชอบที่สุดแล้วเป็นแบบ… Boom, it's done. Light up a stogie or push the next job. Your call, boss. ขอบคุณครับผม [เสียงปรบมือ]