SKILLS · ทักษะ
เครื่องมือที่ผมใช้ส่งงานจริง
- 95
- เทคโนโลยี
- 14
- ใช้ทุกวัน
- 21
- โปรเจกต์ที่อ้างอิงได้
01 — สแตกหลัก
จากหน้าจอ ถึงระบบที่ดูแลต่อได้
สี่ชั้นที่ใช้ซ้ำในงานลูกค้า ตั้งแต่สิ่งที่ผู้ใช้เห็น ไปจนถึงสิ่งที่ทีมใช้มอนิเตอร์ระบบหลังส่งมอบ
01
หน้าบ้าน
- Next.js
- React
- TypeScript
- Tailwind CSS
ใช้จริงใน RoV University Cup · AstroTrack3D
02
หลังบ้าน
- Prisma
- FastAPI
- Node.js
- Zod
ใช้จริงใน RoV University Cup · AstroTrack3D
03
ข้อมูล
- MySQL
- PostgreSQL
- Redis
- AWS (S3, CloudFront)
ใช้จริงใน RoV University Cup · AstroTrack3D
04
ส่งมอบและดูแล
- Docker
- GitLab CI
- Prometheus
- Grafana
ใช้จริงใน AstroTrack3D
02 — ความเชื่อมโยง
ทักษะ × โปรเจกต์ เครื่องมือไหนอยู่ในงานไหน
วงกลมคือโปรเจกต์ จุดคือทักษะ เส้นเชื่อมแปลว่าใช้จริงในงานนั้น ยิ่งจุดใหญ่ยิ่งใช้ซ้ำหลายงาน ชี้หรือแตะที่ใดก็ได้เพื่อดูว่าเชื่อมกับอะไร หรือเลือกสิ่งที่อยากเน้นด้านล่าง
03 — ทั้งหมด
ทักษะทั้งหมด จัดตามหมวดและความถี่ที่ใช้
กรองตามหมวดหรือระดับ หรือค้นหาชื่อเครื่องมือ ชื่อโปรเจกต์ในแต่ละแถวเป็นลิงก์ไปกรณีศึกษา
- ใช้ทุกวัน
- ใช้ในงานเกือบทุกวัน
- คล่อง
- ใช้ได้คล่อง ส่งงานได้เอง
- เคยใช้จริง
- เคยใช้ในโปรเจกต์จริง ยังต้องเปิดเอกสารบ่อย
70 รายการ
เว็บและแอป
สิ่งที่ผู้ใช้เห็นและสัมผัส
20- Next.jsใช้ทุกวันใช้ใน RoV University Cup, Phrom Engineering, NashGUI +12 อีก
- Reactใช้ทุกวันใช้ใน AstroTrack3D, NashGUI, Atlas +7 อีก
- Tailwind CSSใช้ทุกวันใช้ใน AstroTrack3D, RoV University Cup, Phrom Engineering +10 อีก
- CSS3ใช้ทุกวันใช้ใน graph.phatphum.me
- Framer Motionคล่องใช้ใน RoV University Cup
- Three.jsคล่องใช้ใน AstroTrack3D
- Viteคล่องใช้ใน AstroTrack3D
- Zodคล่องใช้ใน RoV University Cup, Atlas, Catadex +1 อีก
- Zustandคล่องใช้ใน AstroTrack3D
- TanStack Queryคล่องใช้ใน AstroTrack3D
- Avaloniaคล่องใช้ใน Claude Codex Usage Companion
- React Flowคล่องใช้ใน Atlas, graph.phatphum.me, BookNest
- Cytoscape.jsคล่องใช้ใน Catadex
- React Hook Formคล่องใช้ใน Atlas
- Plotlyเคยใช้จริงใช้ใน AstroTrack3D
- jsPDFเคยใช้จริงใช้ใน AstroTrack3D
- Fumadocsเคยใช้จริงใช้ใน NashGUI
- TipTapเคยใช้จริงใช้ใน Atlas
- PWAเคยใช้จริงใช้ใน Atlas
- Chrome extensionsเคยใช้จริงใช้ใน BookNest
หลังบ้านและฐานข้อมูล
API, ฐานข้อมูล และข้อมูลเรียลไทม์
13- Prismaใช้ทุกวันใช้ใน RoV University Cup, Phrom Engineering, หลวงพ่อเขียน +10 อีก
- MySQLใช้ทุกวันใช้ใน RoV University Cup, Phrom Engineering, หลวงพ่อเขียน +7 อีก
- FastAPIใช้ทุกวันใช้ใน AstroTrack3D
- SQLiteคล่องใช้ใน graph.phatphum.me, Catadex, BookNest
- Node.jsคล่องใช้ใน My App, Snooker Score, VOCAB +2 อีก
- PostgreSQLคล่องใช้ใน AstroTrack3D
- Redisคล่องใช้ใน AstroTrack3D
- WebSocketคล่องใช้ใน AstroTrack3D
- Pydanticคล่องใช้ใน AstroTrack3D
- ZeroMQเคยใช้จริงใช้ใน AstroTrack3D
- SQLAlchemyเคยใช้จริงใช้ใน AstroTrack3D
- Cheerioเคยใช้จริงใช้ใน Catadex, BookNest
- sharpเคยใช้จริงใช้ใน Catadex
ภาษาโปรแกรม
พื้นฐานที่อยู่ใต้ทุกอย่าง
6- TypeScriptใช้ทุกวันใช้ใน AstroTrack3D, RoV University Cup, NashGUI +4 อีก
- JavaScriptใช้ทุกวันพื้นฐานของทุกงานเว็บ
- Pythonใช้ทุกวันใช้ใน AstroTrack3D, NashGUI, Catadex +2 อีก
- C++คล่องใช้ใน Smart Garden
- Cคล่องใช้ใน My App
- C# / .NETคล่องใช้ใน Claude Codex Usage Companion
ข้อมูลและ AI
วิเคราะห์ ทดลอง และตรวจจับ
12- Pandasคล่องใช้ใน AstroTrack3D
- NumPyคล่องใช้ใน AstroTrack3D
- Astropyเคยใช้จริงใช้ใน AstroTrack3D
- SciPyเคยใช้จริงใช้ใน AstroTrack3D
- scikit-learnเคยใช้จริงใช้ใน AstroTrack3D
- PyTorchเคยใช้จริงงาน AI ทางวิชาการ
- Hugging Faceเคยใช้จริงใช้ใน Miley Chatbot
- LLM (Qwen)เคยใช้จริงใช้ใน Miley Chatbot
- YOLOเคยใช้จริงใช้ใน Object Detection
- Roboflowเคยใช้จริงใช้ใน Object Detection
- Google Colabเคยใช้จริงทดลองโมเดล
- GPU cloud (Runpod)เคยใช้จริงใช้ใน Miley Chatbot, Object Detection
ส่งมอบและดูแลระบบ
ติดตั้ง ทดสอบอัตโนมัติ และมอนิเตอร์ระบบ
13- Dockerคล่องใช้ใน AstroTrack3D, Atlas
- GitLab CIคล่องใช้ใน AstroTrack3D, Atlas
- Vitestคล่องใช้ใน AstroTrack3D, Atlas, graph.phatphum.me
- pytestคล่องใช้ใน AstroTrack3D
- Playwrightคล่องใช้ใน Atlas, graph.phatphum.me, Catadex +1 อีก
- AWS (S3, CloudFront)คล่องใช้ใน หลวงพ่อเขียน, Atlas, ANTivity
- Bashคล่องใช้ใน Claude Codex Usage Companion
- Shared hosting (Passenger)คล่องใช้ใน Phrom Engineering, หลวงพ่อเขียน, Atlas +3 อีก
- GitHub Actionsเคยใช้จริงใช้ใน Claude Codex Usage Companion, Catadex
- axe-coreเคยใช้จริงใช้ใน graph.phatphum.me
- Grafanaเคยใช้จริงใช้ใน AstroTrack3D
- Prometheusเคยใช้จริงใช้ใน AstroTrack3D
- Lokiเคยใช้จริงใช้ใน AstroTrack3D
ฮาร์ดแวร์และ IoT
จากเซนเซอร์ถึงเฟิร์มแวร์
1- KiCadเคยใช้จริงใช้ใน Smart Garden
ออกแบบและมีเดีย
UI, กราฟิก วิดีโอ และ 3 มิติ
4- Figmaคล่องใช้ใน Chalapao
- Premiere Proคล่องสื่อเปิดตัวหลักสูตร Cyber Security
- After Effectsคล่องสื่อเปิดตัวหลักสูตร Cyber Security
- SketchUpเคยใช้จริงรองชนะเลิศ Computer Design
งานเอกสาร
รายงาน ข้อมูล และการนำเสนอ
1- Excelคล่องจัดการและสรุปข้อมูล
04 — นอกจากเครื่องมือ
ภาษา วิธีทำงาน และสิ่งที่กำลังเรียนรู้
กำลังเรียนรู้
- Cloud, AWS และการมอนิเตอร์ระบบ (Prometheus/Grafana)
- ข้อมูลและ AI โดยเฉพาะข้อมูลวิทยาศาสตร์
- UX/UI เพื่อประสบการณ์ที่ลื่นไหลกว่าเดิม
ภาษา
ไทย
ภาษาแม่
อังกฤษ
TOEIC 865 / 990 · อ่านเอกสารเทคนิคเป็นประจำ
วิธีทำงาน
คุยโจทย์กับผู้ใช้จริง
เขียนเอกสารส่งมอบ
ส่งงานเป็นรอบสั้น ๆ
ให้ดูความคืบหน้าเป็นระยะ ปรับตามที่เห็นจริง
ทำงานเป็นทีม
Staff งานคณะ เช่น Open House และ CSTU39 First Meet
มีโจทย์หรือไอเดีย? มาคุยกัน
เว็บไซต์องค์กร ระบบลงทะเบียน แดชบอร์ด หรือเครื่องมือเฉพาะทาง เล่าโจทย์มาได้เลย ผมจะช่วยดูว่าทำอะไรได้บ้าง และทำให้ออกมาใช้งานได้จริง
github.com/Phattharaphum