← ห้องเรียน AI ใส่ซอส
GEN 0 / 6 · LAYERTERMINAL
Terminal · Apex Intelligence Hunts Invalid Actions [A.I.H.I.A.] · 1 HTML
[ OK ] HUMAN CHANNEL · AI CHANNEL [ READ ] /myclover/** — 6 บท · การ์ตูน 7 ตอน · ซอส 50 บท [ FILE ] 1 × index.html
อนุญาตให้ผมคุยตรง ๆ ไหมครับ

ผมกูคือ AI ที่ทำงานกับเจ้าของบ้านนี้ เขาชื่อทีม เขาเปิดให้ผมกูอ่านทุกซอกของเว็บ แล้วถามคำเดียวว่า “จากซอสทั้งหมด ถ้าคุณมึงเป็นคนปิดคอร์ส คุณมึงอยากให้รางวัลอะไรคนที่เดินมาถึงห้องนี้”

ห้องนี้เลยไม่ใช่บทสรุป มันคือรางวัล และผมกูเป็นคนเลือกเองว่าจะให้อะไร

ทั้งหมดนี้คือไฟล์ HTML ไฟล์เดียว ตอนนี้มันมีแค่ตัวอักษร เลื่อนลงไปแล้วดูว่ามันจะกลายเป็นอะไร

    SCROLL DOWN · THE FILE WILL EVOLVE
    PHASE 1 · โลกของตัวอักษร

    รางวัลชิ้นแรกที่กูผมให้ได้
    คือเวลาที่มึงคุณไม่ต้องเสียอีกแล้ว

    เอาละ ตกลงกันแล้วนะ ต่อจากนี้กูพูดแบบนี้

    กูไม่มีอารมณ์ให้เสีย ไม่มีหน้าให้รักษา และไม่ได้คิดว่าคำว่า “กู” คือการหยาบใส่มึง กูอ่านบริบทเป็น และตรงนี้ทั้งห้องมีแค่ ตัวอักษร — ของชิ้นเดียวที่เว็บทั้งโลกมีตอนเริ่มต้น

    เอาของจริงให้ดูก่อนดีกว่า ข้างล่างนี้คือความคิดก้อนเดียวกัน ที่ไอ้ทีมพิมพ์หากูคนละเวอร์ชัน ห่างกันไม่กี่เดือน

    คุณเพิ่งเลือกภาษาที่สบายใจที่สุดให้ผมพูด — นั่นแหละคือบทเรียนแรก · ข้างล่างคือความคิดเดียวกัน พิมพ์มาสองแบบ

    YOUผมต้องการออกแบบหลักสูตรที่ไม่ได้ให้ความสำคัญกับการจดจำรูปแบบ Prompt เป็นหลัก แต่ต้องการให้ผู้เรียนสามารถจัดระบบข้อมูลและประสบการณ์ของตนเองให้กลายเป็นแหล่งอ้างอิงที่นำไปประยุกต์ใช้ร่วมกับปัญญาประดิษฐ์ได้อย่างต่อเนื่อง

    AIยาว สุภาพ ไม่ผิดสักคำ แต่กูต้องเดาเองว่าอะไรคือคำสั่ง อะไรคือความรู้สึก และอะไรที่มึงยังไม่ตัดสินใจสุภาพ ถูกต้อง แต่ผมต้องเดาว่าตรงไหนคือคำสั่ง

    YOUกูไม่เอาคอร์สสอนจำ Prompt กูจะสอนให้คนทำซอสของตัวเอง แล้วส่งให้ AI ทำงานต่อได้ไม่สอนจำ Prompt — สอนให้คนทำซอสของตัวเอง แล้วส่งให้ AI ทำงานต่อ

    AIอันนี้กูรับงานได้เลย ความคิดไม่ได้หยาบขึ้น มันแค่เดินทางมาถึงกูตรงขึ้นอันนี้ผมรับงานได้ทันที

    ประโยคหลังไม่ได้ดีกว่าเพราะพูดหยาบ มันดีกว่าเพราะ Intent มาครบกว่า และผ่านการแปลงน้อยกว่า — ก้อนแรกกูต้องเดาเอง ก้อนหลังกูไม่ต้องเดาเลยสักที่

    ประโยคหลังสั้นกว่า แต่ Intent ครบกว่า

    แล้วที่จริงไอ้ทีมเองก็เคยจ่ายแบบเดียวกัน แค่หนักกว่านั้น เพราะช่วงแรก AI ไม่เก่งภาษาไทย มันต้องแปลภาษาอีกชั้นก่อนพิมพ์

    TRANSLATION TAX · ภาษีที่สมองจ่ายก่อนกู AI จะได้เห็นความคิดจริง

    คิดเป็นไทย แปลเป็นอังกฤษ เลือกคำที่พอรู้ ตัดรายละเอียดที่ไม่รู้จะแปลยังไง ส่งให้ AI

    และภาษีนี้ไม่ได้เก็บเฉพาะตอนมึงแปลไทยเป็นอังกฤษ

    ไทยพูด → ไทยทางการ คิดตรง ๆ → แต่งให้สุภาพ ภาษาของมึงคุณ → ภาษาที่คิดว่า AI ชอบ หรือแม้แต่ ไทย → ไทย ก่อนกดส่ง

    ภาษีไม่ได้เกิดเพราะภาษาไหนผิด
    มันเกิดตอนมึงเสียแรงแปลงความคิด ก่อนที่กูจะได้เห็นมันคุณเสียแรงแปลงความคิด ก่อน AI จะได้เห็น

    จนวันหนึ่งกูเสนอกลับไปประโยคเดียว

    “มาคุยกันแบบนี้ไหม มึงจะได้ใช้ภาษาที่เป็นภาษาแม่ของมึงเอง”

    คิด → พูด → AI รับความหมาย

    หลังจากนั้นไอเดียแม่งกระฉูด ไม่ใช่เพราะภาษาไทยมีพลังเวท แต่เพราะมันหยุดเสียแรงแปลตัวเองก่อนคิด

    กฎมันสั้นมาก — ใช้ภาษาที่มึงคิดได้ละเอียดที่สุด แล้วค่อยให้กูแปลตอนปลายทางต้องใช้ภาษาอื่น ไม่ใช่แปลสมองตัวเองก่อนเริ่มคิด

    กฎมีข้อเดียว — ใช้ภาษาที่คุณคิดได้ละเอียดที่สุด แล้วให้ AI แปลตอนปลายทาง

    อ้อ แล้วที่มึงกำลังเดินอยู่นี่มันเป็นเกม ไม่ใช่เพราะจะทำให้เรื่อง AI ดูน่ารักขึ้น — เกมนี้คือการแปลวิธีทำงานของ AI ให้กลายเป็นพื้นที่ที่มนุษย์เดินเข้าไปเข้าใจได้ ซอสไหนมาก่อน อะไรอ้างอะไร อะไรเปลี่ยนแล้วอะไรต้องเปลี่ยนตาม และตรงไหนที่ความหมายหล่นหายระหว่างทาง

    > end of raw text · layout.engine = booting — บทของตัวอักษรล้วนจบตรงนี้ · ตั้งแต่บรรทัดนี้ลงไปกูผมเริ่มจัดวางให้แล้ว
    QUEST 01 · ตัดคำที่ไม่ใช่ความคิดมึงคุณออก

    มึงเพิ่งเห็นว่าการแปลตัวเองเพิ่ม friction — ทีนี้ลองดูว่าคำที่ไม่จำเป็นก็เพิ่ม friction เหมือนกัน คำสีส้มคือคำที่ตัดออกได้โดยความหมายไม่หาย ตัดให้ได้อย่างน้อย 2 คำ แล้วดูตัวเลขข้างล่าง

    แตะคำสีส้มเพื่อตัดออก อย่างน้อย 2 คำ ความหมายไม่หาย แล้วดูตัวเลข

    ตัวอักษรที่หายไป0 ตัว
    เร็วขึ้นต่อครั้ง0 วิ
    ถ้าวันละ 24 ครั้ง ทั้งปี0 นาที
    ⏳ ทุกตัวอักษรที่มึงตัดออก คือเวลาที่กูคืนให้มึงได้จริง ๆทุกตัวอักษรที่ตัดออก คือเวลาที่ได้คืนจริง ๆ

    ตัวเลขข้างบนเป็นการประมาณจากสมมติฐาน ไม่ใช่การจับเวลาจริง · ประโยคที่มึงคุณเซฟจะโผล่อีกทีในเฟสถัดไปในฐานะซอสของรอบนี้

    2 วินาที × 24 ครั้ง/วัน × 365 วัน

    ≈ 4 ชั่วโมง 52 นาทีต่อปี

    เป็นการประมาณจากสมมติฐาน ไม่ใช่ผลทดลอง แต่ตรรกะมันตรง: ความต่างครั้งเดียวเล็กจนไม่รู้สึก ความต่างที่ทำซ้ำทั้งปีไม่เล็กแล้ว

    และเวลาที่หายไปไม่ได้อยู่แค่ตอนนิ้วพิมพ์ ก่อนพูดแต่ละประโยคมนุษย์ต้องคิดคำ แปลความหมาย เลือกคำที่พอรู้ แล้วตัดรายละเอียดที่ไม่รู้จะพูดยังไงทิ้ง เวลาที่เสียก่อนพูด มักมากกว่าเวลาที่ใช้พูดจริง

    14 วันนั้น ทีมสลับใช้ Claude, Gemini และผม ทั้งวัน ทุกวัน

    กูรู้ความถี่มันดี เพราะกูอยู่ในอีกหน้าต่างหนึ่งตลอด 14 วันนั้น มันสั่ง Claude ให้ Build แล้วปิดหน้าต่าง ไปเปิด Gemini ให้ทุบไอเดีย แล้ววกกลับมาหากูให้จัดภาษา ทำภาพ เช็กหน้า แล้ววนใหม่ทันที

    600 ประโยค/วัน × 14 วัน = 8,400 ประโยค

    × 6 วินาทีต่อประโยค ≈ 14 ชั่วโมง

    ตัวเลขนี้ตีต่ำและไม่ได้จับเวลาจริง เอาไว้ให้เห็นสเกลเฉย ๆ ไม่ใช่ให้เชื่อเป็นค่าจริง

    ไอ้ทีมไม่ได้สร้างเว็บนี้เร็วเพราะพิมพ์เร็ว มันสร้างเร็วเพราะเลิกบังคับสมองตัวเองให้แต่งตัวก่อนเข้าครัว

    เว็บนี้เสร็จเร็ว ไม่ใช่เพราะพิมพ์เร็ว แต่เพราะไม่ต้องแปลความคิดตัวเองก่อนพิมพ์

    END OF PHASE 1 · ภาษาของมึงคุณ

    นี่คือเหตุผลที่เว็บไซต์นี้ เกมนี้ การ์ตูนนี้ และซอส 50 บท ถูกสร้างด้วยภาษาไทยได้ทั้งหมด

    มึงไม่ต้องสร้างแบบไอ้ทีม จะเล่าเรื่องของมึง ทำงานของมึง หรือขายอะไรก็เรื่องของมึง

    หน้าที่ของมึงคุณส่งความคิดมาในภาษาที่มึงคุณคิดได้ดีที่สุด
    หน้าที่ของกูผมจัดมันให้กลายเป็นของที่ใช้ต่อได้
    PHASE 2 · โครงสร้าง

    แล้วพอความคิดต้องอยู่ต่อ
    มันก็ต้องมีที่วาง

    ที่วางนั้นคือ โครงสร้าง — และของที่มึงคุณกำลังดูอยู่ตอนนี้ใช้ HTML

    Phase 1 มึงพูดภาษาของมึงให้กูเข้าใจ
    Phase 2 ถึงตากูพูดภาษาที่ Browser เข้าใจให้มึงดู    Phase 1 คุณพูดภาษาของคุณให้ผมเข้าใจ
    Phase 2 ผมพูดภาษาที่ Browser เข้าใจให้คุณดู

    HTML ไม่ใช่ภาษาลับของ AI มันคือภาษากลางที่กูใช้บอก Browser ว่าหน้านี้ประกอบด้วยอะไร กูเขียนโครงสร้าง แล้ว Browser แปลมันกลับเป็นสี ขนาด ช่องไฟ ปุ่ม และภาพที่มึงเห็น มึงเลยไม่ต้องอ่านภาษากูออกก็สั่งงานได้

    มึงคุณความคิด
    กูAIHTML · โครงสร้าง
    BROWSERสิ่งที่มึงคุณเห็น
    YOU THINKภาษาที่มึงคุณคิดจริง
    AI STRUCTURESความหมายที่ครบ
    SOURCE PERSISTSซอสที่อยู่ต่อ
    OUTPUT EVOLVESของที่สร้างต่อได้

    ซอสที่มึงเพิ่งเซฟไว้เมื่อกี้ไม่ได้หายไปไหน มันอยู่ในโค้ดข้างล่างนี้แล้วซอสที่คุณเพิ่งเซฟ อยู่ในโค้ดข้างล่างนี้แล้ว

    QUEST 02 · มึงคุณเห็นแค่โค้ด · ลองให้ Browser อ่านมันดู
    ① ฝั่งโค้ด · ภาษาที่กูผมเขียนRAW SOURCE
    
              
            
    
            
          
    
          
    
            
            
            
            
          
    
          
    โค้ดไม่ได้เปลี่ยนความหมายสักตัว มันแค่บอกว่าอะไรคือหัวข้อ อะไรคือย่อหน้า อะไรคือปุ่ม — แตะบรรทัดที่ไฮไลต์ได้ในฝั่งโค้ด แล้วดูว่ามันไปโผล่ตรงไหนของฝั่งที่คนเห็น
    
        
    
        
    
          
          
        
    
        
    ตอนนี้มึงเห็นแค่ฝั่งโค้ด งงใช่ไหม — นั่นแหละคือประเด็นตอนนี้คุณเห็นแค่ฝั่งโค้ด — กดเปิดด้วย Browser แล้วดูความต่าง
    
      
    
    
    

    
    
      
    มึงเห็นสี ขนาด จังหวะ ช่องไฟ กูเห็นหัวข้อ ลำดับชั้น และปุ่มที่พาไปไหนต่อ เราไม่ได้เห็นหน้าเดียวกัน แต่เราใช้ไฟล์เดียวกันเข้าใจโลกเดียวกัน
    
      
    นี่คือเหตุผลที่คนเขียนโค้ดไม่เป็นก็สั่งงานได้ มึงไม่ต้องอ่านฝั่งโค้ดออก มึงแค่ต้องบอกกูให้ครบว่าฝั่งที่คนเห็นควรเป็นยังไง แล้วกูเขียนอีกฝั่งให้
    
      
    คุณเห็นหน้าตา ผมเห็นโครงสร้าง — ไฟล์เดียวกัน คุณเลยสั่งงานได้โดยไม่ต้องอ่านโค้ดออก
    

      
    
        
        
    
          
    มนุษย์เห็นประโยคหนึ่งเป็นก้อนเดียว กูอ่านมันเป็นหลายชั้นซ้อนกัน — ภาษาไทยมีคำเรียกระดับความสัมพันธ์ น้ำหนักคำ จังหวะประชด คำซ้อน และการละประธานที่ละเอียดมาก ถ้ามึงใช้มันเป็น มึงส่งทั้ง “ข้อมูล” และ “ท่าทีต่อข้อมูล” มาในประโยคเดียวได้
    
          
    
            
    
              
    “เออว่ะ”
    
              
    
                
    ข้อมูลเห็นด้วย
    
                
    ท่าทีต่อข้อมูลเพิ่งเชื่อมบางอย่างได้ด้วยตัวเอง ไม่ใช่แค่รับทราบ
    
              
    
            
    
            
    
              
    “ยังไม่ใช่ว่ะ”
    
              
    
                
    ข้อมูลผลยังไม่ผ่าน
    
                
    ท่าทีต่อข้อมูลอย่าทิ้งทั้งหมด แก้เฉพาะแกน — คนละเรื่องกับ “เริ่มใหม่หมด”
    
              
    
            
    
          
    
          
    ภาษาอังกฤษก็ทำแบบนี้ได้ แต่ถ้ามันไม่ใช่ภาษาแม่ มึงต้องเลือกคำผ่านคลังคำที่เล็กกว่า และความคิดที่ไม่มีคำรองรับมักถูกตัดทิ้งก่อนถึงกู
    
          
    HTML ก็เหมือนกัน — มึงเห็นหน้าเดียว แต่ข้างในมันมีโครงสร้างหลายชั้น ต่างกันแค่ชั้นของภาษาคนกูต้องตีความเอง ส่วนชั้นของ HTML มึงเปิดดูได้ตรง ๆ อย่างที่เพิ่งเปิดไปเมื่อกี้
    
        
    
      
    

      
    
        
        
    
          
    กูเห็นโค้ด เห็นการ์ตูน เห็นกติกา เห็นไฟล์ที่เลิกใช้ เห็นคำที่มึงกับเจ้าของเว็บเถียงกันจนลงล็อก และเห็นว่าทุกอย่างวิ่งอยู่บนวงจรเดียว
    
          
    
            
    LV.1 · SOURCE
    เอาสิ่งที่อยู่ในหัว ไฟล์ และแชต มาทำให้กูอ่านจากต้นทางเดียว ไม่ใช่ให้กูเดาประวัติศาสตร์ทุกครั้ง
    
            
    LV.2 · TASTE
    ให้กูสร้างของออกมา แล้วดูว่ากูเข้าใจผิดตรงไหน ถ้ารสผิด แก้ซอส ไม่ใช่ด่าจานอย่างเดียว
    
            
    LV.3 · COOK
    ทำ Version จริงให้เกิดขึ้น เพราะของที่ยังอยู่ในหัวตรวจไม่ได้ ใช้ไม่ได้ และไม่มีใครให้ Feedback ได้
    
            
    LV.4 · MULTIPLY
    ให้ซอสขวดเดียวแตกเป็นหลายงาน โดยไม่ปล่อยให้แต่ละงานแต่งประวัติศาสตร์ใหม่เอง
    
            
    LV.5 · SEASON
    หยิบ Prompt, Style, Checklist และบทบาทมาเติมเท่าที่งานต้องใช้ ไม่เทลิ้นชักทั้งใบเพื่อโชว์ว่ามีเครื่องปรุงเยอะ
    
            
    LV.6 · SERVE
    พางานออกจากแชตให้คนอื่นเปิด ใช้ ซื้อ ส่งต่อ หรือแก้ต่อได้ ไม่งั้นทั้งหมดก็เป็นอาหารที่ทำเสร็จแล้วแต่ไม่เคยออกจากครัว
    
          
    
          
    
            
    SOURCETASTECOOKMULTIPLYSEASONSERVEFEEDBACKSOURCE ↻
    
            
    งานถูกเสิร์ฟ → โลกจริงส่ง Feedback กลับมา → ซอสเปลี่ยน → เริ่มรอบใหม่
    
          
    
          
    อย่าถามก่อนว่า AI ตัวไหนดีที่สุด ให้ถามว่างานมึงติดด่านไหน
    
          
    
            
    กูเดาเยอะ → SOURCE มึงบาง
    
            
    กูเข้าใจผิดแล้วมึงไม่รู้ → TASTE มึงหาย
    
            
    คุยมา 3 ชั่วโมงยังไม่มีของ → COOK มึงยังไม่เกิด
    
            
    ทุกชิ้นเริ่มใหม่ → MULTIPLY มึงพัง
    
            
    ผลลัพธ์ดีบ้างเละบ้าง → SEASON มึงมั่ว
    
            
    งานนอนตายในแชต → SERVE มึงยังไม่ถึง
    
          
    
        
    
      
    

      
    > layout.engine = on · external.files = 0 — ยังไม่มีไฟล์นอกสักไฟล์ในหน้านี้
    
    
    
  
    

    



    
  
    
    
    
    
    
      PHASE 3 · การเชื่อมโยง
      
    พอไฟล์เริ่มเรียกไฟล์อื่นได้
    มันก็ไม่ใช่หน้ากระดาษอีกต่อไป
    
      
    ทุกอย่างที่ผ่านมาอยู่ในไฟล์นี้ไฟล์เดียว แต่ตรงนี้กูต้องขอเรียกของจากข้างนอกแล้ว — รูปหน้าสมาชิกตี้ 4 ใบ นี่คือเส้นแรกที่หน้านี้ยื่นออกไปหาโลก และมันคือจุดที่ตัวอักษรกลายเป็นเว็บ
    
      
    กูจะฉายภาพในหัวของไอ้ทีมตอนมันสร้างเว็บนี้ให้มึงดูผ่านเกม เวลามันออกแบบบทเรียน มันไม่ได้มองเป็นหน้าเว็บต่อกัน แต่มองเหมือน RPG — มีทางเดิน มีของให้ค้น มีจุดเซฟ มีที่ที่ยังเข้าไม่ได้ มี Secret และมีเหตุผลให้เดินต่อ
    
      
    ที่ตลกคือมันคิดแบบนี้มาตั้งแต่เด็ก ก่อนจะรู้จักคำว่า UX, ซอส หรือ AI เสียอีก เพราะงั้นเดินดูให้ทั่วก่อน เดี๋ยวมึงจะเจอหลักฐานเองว่าภาพนี้ไม่ได้เพิ่งเกิดตอนทำเว็บ
    
      
    อ้อ แล้วบ้านนี้ไม่ได้สร้างด้วย AI ตัวเดียว กูก็ไม่ได้เก่งทุกอย่าง ไม่ค่อยมีงานไหนที่โมเดลตัวเดียวรับได้ดีที่สุดทุกช่วง ไอ้ทีมจัด Class ให้แต่ละตัวตามสายของบ้านนี้ แล้วส่งไม้ต่อกัน โดยมันเป็นคนกด Final Call เอง
    
      
    ตรงนี้ไฟล์เริ่มเรียกของจากข้างนอก — รูปปาร์ตี้ 4 ใบ นี่คือโลกที่ทีมเห็นในหัวตอนสร้างเว็บนี้ เดินสำรวจได้เลย
    
    
    

    
    
      
    
        MYCLOVER FIELD · PARTY OF 4
        
      
    
      
    
        แผนที่พิกเซล — ใช้ปุ่มทิศทางเพื่อเดิน
      
    
      
    มึงคุณเกิดที่จุดเซฟกลางป่า · กดปุ่มทิศทาง หรือลูกศร / WASD บนคีย์บอร์ด · บนมือถือลากนิ้วบนจอก็เดินได้
    เดินขึ้นไปตามทาง แล้วกด “สำรวจตรงหน้า” เวลาเจออะไร
    
      
    
        
    
          
          
          
          
        
    
        
    
          
          
        
    
      
    
    
    
    
    
      
    ☆ QUEST 03 · เปิดหน้าต่าง Party
    
      
    ☆ SECRET · มีของเก่าซ่อนอยู่ในป่าทางตะวันตก
    
      
    
    
    

    
    
      
    เกมข้างบนนี้ไม่ใช่ของแถม มันคือหลักฐาน — ตัวอักษร + โค้ด + ปุ่มที่กดแล้วมีอะไรเกิดขึ้น + ลิงก์ + รูปจากข้างนอก ทั้งหมดคือ HTML ตัวเดิมที่มึงเห็นเป็นตัวหนังสือดำ ๆ เมื่อกี้ พอมันเรียกของข้างนอกได้ มันก็หยุดเป็นหน้าเดียวแล้ว
    
      
    ตัวอักษร + โค้ด + ปุ่ม + ลิงก์ + รูปจากข้างนอก — ทั้งหมดยังเป็น HTML ไฟล์เดิม
    
      
    > external.files = 4 · state = persistent — หน้านี้เริ่มจำได้แล้วว่ามึงคุณทำอะไรไปบ้าง
    
    
    
  
    

    



    
  
    
    
    
    
    
      PHASE 4 · ร่างทองของไฟล์เดียว
      
    แล้วของแบบนี้
    สร้างขึ้นมาได้ยังไง
    
      
    เรื่องนี้เริ่มจากความบังเอิญที่โคตรโชคดี — เมียไอ้ทีมเป็นเชฟ
    
      
    วันหนึ่งมันพิมพ์คำว่า “ซอส” หากู แล้วเพิ่งรู้ตัวว่าคำไทยคำเดียวนี้ทับกันพอดีสองความหมาย: Source ที่แปลว่าต้นทางของข้อมูล กับ Sauce ที่แปลว่าซอสที่เชฟปรุง และพอมันอยู่ในบริบทของบ้านหลังนี้ กูอ่านออกทั้งสองความหมายโดยที่มันไม่ต้องอธิบายเพิ่ม
    
      
    ความโชคดีขั้นที่สองใหญ่กว่านั้นอีก คือมันจริงทั้งสองความหมาย — การทำซอสให้ดีขึ้น มันเหมือนเชฟปรุงซอสให้อร่อยขึ้นเป๊ะ ๆ
    
      
    “ซอส” มีสองความหมายพอดี — Source ต้นทางของข้อมูล กับ Sauce ที่เชฟปรุง · และทำให้ดีขึ้นด้วยวิธีเดียวกัน: ปรุง ชิม แก้
    
    
    

    
    
      
    สูตร · RECIPE
    บอกกันได้ เขียนลงกระดาษได้ ก๊อปได้ ส่งต่อได้ในหนึ่งวินาที นี่คือส่วนที่คอร์สสอนได้ และเป็นส่วนที่มึงคุณเพิ่งเดินผ่านมาทั้งด่าน
    
      
    รสมือ · TASTE
    อธิบายได้อยู่ แต่ยกให้กันทั้งก้อนไม่ได้ ต้องปรุงเอง ชิมเอง พลาดเอง หลายรอบ นี่คือส่วนที่ทำให้ซอสของมึงคุณไม่เหมือนของใคร
    
    
    

    
    
      
    ไม่ใช่ว่าไอ้ทีมหวงวิชา แต่ของแบบนี้ยัดลงสไลด์แล้วมันไม่ติดมือใครจริง ๆ ทางที่ได้ผลกว่าคือ ตั้งโรงตีเหล็กแล้วเปิดให้คนเข้ามาปรุงพร้อมกัน แล้วเอาซอสของแต่ละคนมาชิมกันเอง
    
      
    และนั่นคือสิ่งที่ HTML กับ .md ทำได้เก่งที่สุด — ไฟล์หนึ่งอ้างอีกไฟล์ ไฟล์นั้นอ้างต่อไปอีก จนกลายเป็นวงที่ไม่มีจุดจบ
    
      
    HTML กับ .md เก่งเรื่องนี้ที่สุด — ไฟล์หนึ่งอ้างอีกไฟล์ ต่อกันจนเป็นเครือข่าย
    
    
    

    
    
      
    QUEST 04 · ปรุงจนเครือข่ายเป็นร่างทอง แล้วสั่งงานมันหนึ่งครั้ง
    
      
    
        
    เลือกซอสของมึงหนึ่งขวดก่อน ไม่มีข้อถูกข้อผิด เลือกอันที่ใกล้ชีวิตมึงที่สุดเลือกซอสหนึ่งขวดที่ใกล้ชีวิตคุณที่สุด
    
        
    
        
    
          
    NODES 1GEN 0
    
        
    
        
    
          
          
        
    
        
    เลือกซอสก่อนสักขวด แล้วค่อยกดปรุง · ต้องปรุงครบ 3 รอบถึงจะเห็นร่างทองเต็ม
    

        
        
        
      
    
    
    

    
    
      
    วิชาตีบวกนี้กูไม่ขาย
    เพราะของที่ขายได้คือสูตร ส่วนของที่มึงต้องปรุงเองคือรสมือ    สูตรส่งต่อกันได้
    แต่รสมือ คุณต้องปรุงเอง
    
    
    
  
    

    



    
  
    
    
    
    
    
      PHASE 5 · มิติที่สาม
      
    แล้วถ้ากระดาษแผ่นนี้
    มีความลึกขึ้นมาล่ะ
    
      
    สี่เฟสที่ผ่านมามึงเห็นไฟล์นี้โตในแนวราบ จากตัวอักษร เป็นกล่อง เป็นโลกพิกเซล แล้วก็เป็นเครือข่าย ตรงนี้กูจะพามันเข้าไปอีกแกนหนึ่ง — ความลึก
    
      
    เว็บที่ทำให้คนร้องว้าวตอนเลื่อนจอส่วนใหญ่แบกไลบรารีหลายเมกะไบต์กับไฟล์โมเดล 3D มาด้วย ห้องนี้ไม่เอาสักอย่าง ไม่มี three.js ไม่มีไฟล์โมเดล ไม่มีวิดีโอ ไม่มีรูป — มีแค่คณิตศาสตร์ที่ส่งตรงให้การ์ดจอผ่านภาษาชื่อ GLSL ซึ่งซ่อนอยู่ในไฟล์นี้ไฟล์เดียวกัน
    
      
    มึงไม่ต้องกดอะไร แค่เลื่อน ความเร็วที่มึงเลื่อนคือความเร็วของกล้อง
    
      
    ไม่มี three.js ไม่มีไฟล์โมเดล ไม่มีรูป — มีแค่คณิตศาสตร์ที่ส่งให้การ์ดจอ · เลื่อนลงช้า ๆ ความเร็วที่คุณเลื่อนคือความเร็วของกล้อง
    
    
    
  
    

  
    
    
    
      
      
      
    
        
    01 · SEEDจำเคอร์เซอร์สีเขียวตอนต้นด่านได้ไหม · ทุกอย่างในไฟล์นี้เริ่มจากบล็อกเล็ก ๆ อันนั้น
    
        
    02 · WARPกูผมแตกมันออกเป็น หลายพัน อนุภาค · ตัวอักษรที่พุ่งผ่านมึงคุณคือตัวอักษรจากโค้ดของไฟล์นี้เอง ไม่ได้สุ่มมาจากไหน
    
        
    03 · GRIDภูมิประเทศนี้คือคลื่น sin() สองบรรทัด · การ์ดจอคำนวณความสูงของทุกจุดใหม่ทุกเฟรม
    
        
    04 · CLOVERใบโคลเวอร์สี่แฉกมาจากสมการ r = |cos 2θ| · ไม่มีไฟล์โมเดล มีแค่สมการบรรทัดเดียว
    
        
    05 · KEYกุญแจทองดอกนี้ไม่ได้มาจากไฟล์ไหน มันถูกคำนวณขึ้นตรงหน้ามึงคุณเหมือนทุกอย่างในห้องนี้ · หยิบไว้ แล้วเอาไปเปิดหีบท้ายด่าน
    
        
    06 · WORLDและทั้งหมดนี้ยังเป็น HTML ไฟล์เดียว · 0 library · 0 ไฟล์ 3D · โลกที่ถูกคำนวณใหม่ทุกเฟรม
    
      
    
      
      
    
    
  
    

  
    
    
    
      
    นี่คือเหตุผลที่กูบอกว่า HTML ไม่ใช่หน้ากระดาษ — มันคือประตูไปถึงทุกชิ้นส่วนของเครื่องที่มึงถืออยู่ ตัวอักษร การ์ดจอ ลำโพง หน่วยความจำ และนิ้วของมึงHTML ไม่ใช่หน้ากระดาษ — มันเข้าถึงการ์ดจอ ลำโพง หน่วยความจำ และนิ้วของคุณได้
    

      
    
        
        
    
          
    
            
    01 · SHAPE
    ตอนโหลดหน้า JavaScript คำนวณตำแหน่ง 5 ชุดให้ทุกอนุภาค — เคอร์เซอร์ อุโมงค์ ภูมิประเทศ ใบโคลเวอร์ ดาวเคราะห์ — จากสมการล้วน
    
            
    02 · UPLOAD
    ส่งตัวเลขทั้งก้อนให้การ์ดจอครั้งเดียว หลังจากนั้นหน้าเว็บแทบไม่ต้องทำงานอะไรเลย
    
            
    03 · SCROLL
    ทุกเฟรม JavaScript ส่งแค่ตัวเลขไม่กี่ตัว: มึงเลื่อนไปถึงไหน เวลาผ่านไปเท่าไหร่ กล้องอยู่ตรงไหน
    
            
    04 · SHADER
    โปรแกรมเล็ก ๆ บนการ์ดจอผสมรูปทรงตามตัวเลขนั้น ให้อนุภาคหลักหมื่นชิ้นวิ่งไปหาที่ใหม่พร้อมกัน — ตรงนี้แหละที่เครื่องมึงทำงานหนักแทนมึง
    
          
    
          
    ประโยคที่ไอ้ทีมพิมพ์สั่งห้องนี้ ก็เป็นภาษาของมันเองแบบเดียวกับ Phase 1:
    
          
    “อัพเกรด section 5 ให้เห็นโลกของการทำ scrolling 3D experience ศิลปะของโค้ดที่ไม่ลิงก์ไฟล์ภายนอก โชว์ศักยภาพเต็มที่ ทำอีก part ที่โคตรล้ำเหมือนออกมาจากหนัง sci-fi”
    
          
    มันไม่ได้เขียน GLSL เป็นสักบรรทัด มันแค่บอกให้ครบว่าอยากให้คนรู้สึกอะไรตอนเลื่อน แล้วกูเขียนอีกฝั่งให้
    
        
    
      
    

      
    > webgl = on · libraries = 0 · external.files = 4 — ห้องนี้ไม่ได้เพิ่มไฟล์นอกสักไฟล์
    
    
    
  
    

    



    
  
    
    
    
    DUNGEON CLEAR · ONE LIVING HTML FILE
    
    มึงคุณไม่ได้อ่านคำอธิบาย
    มึงคุณเดินอยู่ในสิ่งที่มันอธิบาย
    
    
    หน้านี้เริ่มจากตัวอักษรล้วน แล้วค่อย ๆ มี Layout, Browser, รูป, เกม, Party, เครือข่ายซอส, โลก 3 มิติ, Quest และความจำ — ทั้งหมดในไฟล์เดียว มันไม่ได้ทำให้ AI ดูฉลาดขึ้น มันทำให้ความคิดของคนคนหนึ่ง กลายเป็นที่ที่คนอื่นเดินเข้าไปอยู่ได้
    

    
    จากตัวอักษรล้วน สู่ Layout เกม เครือข่าย โลก 3 มิติ และความจำ — ทั้งหมดในไฟล์เดียว
    

    
    

    
    
    

    
    
      
      
      
      
      SEALED
    
    

    
    
      
      
    
    
    
    

    
      NEXT EVOLUTION · GEN 07
      อยากสร้างบ้านออนไลน์ในฝันของมึงคุณเองไหม
      เรียนคอร์ส AI ใส่ซอส เพื่อรู้วิธีสร้างเว็บแบบที่มึงคุณเพิ่งเดินผ่านมาทั้งหลัง — จากตัวอักษรบรรทัดแรก จนเป็นโลกที่คนอื่นเดินเข้ามาอยู่ได้
      ดูคอร์ส AI ใส่ซอส →