<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Context Engineering &#8211; Few Steps &#8211; ก้าวสั้นๆ แต่ไปเรื่อยๆ</title>
	<atom:link href="https://myifew.com/tag/context-engineering/feed/" rel="self" type="application/rss+xml" />
	<link>https://myifew.com</link>
	<description></description>
	<lastBuildDate>Wed, 16 Jul 2025 07:30:39 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://myifew.com/wp-content/uploads/2018/07/cropped-logo6-ts-32x32.png</url>
	<title>Context Engineering &#8211; Few Steps &#8211; ก้าวสั้นๆ แต่ไปเรื่อยๆ</title>
	<link>https://myifew.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>จาก AI ที่เขียนโค้ดได้ → สู่ AI ที่ทำงานได้ทั้งระบบ: แล้วเราจะวางบทบาท “คน” ตรงไหนกันดี?</title>
		<link>https://myifew.com/6693/ai-coding-to-context-engineering/</link>
					<comments>https://myifew.com/6693/ai-coding-to-context-engineering/#respond</comments>
		
		<dc:creator><![CDATA[iFew]]></dc:creator>
		<pubDate>Wed, 16 Jul 2025 07:30:39 +0000</pubDate>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[AgenticAI]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[Context Engineering]]></category>
		<category><![CDATA[PRD]]></category>
		<category><![CDATA[SDD]]></category>
		<category><![CDATA[Spec Driven Development]]></category>
		<category><![CDATA[Vibe Code]]></category>
		<category><![CDATA[VibeCoding]]></category>
		<guid isPermaLink="false">https://myifew.com/?p=6693</guid>

					<description><![CDATA[เมื่อ 3-4 เดือนก่อนหลายคนตื่นเต้นกับ AI ที่เขียนโค้ดได้ เก่งเหมือน Junior Dev ทำตามคำสั่งได้ดี เข้าใจ syntax, เข้าใจ framework แต่…❌ มักจะผิดเพราะ “ไม่เข้าใจบริบท”❌ ไม่รู้ว่าโค้ดนี้เชื่อมกับระบบไหน❌ ไม่เข้าใจเป้าหมายที่แท้จริงของฟีเจอร์&#8230;]]></description>
										<content:encoded><![CDATA[
<p>เมื่อ 3-4 เดือนก่อน<br>หลายคนตื่นเต้นกับ AI ที่เขียนโค้ดได้ เก่งเหมือน Junior Dev ทำตามคำสั่งได้ดี เข้าใจ syntax, เข้าใจ framework แต่…<br>❌ มักจะผิดเพราะ “ไม่เข้าใจบริบท”<br>❌ ไม่รู้ว่าโค้ดนี้เชื่อมกับระบบไหน<br>❌ ไม่เข้าใจเป้าหมายที่แท้จริงของฟีเจอร์</p>



<p>นั่นแหละคือเหตุผลที่ยังต้องมี “มนุษย์” มาทำหน้าที่เป็นเหมือน Senior Programmer<br>✅ ตรวจสอบ<br>✅ รีวิวโค้ด<br>✅ แก้ให้เข้าเป้า</p>



<p>แต่วันนี้โลกเปลี่ยนอีกครั้ง…<br>จากการสั่งงานด้วย prompt สั้น ๆ → สู่ Context Engineering ที่ให้ AI เข้าใจงานลึกเหมือนมี “ระบบงานทั้งชุด” อยู่ในหัว</p>



<p>หลายคนเริ่มพูดถึงการเขียน<br>📄 PRD (Product Requirement Document)<br>📄 SDD (Spec-Driven Development)<br>📄 Task Management เพื่อส่งให้ Agentic AI ทำงานเป็นชุด<br>เหมือนมี “ทีมงานลับ” ที่ไม่หลับไม่นอน พร้อมรับ requirement ไปลุยเขียนโค้ดให้เลย</p>



<span id="more-6693"></span>



<p>และนี่คือสิ่งที่หลายองค์กรเริ่มตั้งคำถาม:</p>



<p>แล้ว “ใคร” ควรเป็นคนทำ Spec?<br>แล้ว “บทบาท” ของ Dev, PO, SA จะเปลี่ยนไปแค่ไหน?</p>



<p>ลองมองผ่าน 4 รูปแบบการทำงานที่น่าสนใจ:<br>1. 🧑‍💻 Dev ทำเองทั้งหมด ตั้งแต่แปลง Biz Requirement → สั่ง AI → รีวิวโค้ด<br>2. 🧾 PO/BA เขียน Spec มาให้พร้อมกับ Requirement ตั้งแต่ต้น<br>3. 🧠 SA แปลง Requirement เป็น Spec แล้วส่งให้ Dev ใช้สั่ง AI<br>4. 🤖 SA แปลง Requirement เป็น Spec แล้ว “สั่ง AI” เอง แล้วให้ Dev มารีวิวโค้ดภายหลัง</p>



<p>ไม่มีคำตอบไหนถูกผิด… แต่มันคือโจทย์ใหม่ของวงการ<br>ว่าเราจะ “ทำงานร่วมกับ AI” ยังไงให้มีประสิทธิภาพมากที่สุด?</p>



<p>⸻</p>



<p>จากประสบการณ์ตรงของผมในฐานะโปรแกรมเมอร์ที่สนใจด้านนี้<br>สิ่งที่ได้เปรียบสุดในยุคนี้ไม่ใช่แค่เขียนโค้ดเก่ง หรือ prompt สวย<br>แต่คือคนที่ “เข้าใจทั้ง Business และ Technical” ในคนเดียวกัน</p>



<p>คนกลุ่มนี้เหมือนมี “Superpower”<br>&#8211; 💪 เข้าใจบริบท<br>&#8211; 🧠 เขียน Spec ได้เอง<br>&#8211; ⚙️ สั่ง AI ทำงานได้ตรงเป้า<br>&#8211; ✅ แถมรีวิวเองได้อีกต่างหาก</p>



<p>ไม่แปลกใจเลยที่หลายคนบอกว่า<br>Freelance ที่รู้รอบ / Dev ที่พูดกับคนธุรกิจรู้เรื่อง<br>จะใช้ AI ได้เต็มที่ที่สุด และลดเวลาทำงานได้มหาศาล</p>



<p>โลกของ Dev ไม่ได้มีแค่ Code แล้วครับ<br>แต่มี “บริบท” เป็นพลังสำคัญที่สุดในยุคนี้</p>



<p>⸻</p>



<p>ใครมีประสบการณ์กับ Agentic AI หรือเริ่มลองทำ Context Engineering มาแล้ว มาแชร์กันหน่อยครับ 👇<br>เราอาจไม่ได้แข่งกับ AI<br>แต่กำลังเรียนรู้ “วิธีทำงานร่วมกับมัน” อยู่ต่างหาก</p>



<p>(โพสต์นี้ให้ AI เรียบเรียง และทำรูป)</p>



<p>#AI #AgenticAI #ContextEngineering #SpecDrivenDevelopment #SDD #PRD #ProgrammerInTheLoop #NewWayOfWorking #VibeCoding #vibecode</p>
]]></content:encoded>
					
					<wfw:commentRss>https://myifew.com/6693/ai-coding-to-context-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>งูๆ ปลาๆ กับ Context Engineering เพื่อทำระบบคิดราคาซูชิ (Kaiten Share Calculator)</title>
		<link>https://myifew.com/6683/try-to-context-engineering/</link>
					<comments>https://myifew.com/6683/try-to-context-engineering/#respond</comments>
		
		<dc:creator><![CDATA[iFew]]></dc:creator>
		<pubDate>Fri, 11 Jul 2025 16:45:34 +0000</pubDate>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[AI]]></category>
		<category><![CDATA[ClaudeCode]]></category>
		<category><![CDATA[Context Engineering]]></category>
		<guid isPermaLink="false">https://myifew.com/?p=6683</guid>

					<description><![CDATA[คราวก่อนที่ปล่อยระบบ คิดราคาซูชิ หรือ Kaiten Share Calculator ไป จากการใช้ Claude Code พัฒนา ก็มีเพื่อนๆ เข้ามาลองเล่นเยอะพอสมควร, เพิ่งจะได้มีเวลามานั่งเขียนเล่า โค้ดก่อนๆ ผมทดสอบเขียน โดยใช้วิธีการสั่งให้ทำทีละลำดับตาม Prompt&#8230;]]></description>
										<content:encoded><![CDATA[
<p>คราวก่อนที่ปล่อยระบบ <a href="https://kaiten.myifew.com/" data-type="link" data-id="https://kaiten.myifew.com/">คิดราคาซูชิ</a> หรือ <a href="https://kaiten.myifew.com/" data-type="link" data-id="https://kaiten.myifew.com/">Kaiten Share Calculator</a> ไป จากการใช้ Claude Code พัฒนา ก็มีเพื่อนๆ เข้ามาลองเล่นเยอะพอสมควร, เพิ่งจะได้มีเวลามานั่งเขียนเล่า</p>



<p>โค้ดก่อนๆ ผมทดสอบเขียน โดยใช้วิธีการสั่งให้ทำทีละลำดับตาม Prompt ที่ให้ไป เมื่อโปรแกรมเขียนเสร็จ ผมจึงใหห้ AI ทำการสรุปฟีเจอร์ วิธีการติดตั้ง โครงสร้างระบบทั้งหมดออกมาเป็น README.md</p>



<p>แต่ตัวนี้กลับกัน ผมลองอีกวิธีหนึ่ง ที่เพิ่งมารู้ตอนหลังว่าเรียกว่า Context Engineering คือผมเขียน README.md ก่อน เพื่อร่ายยาว Requirement และบอกรายละเอียดต่างๆ จากนั้นค่อยให้ AI มาทำการอ่านไฟล์นั้นและเขียนมาให้ผมตาม Spec ในครั้งเดียว</p>



<p>ซึ่งผลลัพธ์ที่ได้คือทำงานได้ถูกต้องและแสดงผลตามที่ผมต้องการเรียกได้ว่า 95% เลยทีเดียว ส่วนอีก 5% ที่เหลือคือ เรื่องของ UX/UI ที่ผมไม่ได้ใส่รูปตัวอย่างเข้าไปให้มัน กับ พบบั๊กบางส่วนเรื่องของการคำนวณเงิน ภาษี แต่แค่นี้ก็เรียกได้ว่า มันสามารถเป็น Junior Programmer ให้ผมคนหนึ่งได้แล้วนะ ไม่ใช่แค่เพียง Co-Pilot หรือ Code Assistant</p>



<p>โพสต์นี้เลยอยากเขียนสรุปแบ่งปันวิธีทำง่ายๆ ให้ได้เรียนรู้ไปพร้อมๆกันครับ</p>



<span id="more-6683"></span>



<h2 class="wp-block-heading">Requirement Spec และ Structure ที่ผมใช้</h2>



<p>ก่อนหน้านี้ผมเองไม่รู้จัก Context Engineering เลยใช้วิธีการที่ตัวเองคิดว่า &#8220;น่าจะใช่&#8221; และสังเกตจาก CLAUDE.md และ README.md ที่ Claude Code AI มันสร้าง Structure ออกมา ทำให้ผมสรุปได้ประมาณนี้</p>



<ul class="wp-block-list">
<li><strong>ชื่อโปรแกรม</strong>: เช่น Kaiten Share Calculator</li>



<li><strong>Summary หรือ Goal:</strong> ว่าโปรแกรมนี้จะทำอะไร<strong> </strong>เช่น 🍣 Conveyor Belt Sushi/Mala Bill Calculator &#8211; Web App for Thailand</li>



<li><strong>Feature List</strong>: โดยผมแตก Bullet ใหญ่ๆ เป็นฟีเจอร์/โมดูล และแต่ละฟีเจอร์ลง Business Condition หรือรายละเอียดฟีเจอร์อีกที เพื่ออธิบายการทำงาน</li>



<li><strong>Technology Stack:</strong> เพื่อบอกว่าใช้เทคโนโลยีอะไรทำ Frontend/Backend/Database/Test หรือ Architecture/Library ที่เราเจาะจงจะใช้ เช่น HTML5/CSS3/TailwindCSS/Responsive/DesignLocalStorage/Modular Design</li>



<li><strong>User Journey:</strong> เพื่อบอกว่าผู้ใช้โปรแกรมเราจะมี journey อย่างไรในการใช้งาน ของแต่ละฟีเจอร์/โมดูล</li>



<li><strong>JSON Config:</strong> ผมออกแบบการเ้ก็บข้อมูลให้ AI ก่อน ผมสะังเกตว่ามันเรียนรู้และนำฟิลด์เหล่านยั้นไปออกแบบและเขียนโปรแกรมให้ได้ด้วย ฉลาดมาก</li>



<li><strong>UI:</strong> อันนี้ผมไม่ได้ใช้สำหรับ Kaiten Share Calculator เพราะจะให้สร้างตาม Journey แต่ผมได้ลองใช้ตอนทำ <a href="https://github.com/ifew/google-map-point" data-type="link" data-id="https://github.com/ifew/google-map-point">Google Map Point</a> ซึ่งผมเอารูป UI แบบ SVG File ใส่ไว้ในโฟลเดอร์เพื่อให้ AI เข้าไปอ่าน </li>



<li><strong>Test Case:</strong> ตัวนี้ควรทำก่อนถ้าทำได้ แต่ผมมาทำตามหลัง เพื่อให้ AI เขียน Unit Test ทดสอบระบบให้</li>
</ul>



<p>เอาตรงๆ ทั้งหมดนี้ผมสั่งเป็นภาษาไทยคร่าวๆ ไปที่ ChatGPT ก่อน เพื่อให้มันเรียบรียงเป็นรายละเอียด ตามหัวข้อที่กล่าวไว้ และแปลเป็นภาษาอังกฤษให้ผมอีกทีหนึ่ง เพื่อเอาไปทำเป็นไฟล์ README.md จากนั้นก็สั่งให้ Claude Code มาอ่านไฟล์นี้และเขียนได้เลย</p>



<p>ต้องบอกว่าจากที่ทดสอบมาแล้วใช้ได้ 95% นั้น หากจะให้ดีเพิ่มขึ้นไปอีก ผมแนะนำให้เพิ่ม Reqreuiement เหล่านี้เข้าไปด้วย จะทำให้เป็นระบบและโดนมากขึ้นกว่าเดิม เช่น</p>



<ul class="wp-block-list">
<li><strong>Database Schema:</strong> คล้ายกับ JSON Config ที่ผมกล่าวไปก่อนหน้า ก็เพื่อระบุโครงสร้างการเก็บข้อมูล และความหมายของแต่ละ Field/Table</li>



<li><strong>API Spec:</strong> เพื่อระบุเลยว่าต้องการอะไรบ้าง มี Input/Output และทำงานอย่างไรเป็น Summary</li>



<li><strong>Project File</strong> <strong>Structure:</strong> เพื่อบอกโครงสร้างการเก็บไฟล์ต่างๆ AI มันก็จะทำให้ตามนั้น</li>
</ul>



<h2 class="wp-block-heading">แถม</h2>



<p>ทริกเล็กๆของผม ถ้าอยากรู้ว่า Claude Code มันเข้าใจที่เราสั่งไหม ลองรันคำสั่ง</p>



<p># claude /init</p>



<p>ตัว Claude AI จะสรุปข้อมูลที่มันพบเจอในโฟลเดอร์โปรเจ็คเราทั้งหมด เพื่อไปสร้างไฟล์ CLAUDE.md เราก็ไปอ่านที่มันสรุปในนั้นได้เลย ว่าเข้าใจถูกหรือเปล่า</p>



<p>และถ้ามีการอัพเดทใดๆก็ควรใน Requirement เรา ก็ควรสั่งให้มันอัพเดทใน CLAUDE.md ด้วยนะ</p>



<h2 class="wp-block-heading">ตัวอย่าง Requirement spec ที่เขียนไว้ใน README.md</h2>



<ul class="wp-block-list">
<li><a href="https://github.com/ifew/kaiten-share-calculator">https://github.com/ifew/kaiten-share-calculator</a> เขียน spec ก่อน และให้ AI ทำโค้ด</li>



<li><a href="https://github.com/ifew/google-map-point">https://github.com/ifew/google-map-point</a> เขียนโค้ดก่อน และให้ AI ทำ spec</li>
</ul>



<p>ครั้งหน้าจะลองทำระบบที่ใหญ่ขึ้น และใช้ MCP กับ Task Master มาแตกงานเป็น Task ย่อยๆ เป็นระบบอะไรนั้น ไว้มีเวลาเดี๋ยวเอามาให้เล่นกันครับ</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1200" height="595" src="https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1-1200x595.png" alt="" class="wp-image-6686" srcset="https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1-1200x595.png 1200w, https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1-1024x508.png 1024w, https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1-768x381.png 768w, https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1-700x347.png 700w, https://myifew.com/wp-content/uploads/2025/07/ifew-kaiten-share-calculator-07-11-2025_11_39_PM-1.png 1271w" sizes="(max-width: 1200px) 100vw, 1200px" /></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://myifew.com/6683/try-to-context-engineering/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
