# 13.การแก้โจทย์จากรูป ## 😢 ปัญหา เหล่าแมวน้ำทั้งหลายพออ่านมาจนถึงจุดนี่และได้ลองหัดเขียนโปรแกรมกันจริงๆ หลายๆคนน่าจะมีคำถามในใจกันอยู่เช่น ที่เรียนมาก็เข้าใจดีอยู่นะ แต่พอเห็นโจทย์จริงๆก็มองไม่ออกเลยว่ามันควรจะเขียนโค้ดเริ่มจากตรงไหน หรือในบางทีก็ไม่รู้ว่าควรจะใช้ loop แบบไหนดี หรือในบางทีแม้จะเลือกชนิดตัวแปรที่จะใช้ก็ยังไม่รู้เลยว่าควรจะทำแบบไหนดี ## 😄 วิธีแก้ปัญหา **ดช.แมวน้ำ** ขอเสนอวิธีการแก้โจทย์โดยการวาดรูปดูนะครับ น่าจะไม่มีที่ไหนสอนแบบนี้ในโลกเลยนะผมมโนขึ้นมาเองล้วนๆ + พบว่ามันช่วยให้หลายๆคนเข้าใจได้ง่ายขึ้นเยอะเลย {% embed url="" %} {% hint style="info" %} ปรกติวิธีการคิดเพื่อแก้โจทย์ เขาจะสอนให้เราเขียนสิ่งที่เรียกว่า flow chart หรือที่เรียกว่าแผนภาพการทำงานของโปรแกรมนั่นแหละ ซึ่งผมมองว่า (ขี้เกียจสอนเฟร้ย) มันวุ่นวายเกินไป เพราะเราต้องไปทำความเข้าใจเรื่อง flow chart ก่อนถึงจะมาทำต่อได้ แต่ทุกคนวาดภาพได้แน่นอนอยู่ล่ะ โดยไม่สนใจนะว่าสวยหรือเปล่า ดังนั้นผมเลยเลือกให้ทุกท่านลองหยิบดินสอกระดาษมาลองทำตามกันดูครับ {% endhint %} ## 🎯 สรุปสั้นๆ ### 👨‍🚀 ขั้นตอนในการแก้โจทย์จากรูป 1. เขียนออกมาก่อนว่าโปรแกรมต้องทำอะไรบ้าง 2. ลองวาดรูปการทำงานในแต่ละขั้นตอนออกมา 3. ลองเขียนดูว่าแต่ละขั้นตอนเราต้องใช้ความรู้เรื่องอะไรบ้าง เช่น ชนิดตัวแปร, loop แบบไหน 4. เลือกว่าในแต่ละขั้นตอนควรจะคำสั่งแบบไหน 5. เอาของที่ได้จากขั้นตอนที่ 4 ไปลองเขียนโค้ดทีละขั้นตอนดู --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://www.saladpuk.com/beginner-1/csharp101/basic/img-solving.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.