Chapter IV · Kept since 2025

Field Notesof Creaml4tt3

Notes jotted down along the road — what was learned, what broke, and what was worth remembering.

Notes: 12
Latest Entry: Oct 2026

Google Workspace MCP ขึ้น The caller does not have permission? สาเหตุและวิธีแก้ใน Claude Code

ต่อ Claude Code กับ MCP ของ Google Drive, Sheets หรือ Slides แล้วขึ้น The caller does not have permission? สาเหตุหลักคือยังไม่ได้สมัคร Developer Preview นี่คือสิ่งที่ต้องมีและขั้นตอนแบบย่อ

23 Oct 2026

Personal

Twintail คืออะไร? สร้าง Persona Skill ซึนเดเระให้ Claude Code กับ Codex และบทเรียนจากการวัดผลจริง

Twintail คือ skill บุคลิกซึนเดเระแบบโอเพนซอร์สสำหรับ Claude Code และ Codex ติดตั้งคำสั่งเดียว พร้อมบทเรียนจากการทำ eval ว่าทำ persona ยังไงไม่ให้คำตอบแย่ลง

22 Oct 2026

Personal

9Router คืออะไร? รวม Claude Code, Codex และ AI ฟรีไว้ endpoint เดียว ให้โค้ดต่อได้ไม่สะดุด

ใช้ 9Router ทำ local proxy ให้ Claude Code, Codex และ Cursor สลับไปใช้ provider สำรองอัตโนมัติเมื่อโควตาหมด พร้อมวิธีติดตั้ง ตั้งค่า และเรื่องความปลอดภัยที่ต้องรู้

16 Oct 2026

Next.js SEO Checklist 2026: 12 เทคนิคเพิ่มอันดับ Google สำหรับเว็บไซต์ Next.js

รวม Next.js SEO Checklist 2026 ตั้งแต่ Metadata API, Open Graph, Sitemap, Robots.txt, JSON-LD และ Core Web Vitals เพื่อช่วยให้เว็บไซต์ติดอันดับ Google ได้ดีขึ้น

02 Jun 2026

ทำไม Gmail ถึงใช้ Undo แทน Confirm Dialog — และนี่คือ UX ระดับโลก

ทำไม Gmail ถึงเลือก “Undo Send” แทน Popup ถามยืนยัน? เจาะลึก UX Psychology, Human Error และ Design Pattern ที่ทำให้ Google ลดความน่ารำคาญ แต่ยังป้องกันความผิดพลาดได้

28 May 2026

10 Poka Yoke Patterns ที่ทุกเว็บควรมี เพื่อลด User Error และเพิ่ม UX

เรียนรู้ Poka Yoke สำหรับ UX/UI และ Web Design พร้อม 10 Error Prevention Patterns ที่ช่วยลด User Error เพิ่ม Conversion และทำให้เว็บใช้งานง่ายขึ้น

25 May 2026

Poka Yoke ใน UX และ Web Design: ออกแบบยังไงให้ User พลาดไม่ได้

เรียนรู้แนวคิด Poka Yoke หรือการป้องกันความผิดพลาดในการออกแบบ UX และ Web Design พร้อมตัวอย่างจริง เทคนิค Frontend และวิธีลด User Error เพื่อเพิ่ม Conversion

24 May 2026

Husky + lint-staged: ทำให้ Git Commit สะอาดขึ้นแบบอัตโนมัติ

ตั้งค่า Git workflow ให้สะอาดและอัตโนมัติด้วย Husky + lint-staged พร้อมสอนติดตั้ง วิธีใช้งาน ข้อดีข้อเสีย และ optional setup สำหรับ formatter/linter อย่าง Prettier และ Biome

10 May 2026

Next.js View Transitions ใช้ยังไง? พร้อมตัวอย่างจริง

ทำให้ Next.js ของคุณลื่นเหมือน native app ด้วย View Transitions API พร้อมวิธีเปิดใช้งาน, ทำ global transition และทำ shared element animation สำหรับ blog image แบบ production-ready

03 May 2026

ลาออกครั้งแรกโดยไม่มีงานใหม่: ประสบการณ์จริงของ Junior Developer

ประสบการณ์จริงของการลาออกครั้งแรกโดยยังไม่มีงานใหม่รองรับ จากเด็กจบสาย Graphic ที่ผันตัวมาเป็น Junior Developer ต้องเผชิญความไม่มั่นใจ การหางานสุดกดดัน และบทเรียนชีวิตที่ไม่มีในห้องเรียน

22 Apr 2026

ตั้งค่า Rclone ใช้งานร่วมกับ Cloudflare R2 อย่างง่ายในไม่กี่ขั้นตอน

เรียนรู้วิธีเชื่อมต่อ Rclone กับ Cloudflare R2 (Object Storage แบบ S3-compatible) พร้อมตัวอย่างการตั้งค่า การสำรองข้อมูลอย่างง่ายในไม่กี่ขั้นตอน

02 Jun 2025

วิธีการทำ Drag to Swap หรือ การลากและวางใน React และ Next.js ด้วย Swapy

Drag to Swap คือเทคนิคการลากและวาง element ที่ช่วยให้ผู้ใช้สามารถจัดเรียงหรือสลับตำแหน่งของรายการได้อย่างสะดวก มาเรียนรู้วิธีการทำ Drag to Swap บน React หรือ Next.js ด้วย Swapy

06 Mar 2025