|
← learn.micky.sh ← learn.micky.sh

hello, learn.micky.sh ยินดีต้อนรับสู่ learn.micky.sh

#meta

what is this?

this is where i write tutorials, guides, and interactive posts from what i’m building, testing, and learning along the way.

most of it will revolve around AI, agentic tooling, web dev, and developer workflows. everything here is free. no paywall, no newsletter gate.

why not just post on facebook?

facebook is still great for quick takes, progress updates, and short reflections.

but the real problem is that some ideas don’t fit cleanly into a feed. tutorials need code blocks, step-by-step structure, and sometimes a little software you can actually touch.

that last part matters most. if you can try the idea in the browser, the post stops being just content and starts becoming a tool.

like this one:

เว็บนี้มีไว้ทำอะไร?

ผมตั้งใจทำเว็บนี้ไว้สำหรับเขียนบทเรียน คู่มือ และโพสต์แบบ interactive ให้เป็นเรื่องเป็นราวมากขึ้น

ส่วนใหญ่ก็จะวนอยู่กับ AI, agentic tooling, web dev และ developer workflow ที่ผมกำลังสร้างและทดลองใช้อยู่

ทำไมไม่โพสต์ใน Facebook?

จริงๆ Facebook ก็ยังเหมาะกับโพสต์สั้นๆ อยู่ครับ

แต่พอเป็นเนื้อหาประเภท tutorial หรือ guide ปัญหาจริงๆ มันไม่ใช่แค่ว่าโพสต์จะยาวเกินไป

มันคือเนื้อหาพวกนี้ต้องการ code block, โครงสร้างแบบทีละขั้น, และบางครั้งต้องมี interactive component ให้ลองเล่นได้เลยในเบราว์เซอร์

พอมีสิ่งนี้ คนอ่านจะไม่ได้แค่อ่านว่า “มันทำงานยังไง” แต่ลองกด ลองเล่น แล้วเข้าใจจากของจริงได้ทันที

แบบนี้:

Terminal — zsh
Type 'help' to see available commands. Try: pwd, ls, cd Desktop
/ $ 

that terminal is a React component, hydrated only when you scroll to it. the rest of this page ships almost no javascript beyond the interactive parts themselves.

and interactivity doesn’t have to stop at widgets. sometimes the text itself can be the interactive part — drag the m. tiles below and watch the paragraph reflow around them:

this is what makes these posts different from a social media post — you can try things here, not just read about them. grab a tile, throw it, let it fall. the paragraph rearranges itself around wherever the tiles land.

what’s next?

the direction from here is pretty simple: i want to turn more of what i use around AI and tooling into interactive guides you can actually try in the browser.

that will probably include:

  • terminal basics for people getting into AI tools
  • practical guides for Claude Code, agent workflows, and developer tooling
  • small interactive demos that make abstract tooling concepts easier to understand

if there’s a workflow you’d like me to break down, let me know.

terminal ด้านบนเป็น React component ที่จะ hydrate เฉพาะตอนคุณเลื่อนมาถึงมันเท่านั้น

ส่วน JavaScript ที่เหลือก็มีเท่าที่จำเป็นสำหรับส่วน interactive แบบนี้เท่านั้น

ความ interactive ก็ไม่จำเป็นต้องจบแค่ที่ widget ครับ บางครั้งตัวหนังสือเองก็เป็นส่วนที่ interactive ได้ ลองลากบล็อก m. ข้างล่างนี้ดู แล้วดูย่อหน้าจัดวางตัวเองใหม่รอบๆ:

นี่แหละครับคือสิ่งที่ทำให้โพสต์แบบนี้ต่างจาก social media คุณไม่ได้แค่เลื่อนอ่าน แต่ลองเล่นได้ตรงนี้เลย ลากบล็อกไปทิ้ง โยนขึ้นโยนลง

แล้วต่อไปล่ะ?

จากนี้ทิศทางก็ค่อนข้างชัดครับ

ผมอยากค่อยๆ เอาเรื่อง AI และ tooling ที่ใช้อยู่จริง มาทำเป็น interactive guide ที่ลองเล่นตามได้ในเบราว์เซอร์

น่าจะมีทั้ง:

  • พื้นฐาน terminal สำหรับคนที่เริ่มใช้ AI tools
  • คู่มือใช้งาน Claude Code, agent workflow และ developer tooling แบบลงมือทำ
  • demo เล็กๆ ที่ช่วยให้เรื่องยากๆ ลองเล่นแล้วเข้าใจได้เร็วขึ้น

ถ้ามี workflow ไหนที่อยากให้ผมเอามาเขียนก่อน บอกกันได้เลยนะครับ

← back to all posts ← กลับหน้าหลัก