VIM Master - เกมเบราว์เซอร์เบา ๆ สำหรับเรียนรู้คำสั่ง Vim

 (github.com/renzorlive)
24 คะแนน โดย GN⁺ 2025-08-29 | 2 ความคิดเห็น | แชร์ทาง WhatsApp
  • VIM Master คือ เกมฝึก Vim ที่รันได้บนเบราว์เซอร์โดยไม่ต้องติดตั้ง ช่วยให้เรียนรู้คำสั่งการเคลื่อนที่และการแก้ไขหลัก ๆ ได้แบบสั้น กระชับ และมีสมาธิ
  • รองรับฟังก์ชันสำคัญของ Vim เช่น โหมดปกติ/โหมดแทรก, บันทึกคำสั่ง, คำนำหน้าตัวเลข (เช่น 3w, 2dd), เลิกทำ/ทำซ้ำ
  • โหมดชาเลนจ์ ใช้ทดสอบความแม่นยำและความเร็วในการใช้คำสั่งภายใต้แรงกดดันด้านเวลา ช่วยสร้างแรงจูงใจในการเรียนรู้ด้วยระบบคะแนน
  • ใช้ เทคโนโลยีสแต็กขนาดเบา ที่ประกอบด้วย HTML, CSS, JavaScript และสามารถรันได้ง่ายโดยไม่พึ่งพา dependency
  • เป็นโปรเจกต์โอเพนซอร์สภายใต้สัญญาอนุญาต MIT และขยายต่อได้ง่ายด้วยการเพิ่มเลเวลแบบง่าย ๆ

โครงสร้างเลเวล

  • มีทั้งหมด 13 เลเวล โดยแต่ละเลเวลจะเน้นการเรียนรู้เพียงแนวคิดเดียว
    • เลเวล 1: คำสั่ง Ex (:q, :wq)
    • เลเวล 2: การเคลื่อนที่พื้นฐาน (h, j, k, l)
    • เลเวล 3: การเคลื่อนที่ตามคำ (w, b, e)
    • เลเวล 4: การเคลื่อนที่ตามบรรทัด (gg, G)
    • เลเวล 5: โหมดแทรก (a, การป้อนข้อความ, Esc)
    • เลเวล 6: พื้นฐานการลบ (dd, dw, x)
    • เลเวล 7: คัดลอกและวาง (yy, p)
    • เลเวล 8: ขอบเขตบรรทัด (0, $)
    • เลเวล 9: การต่อท้ายและขึ้นบรรทัดใหม่ (a, o, O)
    • เลเวล 10: การเปลี่ยนคำ (cw)
    • เลเวล 11: ลบจนถึงท้ายบรรทัดและแทนที่ (D, r)
    • เลเวล 12: คำนำหน้าตัวเลข (3w)
    • เลเวล 13: เลิกทำ/ทำซ้ำ (dd, u, Ctrl+r)

บทความที่เกี่ยวข้อง

2 ความคิดเห็น

 
roxie 2025-08-30

ฉันชอบ Vim Adventures มาก แม้จะเสียเงินก็ตาม
 
GN⁺ 2025-08-29
ความคิดเห็นจาก Hacker News

  • คงจะสนุกดีถ้ามีใครทำเกมที่เอา Guitar Hero มาผสมกับคีย์ไบน์ดิงของ Vim
    พิมพ์แท็บอย่างรวดเร็วให้เหมือนกำลังเล่นจริง และให้พิมพ์เส้น ASCII art อะไรทำนองนั้น ถ้ามีเทคนิคอย่างการแก้ไขหลายบรรทัดหรือการแทรกอักขระเฉพาะเข้าไปด้วย ก็น่าจะทำให้ใคร ๆ กลายเป็น vimgod ได้
    อีกด้านหนึ่ง ทุกครั้งที่มีคนเดินมาที่โต๊ะฉันแล้วอยากโชว์ความซับซ้อนของ Vim ด้วยทริกแก้ไขคำต่าง ๆ แต่กลับพลาดตลอด ก็ทำให้รู้สึกขึ้นมาว่านิ้วมือเราไม่ได้เป็นหนังยาง
    ฉันเป็นพวกที่ชอบ nano (พูดเล่นครึ่งหนึ่งพูดจริงครึ่งหนึ่ง)

  • Vim Adventures ก็น่าพูดถึงเหมือนกัน
    เกมนี้ก็ผ่านมาแล้วตั้ง 12 ปี และเคยถูกแนะนำใน กระทู้ Hacker News ก่อนหน้า ด้วย

    • ฉันได้เรียนรู้พื้นฐานของ Vim จากเกมนี้
      จนถึงตอนนี้มันก็ยังเป็นเกมที่ใช้ได้ดีทีเดียว

  • น่าแปลกที่ไม่มีการพูดถึง vimtutor เลย
    เท่าที่ฉันรู้ มันเป็นบทสอนที่มีมาให้ตามค่าเริ่มต้นในทุกสภาพแวดล้อมที่ติดตั้ง vim
    โปรเจกต์นี้ก็เจ๋งนะ แต่ก็น่าจะบอกถึงแนวคิดต้นฉบับอย่าง vimtutor ไว้สักหน่อย

    • จริง ๆ ฉันเข้ามาเพราะหวังว่านี่จะเป็นทางเลือกแทน vimtutor
      ถ้ามีบทสอนที่ค่อย ๆ เพิ่มระดับความยากสำหรับผู้ใช้ระดับกลางหรือขั้นสูงก็คงดีมาก
      จนถึงตอนนี้ฉันได้ทิปที่มีประโยชน์มากจริง ๆ จากบล็อกออนไลน์หรือเอกสารทางการของ vim
      ถ้ามี repository ที่แนะนำได้ ฉันอยากลองใช้มาก
    • อาจเปรียบ vimtutor เป็น Babbel ส่วนโปรเจกต์นี้เป็น duolingo ได้
      หลายคนชอบการเรียนรู้แบบเกม แต่บางคนก็มีแนวโน้มจะชอบสไตล์ตำราหรือบทสอนแบบดั้งเดิมมากกว่า
      ส่วนตัวฉันคิดว่าไม่ว่าจะใช้วิธีไหน ถ้าทำให้คนหันมาใช้ Vim และ Emacs มากขึ้นก็เป็นเรื่องดีทั้งนั้น
    • น่าเสียดายที่ vimtutor ไม่มีมาให้แล้วใน neovim fork

  • ตอนที่ฉันเริ่มเรียน Linux ใหม่ ๆ การทำตามบทสอน vim อย่างละเอียดช่วยได้มากจริง ๆ
    ฉันยังไม่ใช่มาสเตอร์ของ vim หรอก แต่เวลาที่ทุ่มไปตอนนั้นให้คุณค่ากลับมามากจริง ๆ

    • Neovim Tutor จัดระเบียบได้ดีกว่า Vim Tutor เดิมมาก
      ถ้าอยากจำคำสั่งคีย์ให้คล่องเร็วขึ้น แนะนำให้ทำบทสอนซ้ำจนกลายเป็นความจำของกล้ามเนื้อ
      พอถึงจุดนั้น เส้นโค้งการเรียนรู้ของ Vim จะดูน่ากลัวน้อยลงมากและเริ่มใช้งานได้จริงขึ้น

  • มีเว็บไซต์ชื่อ vim-adventures.com ด้วย

    • แต่เกมนี้จะพาไปสู่การจ่ายเงินหลังจากเล่นไปถึงจุดหนึ่ง
      ฉันไม่ได้มีปัญหากับโมเดลแบบนี้นะ แต่พอกำลังอินกับเกมอยู่แล้วเจอกำแพงจ่ายเงินแบบกะทันหันก็ทำเอางงเหมือนกัน
    • พูดตรง ๆ คือค่อนข้างน่าหงุดหงิด และเหมือนจะปลูกฝังนิสัยที่ไม่ค่อยดีกับ vim
      ตอนเริ่ม คุณใช้ได้แค่ h, j, k, l แต่หลายคีย์ที่อยู่ในหน้าช่วยเหลือกลับยังใช้จริงไม่ได้
      สุดท้ายเลยกลายเป็นกดแต่ปุ่มลูกศรไปเรื่อย ๆ เลเวลแรกก็ยาวเกินไปจนหมดสมาธิ
      ในพื้นที่ที่สอง เกมแนะนำการเคลื่อนที่ระดับคำ (w, b, e) แต่ตอนนั้นคุณยังใช้คีย์พวกนั้นไม่ได้ด้วยซ้ำ
      ตัวละครพูดถึงคีย์เหล่านี้แล้ว แต่ก็ยังล็อกอยู่ เลยยิ่งน่าหงุดหงิด
      สุดท้ายพอปลดล็อก w, b, e ได้แบบยากเย็น ฉันก็ลองย้อนกลับไปจุดเริ่มต้น แต่ดันยังมีช่องว่างระหว่างคำกับเครื่องหมายวรรคตอน ทำให้ต้องปลดล็อก B, 0, ^ และปุ่มตัวเลขเพิ่มอีก เลยยิ่งหงุดหงิดหนักกว่าเดิม
      ส่วนตัวฉันให้คะแนน [1/10] และไม่ค่อยแนะนำเลย
      คนส่วนใหญ่น่าจะเรียนคีย์ไม่กี่ปุ่มจาก vimtutor ได้เร็วกว่าเวลาที่ใช้ในเกมนี้กว่าจะปลดล็อกปุ่ม b แถมยังเรียนได้ถูกต้องกว่าด้วย
      ใน vim จริง ๆ แล้วสิ่งที่ต้องท่องจำมีไม่มาก
      แค่เข้าใจการผสมกันของคีย์เคลื่อนที่กับคีย์คำสั่งก็พอ เช่น ถ้ารู้ b, w, e กับ d ก็ทำ db, dw, de, dd ได้ทันที
      ไม่ใช่การเรียนทีละคำสั่งแยกกัน แต่เป็นการเรียนแบบเข้าใจการประกอบกัน
      คีย์เคลื่อนที่ตัวพิมพ์ใหญ่ก็เหมือนกัน เพราะช่วยให้เข้าใจแนวคิดได้ในครั้งเดียว ซึ่งนี่แหละคือความงามที่แท้จริงของ vim

  • Vim Hero ก็เป็นเว็บสำหรับผู้เริ่มต้นที่ค่อนข้างดีเหมือนกัน

  • VimGolf ก็สนุกดี แต่ความรู้สึกคือถึงจะได้เรียนทริกเจ๋ง ๆ เยอะ ทว่ากลับไม่ค่อยช่วยเรื่องความจำของกล้ามเนื้อที่ใช้จริงสักเท่าไร

    • รู้สึกแปลกนิดหน่อยที่ต้องมีบัญชี Twitter(X)
      ไม่เข้าใจว่าทำไมถึงต้องใช้สิ่งนั้น

  • การแมปปุ่ม Caps Lock ให้เป็นปุ่ม ESC คือสุดยอดทิปคีย์บอร์ดแฮ็ก

    • นี่แหละวิถีที่ถูกต้อง

  • เป็นเว็บไซต์ที่เจ๋งมากจริง ๆ
    ฉันเองก็กำลังทำ vimgolf.ai อยู่ด้วย โดยมีไอเดียคล้ายกัน
    ออกแบบมาเพื่อช่วยให้เรียนรู้การเคลื่อนที่ใหม่ ๆ ของ Vim
    ช่วงนี้ชีวิตยุ่งเลยพักไว้ก่อน แต่ก็อยากทำให้เสร็จให้ได้

    • เป็นไอเดียที่ดี!
      ถ้ามีแบบฝึกหัดสักไม่กี่ข้อให้ลองใช้ได้โดยไม่ต้องสมัครสมาชิก ก็น่าจะช่วยให้คนได้ลองด้วยตัวเองแล้วค่อยตัดสินใจ
    • องค์ประกอบอย่างการล็อกอิน/สมัครสมาชิก, นโยบายความเป็นส่วนตัว, และการไม่เป็นโอเพนซอร์ส อาจทำให้ผู้ใช้ Linux ทั่วไปรู้สึกไม่ค่อยอยากใช้
      กลุ่มเป้าหมายก็เฉพาะทางมากอยู่แล้ว ขอให้โชคดี

  • vimcasts.org/episodes/ ที่ออกมาตอนยุค screencast กำลังฮิตเมื่อก่อนก็น่าอ้างอิงเหมือนกัน