ข้ามไปเนื้อหาหลัก

Uses

เครื่องมือและ setup ที่ใช้ทำงานประจำ — อัพเดตเรื่อยๆ เมื่อมีการเปลี่ยนแปลง

Editor

  • VS Code Editor หลัก — ใช้ extension Astro, Prettier, ESLint และ TypeScript
  • Neovim สำหรับแก้ไฟล์เร็วๆ ใน terminal

Terminal & Shell

  • Windows Terminal terminal บน Windows, เชื่อมต่อ WSL2
  • WSL2 (Ubuntu) development environment หลัก — รัน npm, git, astro บน Linux
  • tmux multiplexer สำหรับแบ่ง session และจัดการหลาย process พร้อมกัน
  • zsh + Oh My Zsh shell พร้อม plugin git, z (jump to dir), syntax highlight

Frontend Stack

  • Astro framework หลักสำหรับ static site — เน้น performance และ zero JS by default
  • TypeScript เปิด strict mode ทุก project
  • Pagefind client-side search สำหรับ static site ไม่ต้องการ server
  • CSS Custom Properties ไม่ใช้ CSS framework — เขียน CSS เอง อ่านง่ายกว่า
  • GSAP animation library เดียวที่ใช้ — จัดการ lifecycle ผ่าน gsap.context()

Deployment

  • Railway deploy เว็บหลักที่ panupongws.com — auto-deploy จาก GitHub
  • GitHub Pages สำหรับ side projects ที่ไม่ต้องการ custom domain
  • GitHub Actions CI/CD สำหรับรัน build check ก่อน merge

Productivity & AI

  • Obsidian จด note และ second brain — local-first, Markdown ล้วน
  • Excalidraw วาด diagram ไอเดียแบบ rough sketch
  • Claude Code AI coding assistant — ช่วย implement feature และ review code

Hardware

  • PC Custom Build Ryzen 5, RAM 32GB — build เอง ซ่อมเองได้
  • Dual Monitor จอหลักใช้เขียนโค้ด จอรองใช้ดู docs/terminal