รู้จัก GitHub
ฉบับคนเพิ่งเริ่ม
ไม่ต้องเป็นโปรแกรมเมอร์ก็อ่านเข้าใจได้ ห้องนี้จะพาไปรู้จักว่า GitHub คืออะไร ทำงานยังไง และนักเรียนอย่างเราเอาไปใช้ประโยชน์อะไรได้บ้าง
GitHub คืออะไร?
GitHub คือเว็บไซต์สำหรับ เก็บไฟล์งาน (โดยเฉพาะโค้ด) ไว้บนอินเทอร์เน็ต พร้อมจดจำทุกครั้งที่เราแก้ไขงาน และเปิดให้คนอื่นมาช่วยทำงานด้วยกันได้
ลองนึกภาพ Google Drive + สมุดบันทึกประวัติ + ห้องทำงานกลุ่ม รวมกัน
เก็บไฟล์ได้เหมือน Drive · ย้อนดูได้ว่าแก้อะไรไปเมื่อไหร่เหมือนไทม์แมชชีน · และเพื่อนช่วยแก้งานพร้อมกันได้โดยไม่ทับกัน
เก็บงาน
ไฟล์อยู่บนคลาวด์ คอมพัง งานก็ไม่หาย
จำทุกการแก้ไข
แก้พลาด? ย้อนกลับไปเวอร์ชันเก่าได้
ทำงานร่วมกัน
หลายคนแก้โปรเจกต์เดียวกันได้อย่างเป็นระเบียบ
รายงาน_final.docx → รายงาน_final2.docx → รายงาน_final_จริงๆ.docx … GitHub แก้ปัญหานี้ได้ เพราะมันจำทุกเวอร์ชันให้เองในไฟล์เดียวGit กับ GitHub ต่างกันยังไง?
สองคำนี้ชื่อคล้ายกันจนงง แต่จริง ๆ เป็นคนละอย่าง:
Git
โปรแกรมที่ติดตั้งในคอมของเรา ทำหน้าที่ บันทึกประวัติการแก้ไข ของไฟล์ ใช้ได้แม้ไม่มีอินเทอร์เน็ต
GitHub
เว็บไซต์ที่ รับฝากงานที่ใช้ Git ไว้บนอินเทอร์เน็ต ให้แชร์และทำงานร่วมกับคนอื่นได้
Git = กล้องถ่ายรูป (ถ่ายภาพงานเก็บไว้ทีละช็อต)
GitHub = อัลบั้มออนไลน์ (เอาภาพไปเก็บและแชร์ให้คนอื่นดู)
คำศัพท์ที่ต้องรู้
แตะที่การ์ดเพื่อดูตัวอย่างเปรียบเทียบ
ภาพการทำงาน: Branch และ Merge
จุดแต่ละจุดคือ commit (การเซฟงาน 1 ครั้ง) เส้นล่างคืองานหลัก main ส่วนเส้นบนคือการแตก branch ไปลองทำส่วนใหม่ แล้ว merge กลับมา
ระหว่างที่เราลองทำกราฟอยู่ในกิ่งของตัวเอง เพื่อนยังแก้คำผิดในงานหลักได้ตามปกติ — พอเสร็จทั้งคู่ก็รวมกันเป็นงานเดียว ไม่มีใครทับงานใคร
เริ่มใช้งานครั้งแรก (ไม่ต้องใช้คำสั่งเลย)
มือใหม่เริ่มจากหน้าเว็บได้เลย ไม่ต้องลงโปรแกรมอะไร:
สมัครบัญชี
เข้า github.com → กด Sign up → ตั้ง username ดี ๆ (ใช้เป็นพอร์ตในอนาคต อย่าตั้งชื่อแปลกเกิน)
สร้าง Repository แรก
กดปุ่ม + มุมขวาบน → New repository → ตั้งชื่อ เช่น my-first-repo → ติ๊ก “Add a README file” → Create
แก้ไฟล์ README
คลิกไฟล์ README.md → กดรูปดินสอ ✏️ → เขียนแนะนำตัวเองสั้น ๆ
Commit ครั้งแรก
กด Commit changes → เขียนโน้ตว่าแก้อะไร เช่น “เพิ่มคำแนะนำตัว” → ยืนยัน 🎉 นี่คือ commit แรกของเรา!
ลองอัปโหลดไฟล์งาน
กด Add file → Upload files ลากไฟล์การบ้านหรือโน้ตมาวาง แล้ว commit อีกครั้ง
ดูประวัติ
กดคำว่า Commits (มีรูปนาฬิกา) จะเห็นทุกการแก้ไขเรียงตามเวลา — นี่แหละไทม์แมชชีนของเรา
นักเรียนเอา GitHub ไปใช้ทำอะไรได้บ้าง?
📁 คลังงานและการบ้าน
เก็บโค้ด รายงาน โน้ต ไว้ที่เดียว เปิดจากเครื่องไหนก็ได้ และย้อนดูเวอร์ชันเก่าได้
🌐 ทำเว็บไซต์ส่วนตัวฟรี
ใช้ GitHub Pages ทำเว็บแนะนำตัว ได้ลิงก์ ชื่อเรา.github.io แบบไม่เสียเงิน
💼 พอร์ตโฟลิโอ
ใช้ยื่นมหาวิทยาลัย สมัครค่าย หรือฝึกงาน กรรมการเห็นผลงานจริงและความสม่ำเสมอ
👥 ทำงานกลุ่ม
แบ่งงานผ่าน Issue แต่ละคนทำใน branch ของตัวเอง แล้วรวมผ่าน Pull Request
📝 จดโน้ตด้วย Markdown
เขียนสรุปบทเรียนเป็นไฟล์ .md จัดหัวข้อ ตัวหนา ตาราง ได้สวย ๆ
🎁 Student Developer Pack
นักเรียน/นักศึกษาสมัครรับสิทธิ์ฟรีได้ เช่น GitHub Copilot, โดเมน, เครื่องมือเขียนโปรแกรมต่าง ๆ
🔍 เรียนจากโค้ดคนอื่น
มีโปรเจกต์เปิดให้ดูฟรีนับล้าน อยากรู้ว่าเกม/แอปทำยังไง เปิดอ่านได้เลย
🤝 ร่วม Open Source
ช่วยแปลเอกสาร แก้คำผิด รายงานบั๊ก — เป็นก้าวแรกของการทำงานกับนักพัฒนาทั่วโลก
คำสั่ง Git พื้นฐาน (เมื่อพร้อมแล้ว)
เมื่อคุ้นกับหน้าเว็บแล้ว ขั้นต่อไปคือใช้ Git ในคอมผ่าน Terminal — จำแค่ 6 คำสั่งนี้ก็ใช้งานได้ 90%
# 1) ดาวน์โหลดโปรเจกต์จาก GitHub ลงเครื่อง $ git clone https://github.com/ชื่อเรา/my-first-repo.git # 2) ดูว่าไฟล์ไหนถูกแก้ไปบ้าง $ git status # 3) เลือกไฟล์ที่จะเซฟ (. = ทุกไฟล์) $ git add . # 4) เซฟจุด พร้อมเขียนโน้ต $ git commit -m "เพิ่มสรุปบทที่ 3" # 5) ส่งงานขึ้น GitHub $ git push # 6) ดึงงานล่าสุดลงมา (เช่น เพื่อนเพิ่งแก้) $ git pull
วงจรประจำวัน: pull → แก้งาน → add → commit → push
ดึงของใหม่ก่อน ทำงาน เซฟ แล้วส่งขึ้น — ทำซ้ำแค่นี้ทุกวัน
ภารกิจแรกของฉัน
ติ๊กเมื่อทำเสร็จ — ความคืบหน้าถูกจำไว้ในเบราว์เซอร์นี้
ทดสอบความเข้าใจ
เลือกคำตอบที่คิดว่าถูก ไม่มีใครเห็นนอกจากเรา 😉