tag:blogger.com,1999:blog-35659443016642957832024-03-14T15:34:03.699+07:00$nartraพื้นที่เล็กๆ ของโมโมตัวใหญ่ๆnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.comBlogger87125tag:blogger.com,1999:blog-3565944301664295783.post-52526773258461762142015-05-12T23:29:00.001+07:002015-05-13T09:22:28.435+07:00ย้ายที่อยู่แล้วน้า ไปอ่านกันต่อที่ www.tamemo.com !!<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.tamemo.com/"><img border="0" src="http://1.bp.blogspot.com/-VulG_y7oBGs/VVK1LiBEUDI/AAAAAAAAFeU/gMUXguB8nxY/s1600/thumb-medium.png" /></a></div>
<br />
ใครที่ตามอ่านบล๊อกเรามาอาจจะรู้สึกว่าช่วงนี้เราไม่ได้เขียนบทความอะไรใหม่เลย นั่นเป็นเพราะกำลังย้ายบ้าน (บล๊อก) อยู่ โดยที่อยู่ใหม่ก็คือ<br />
<br />
<div style="text-align: center;">
<span style="color: red;"><b><a href="http://www.tamemo.com/"><span style="font-family: "Trebuchet MS",sans-serif;"><span style="font-size: x-large;">www.tamemo.com</span></span></a></b></span></div>
<br />
ซึ่งตอนนี้ยังเป็นเวอร์ชั่น beta อยู่ กำลังเร่งเก็บรายละเอียด และย้ายบทความในบล๊อกนี้ไปที่โน่นทั้งหมด<br />
<br />
ดังนั้นบทความนี้คงเป็นบทความสุดท้ายที่จะเขียนในบล๊อกนี้แล้วล่ะนะ บทความหลังจากนี้จะย้ายไปเขียนต่อในโน้นแทน<br />
ขอบคุณทุกท่านที่ติดตามอ่านกันมา (เขียนมา 100 บทความกับ 100,000 pageview พอดี)<br />
<br />
ป.ล. ส่วนเหตุผลที่ย้ายก็ไม่มีอะไรมาก blogger มันไม่ใช่ระบบของเรา ทำได้อยากมากก็แค่เขียนบทความ เซ็ตค่าหน้าเพจไม่กี่อย่าง แต่นิสัยโปรแกรมเมอร์ ทำไปทำมาก็อยากเขียนโค้ดใส่เองล่ะนะ เลยย้ายไปเปิดของตัวเองดีกว่า ^__^nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-7709630847511225702015-04-09T21:35:00.000+07:002015-04-10T09:00:56.687+07:00บันทึก1ปีกับ Mirrorless...เริ่มเล่นกล้องมา365วันแล้วนะวันก่อนเขียนบล๊อก <a href="http://nartra.blogspot.com/2015/03/10.html">บันทึก "เริ่ม" ใช้คอมพิวเตอร์มาครบ 10 ปีแล้วนะ</a> ไป มาวันนี้ก็ครบ 1 ปีที่เริ่มเล่นกล้องมา ดังนั้นก็จัดไปอีกบล๊อกละกัน (ฮา)<br />
<h2>
เริ่มจากไม่ชอบ(โดน)ถ่ายรูป</h2>
- ความทรงจำตั้งแต่เด็กคือเป็นคนไม่ชอบ (โดน) ถ่ายรูปประกอบกับสมัยก่อนกล้องฟิล์มมันใช้ยาก ดังนั้นเลยไม่รู้สึกสนใจกล้องถ่ายรูปทุกประเภทจนเมื่อปีสองปีที่แล้วนี่เอง<br />
- เหตุเกิดเนื่องจากพอทำงานแล้วบริษัทชอบพาไปเที่ยว (เลี้ยงดีๆ) ก็เลยถ่ายรูปบันทึกความทรงจำไปเรื่อยๆ จนรู้สึกว่าการถ่ายรูปก็สนุกดีนะ<br />
- แต่ตอนนั้นก็แค่ใช้มือถือถ่ายรูปไปเรื่อยๆ เท่านั้น ขอบคุณ htc <br />
- สุดท้ายก็มีความคิดที่จะซื้อกล้องขึ้นมา ตอนนั้นยังไม่มีข้อมูลอะไรทั้งสิ้น เรียกได้ว่าไม่รู้อะไรเลยเพราะปกติใช้แต่กล้องมือถือ ก็เลยต้องหาข้อมูลมากหน่อย แต่สรุปได้ประมาณนี้...<br />
<br />
<b><span style="font-size: small;">กล้องมือถือ ของแถมจาก Smartphone </span></b><br />
ไม่ต้องเสียเงินซื้อหากคุณมีมือถือที่มีกล้องติดมาให้ในตัว แต่ก็อย่างที่บอกว่ามันตอบโจทย์คนส่วนใหญ่ได้ แต่ไม่ใช่กับคนที่เริ่มอยากได้ภาพถ่ายสวยๆ เวลาไปเที่ยวซะแล้ว<br />
<br />
<b>กล้อง Compact จิ๋วๆ ระดับพอรับได้</b><br />
เป็นกล้องเล็กๆ ทรงสี่เหลี่ยมแบนๆ เวลาเปิดเครื่องจะมีเลนส์ยาวๆ ขนาดย่อมๆ ยื่นออกมา ที่บ้านก็มีอยู่อันนึ่ง แต่คุณภาพก็ไม่ได้ต่างจากใช้มือถือเท่าไหร่ รุ่นใหญ่ๆ ก็ดีขึ้นนั้นแหละ แต่ไม่เอาดีกว่า<br />
<br />
<b>DSLR กล้องใหญ่ดำเมี่ยมของมือโปร</b><br />
มันคือกล้องใหญ่ที่ช่างถ่ายใช้กัน ไม่ต้องอธิบายมากเนอะ? คุณภาพและการปรับแต่งสุดๆ อยู่แล้ว แต่ไม่ผ่านเกณท์เพราะมัน <b>ใหญ่!</b> ไป<br />
<br />
สมัยก่อนมีตัวเลือกแค่ 3 ตัวที่ว่าไปเท่านั้น ทำให้แม้มีความคิดจะถ่ายรูปเล่นนานแล้ว แต่ไม่อยากลงทุน คอมแพ็คก็ไม่ได้ดีกว่ามือถือมากนัก แล้วDSLRก็ใหญ่ไป พวกบริษัทกล้องคนเห็นว่ามีคนคิดแบบนี้หลายคน งั้นออกกล้องที่มันอยู่ตรงกลางระหว่างคอมแพ็คกับDSLR...นั่นคือ<br />
<br />
<div style="text-align: center;">
<span style="font-size: x-large;">Mirrorless!</span></div>
<br />
<br />
เอาล่ะ กลับเข้าเรื่อง ... เมื่อมี mirrorless ออกมาเลยทำให้เราตัดสินใจละจากมือถือมาใช้กล้องได้ง่ายขึ้น และตัดสินใจซื้อในที่สุด<br />
<br />
<blockquote class="tr_bq">
สำหรับคนที่ต้องการรู้ละเอียดกว่านี้ไปอ่านเรื่องกล้องได้ใน <a href="http://nartra.blogspot.com/2014/11/1.html" target="_blank">มือใหม่หัดถ่ายรูป - ตอนที่ 1 มารู้จักกล้องดิจิตอลกันเถอะ </a>นะ</blockquote>
<br />
โดยเลือกของค่าย Sony นะ<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://3.bp.blogspot.com/-FHcGd9B6Xic/VSaIrcb3qXI/AAAAAAAAFdY/lM23Rf2ypSk/s1600/nex5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://3.bp.blogspot.com/-FHcGd9B6Xic/VSaIrcb3qXI/AAAAAAAAFdY/lM23Rf2ypSk/s1600/nex5.jpg" height="386" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Sony NEX-5T คู่มือที่ใช้มา1ปี ... แน่นอนว่ารูปนี้ใช้ htc ถ่ายให้เพราะมีกล้องอันเดียว</td></tr>
</tbody></table>
<br />
- เหตุผลข้อที่หนึ่งคือบอดี้และดีไซน์รูปลักษณ์ของกล้องมัน<b>สวยที่สุด</b> และ<b>มีสีขาว</b>ให้เลือกซื้อ กล้องมิเรอร์เลสของค่ายอื่นอย่าง Cannon, Nikon ที่เป็นค่ายใหญ่ฝั่งDSLRก็ดูจะไม่ใช่ทางเลือก ส่วน Olympus, Panasonic, Fujitsu พวกนั้นดีไซน์ออกมาเป็นกล้องแบบดั้งเดิมน่าจะเอาใจคนชอบ<b>วินเทจ</b>ได้ แต่ไม่ใช่เรา (ฮา)<br />
- มีคนบอกว่า Sony เลนส์แพงนะ กลัวป่ะๆ ... หึหึ แพงจริงแต่กล้องสวย ยอมๆ<br />
- เท่าที่อ่านรีวิวมา ดูตัวเองเข้ากับค่าย Sony มากที่สุด เพราะเหมือนโซนี่จับตลาดกลุ่มคนจริงจังแต่ไม่จริงจังกับการถ่ายภาพ เอ๊ะ ยังไงนะ (หมายความว่าปุ่มและตัวควบคุมทำออกมาแบบใช้ง่ายสุด แต่อาจจะขัดใจคนชอบกล้องแบบดั้งเดิม)<br />
- เซ็นเซอร์รับภาพของกล้องมิเรอร์เลส Sony ใหญ่เท่ากล้อง DSLR รุ่นเล็กเลย<br />
- เหนือสิ่งอื่นใดคือมันสวยนั่นแหละ 555<br />
<h2>
แล้วเรื่องการใช้งานล่ะ</h2>
ตั้งใจไว้ว่าถ้าซื้อกล้องมา แน่นอนเราจะไม่ซื้อคอมแพ็คอยู่แล้ว ต้องเป็นกล้องระดับ(เกือบ)โปร แล้วการจะซื้อกล้อง(เกือบ)โปรมาใช้งานโหมด Auto มันก็ยังไงอยู่ เลยต้องซื้อหนังสือถ่ายภาพมาอ่านกันเลย<br />
<br />
<blockquote class="tr_bq">
<b>*หมายเหตุ</b> โหลด Auto ของกล้องระดับนี้ไม่ใช่ว่าไม่ดี คือมันฉลาดมาก แต่บางครั้งก็ไม่ถูกใจคนถ่าย เรามักจะใช้ Auto กับสถานการณ์ที่มันเร็วจริงๆ ปรับค่ากล้องไม่ทัน ก็ Auto นี่แหละ แกคิดให้หน่อยละกัน ฉันกดชัตเตอร์อย่างเดียว</blockquote>
<br />
- ทฤษฎีการถ่ายภาพ เป็นอะไรที่ make sense แต่ปัญหาคือมันเยอะสำหรับมือใหม่ ทำให้แรกๆ จำไม่ได้เลยว่าสถานการณ์แบบนี้ต้องตั้งค่ายังไง<br />
- แรกๆ จะถ่ายช้ามาก รูปนึงคิดก่อน1นาทีกว่าจะหาเจอว่าต้องปรับอะไร <br />
- ทริปแรกที่ไปเที่ยว <b>"ถ่ายไม่ทัน"</b> ก็เลยต้องกลับมาใช้โหมด Auto ไปก่อน<br />
- มีวันนึงไปเดินเล่นรอบมหาลัยแล้วฝึกถ่ายรูปไปเรื่อยๆ เลยด้วย<br />
- กว่าจะเริ่มใช้เป็นก็ประมาณ6เดือนต่อมา ไม่ใช่เป็นช้านะ แต่ไม่ค่อยได้ไปไหนเลย (เป็นคนเที่ยวน้อย แต่ดันอยากถ่ายรูป)<br />
<h2>
เลนส์ ถ้าจะเล่นยังไงก็เสียตังค์เพิ่ม</h2>
ขึ้นชื่อว่าเป็นกล้องดิจิตอลชนิดเปลี่ยนเลนส์ได้ ดังนั้นถ่ายไปสักพักมีเรื่องต้องควักเงินแน่นอน โดยชนิดของเลนส์กล้องแบ่งคร่าวๆ เป็น 4 ชนิดคือ <b>เลนส์มุมกว้าง </b>(wide), <b>เลนส์ธรรมดา </b>(normal), <b>เลนส์ถ่ายไกล </b>(tele), <b>เลนส์ถ่ายของเล็กๆ </b>(macro) โดยปกติแล้วเขาว่ากันว่าสายถ่ายวิว ให้ซื้อเลนส์ไวด์มุมกว้างเพราะจะได้เก็บภาพวิวได้เต็มๆ แต่<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">เราซื้ออันแรกก็เลนส์เทเลถ่ายไกลเลย</span></div>
<br />
เพราะการถ่ายวิวแบบเรา ส่วนใหญ่จะถ่าย crop รูป ไม่ถ่ายเก็บภาพใหญ่ๆ เต็มๆ มากกว่า<br />
<h2>
ไม่ถ่ายภาพคนนะ!</h2>
- อย่างที่บอกไปข้างต้นว่าเป็นคนไม่ชอบโดนถ่ายรูป ก็เลยไม่ค่อยถ่ายรูปคนอื่นไปด้วย ... งั้นซื้อกล้องมานี่ ถ่ายอะไรบ้างล่ะ <br />
- ค้นพบว่าตัวเองเป็นสายถ่าย Landscape (วิวทิวทัศน์) และ Object (สิ่งของ) ตั้งแต่ก่อนจะซื้อกล้องแล้วไงล่ะ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-7iPdU9twWWU/VSTINt8ayTI/AAAAAAAAFdA/5rTjy97fEIs/s1600/cpp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-7iPdU9twWWU/VSTINt8ayTI/AAAAAAAAFdA/5rTjy97fEIs/s1600/cpp.png" height="320" width="640" /></a></div>
<br />
- ถ้าจะถ่ายคนจริงๆ ส่วนใหญ่จะถ่ายแบบ Candid (คนที่เป็นแบบไม่มองกล้อง ทำท่าเป็นธรรมชาติเพราะไม่รู้ตัว) ด้วยความคิดที่ว่าเราจะถ่าย "ฉาก" คนน่ะเหรอ เป็นตัวประกอบฉากไปซะ! (ฮา) nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-57599788195445593012015-03-25T13:46:00.002+07:002015-03-25T15:06:14.880+07:00บันทึก "เริ่ม" ใช้คอมพิวเตอร์มาครบ 10 ปีแล้วนะ<blockquote class="tr_bq">
ไม่ได้เขียนบล๊อกมาเป็นเดือนแล้ว หายไปนานมาก เพราะตอนนี้กำลังย้ายบล๊อกอยู่! คือจะเลิกใช้ blogger แล้วไปเปิดเซิร์ฟเวอร์เขียนของตัวเองแทน ใครอยากเข้าไปดูก็ได้ที่ <a href="http://www.tamemo.com/">TAMEMO.com</a> แต่ยังไม่เปิดอย่างเป็นทางการนะ ยังไม่ต้องเข้าไปก็ได้ แล้วไว้จะมาประกาศอีกทีเร็วๆ นี้</blockquote>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-6OaG2hdcpyg/VRJTacmR-8I/AAAAAAAAFbo/UBVg_jZr3-Q/s1600/10Yani.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-6OaG2hdcpyg/VRJTacmR-8I/AAAAAAAAFbo/UBVg_jZr3-Q/s1600/10Yani.jpg" /></a></div>
<br />
วันก่อนเจอกระทู้ในเว็บเด็กดี <a href="http://www.dek-d.com/board/view/3464324/">อยากรู้มั้ย เมื่อก่อน dek-d writer หน้าตาเป็นไง</a><br />
Dek-D Writer เป็นเว็บสำหรับอ่านนิยายและลงนิยายที่แต่งเองซึ่งสมัยก่อนยังเรียกว่า Entertain อยู่ <br />
ว่าแต่ทำไมถึงเกริ่นบันทึกการใช้คอมพิวเตอร์ด้วยเรื่องนี้น่ะเหรอ เพราะย้อนกลับไปช่วงเดือนมีนาคม-เมษายนเมื่อ 10 ปีที่แล้วพอดี เจ้านี่แหละเป็นสาเหตุที่ทำให้เราเริ่มใช้คอมพิวเตอร์<br />
<h2>
จับคอมครั้งแรกด้วยเรื่องที่ไม่เกี่ยวกับคอมเลย</h2>
10 ปีที่แล้วคงไม่มีใครคิดว่าเด็กที่วันๆ เอาแต่ทำอะไรออฟไลน์ไม่เคยคิดจะแตะคอมพิวเตอร์เลยนอกจากทำงานส่งที่โรงเรียนจะกลายมาเป็นคนที่ทำงานสายคอม เป็นโปรแกรมเมอร์แบบทุกวันนี้<br />
แล้วถามว่าตอนนั้นเป็นอะไร เป็นหนอนหนังสือจ้า ชอบอ่านหนังสือมาก ทั้งมีสาระและไม่มีสาระ<br />
มีใครรู้บ้างว่าสมัยก่อนอ่านและแต่งนิยายและวาดการ์ตูนเล่มด้วย (ฮา) แต่แต่งลงสมุดนะ ใช้เขียนเอานี่แหละ โลเทคโนโลยีมากๆ ในขณะที่เพื่อนๆ กลับบ้านเปิดคอม เข้าอินเตอร์เน็ต เล่นRO (แร๊กนาร๊อค ออนไลน์) คุยMSN ส่วนเจ้านี่เอาแต่อยู่กับกองหนังสือแบบว่าอย่ามายุ่งกันเลยคอมพิวเตอร์<br />
<br />
แต่จุดเปลี่ยนของเรื่องก็คือ สมัยก่อนเวลาพูดถึงนิยายเนี่ย ก็ต้องแต่งไปลงเว็บเด็กดีซึ่งตอนนั้นเป็นเวอร์ชั่นปี2548ซึ่งกำลังดังมากเพราะระบบให้นักเขียนอัพนิยายเองได้เพิ่งทำเสร็จไม่นาน สมัยก่อนใครจะลงนิยายจะต้องส่งเมลไปให้เว็บมาสเตอร์เอาลงให้ ยากเกิ๊น ตอนเราเริ่มเล่นเลยเป็นเวอร์ชั่นที่2 (ปี2547-2548 .. ดูในกระทู้ที่แปะไว้นะ เก่ามาก) แต่ปัญหาคือ<span style="font-size: x-large;"> </span><br />
<a name='more'></a><br />
<br />
<div style="text-align: center;">
<span style="font-size: x-large;">อยากเอานิยายลงเว็บ </span></div>
<div style="text-align: center;">
<span style="font-size: x-large;">แต่ทำไม่เป็นเพราะไม่เคยเล่น</span></div>
<br />
อันดับแรก ตอนนั้นยังไม่รู้เลยว่าเข้าเว็บเนี่ยมันทำยังไง ก็มั่วไปเรื่อยๆ จนเจอเบราเซอร์ Internet Explorer หรือตัว e สีฟ้าในตำนาน (ตอนนั้นเบราเซอร์ IE ผูกขาดอยู่เจ้าเดียว) ก็ลองเปิดมาแล้วพิมพ์ www.dek-d.com เข้าไปในช่องกรอก Address แล้วก็กด Enter!!<br />
<br />
ผ่าง~!<br />
<br />
ไม่เกิดอะไรขึ้นเลย ทำไมล่ะ...รู้สึกว่าปัญหาตอนนั้นหาอยู่1วันจึงรู้ว่าจะเล่นเน็ตได้น่ะ มันต้องต่อเน็ตก่อน แต่ตอนนั้นยังไม่มี ADSL หรือเป็นเน็ตโปรโมชั่นรวมไปกับค่าโทรศัพท์บ้านแบบทุกวันนี้ มันเป็นแค่ “โมเดม 56K” เท่านั้น ก็ถามป๊าม้าบ้าง ถามเพื่อนบ้าง ถามเพื่อนนี่จะหนักหน่อย เพราะถามมันที่โรงเรียนกลับมาลองถ้าไม่ได้ต้องไปถามวันต่อไปอีก เอาเป็นว่าในที่สุดก็รู้ว่าต้องไปซื้อบัตรเน็ตใน 7-11 มาก่อน แล้วต่อโมเดม กรอกรหัส แล้วก็จะมีเสียงสุดคลาสสิก ตรู๊ดๆๆๆๆๆๆ ตื๊ดดดด ตื่ดดดดด~ดดดดดดด (ใครเคยได้ยินเสียงโมเดมกำลังเชื่อมต่อแบบนี้แสดงว่าไม่รุ่นเดียวกับเราก็แก่กว่าล่ะนะ อิอิ) จากนั้นถึงจะใช้เน็ตได้ แต่เน็ตยุคนั้นนี่คืออืดมาก แถมคิดเป็นรายนาทีด้วย ถ้าหมดก็ต้องไปซื้อบัตรมาใหม่ อีกเรื่องที่ทำให้เล่นนานไม่ได้คือโมเดม56Kเวลาเล่นโทรศัพท์บ้านจะใช้ไม่ได้ด้วย อะไรจะลำบากขนาดนั้น ลองนึกย้อนไปก็คิดว่าตัวเองในตอนนั้นคงอยากเอานิยายลงเน็ตมากๆ ขนาดทำพวกนี้เป็นเลยนะเนี่ย <br />
<br />
แต่แค่ต่อเน็ตได้มันยังไม่จบนะ<br />
<h2>
อะไรคือ E-mail และมันสมัครยังไงเฮ้ย</h2>
ใช่ครับ...ตอนนั้นรู้จักอีเมลแล้ว แต่ไม่มี ไม่เคยสมัคร ไม่เคยใช้ ไม่อยากจะใช้ด้วย ปัญหาคือหลังจากเราต่อเน็ตเข้าเว็บเด็กดีได้เรียบร้อย มันต้องสมัครสมาชิกก่อนถึงจะเข้าไปแต่งนิยายได้ เราก็เข้าหน้า register ไปแล้วก็กรอกข้อมูลที่เข้าต้องการจนมาชะงักที่ช่อง E-mail !! และคือไม่มีไง แถมใส่อีเมลปลอมไม่ได้ด้วย เพราะต้องกดยืนยันการสมัครด้วย จำได้เลยว่าตอนนั้นต้องไปขอยืมเมลพี่มาใช้ก่อน แล้วตอนหลังถึงสมัครเองได้<br />
<br />
แล้วถ้าถามว่าแต่งนิยายลงเด็กดีเนี่ย ทำให้เก่งคอมได้ยังไง คำตอบแรกคือ พิมพ์ดีดเป็น จากเดิมที่การพิมพ์ดีดคือยกนิ้วชี้มา2ข้างแล้วกวาดตาหาว่าตัวอักษรที่จะพิมพ์อยู่ไหนแล้วจิ้มไปทีละตัว กลายเป็นใช้นิ้วเกือบครบทุกนิ้วพิมพ์ได้ในเวลาไม่กี่เดือน (แต่ก็ยังพิมพ์สัมผัสแบบไม่มองแป้นไม่ได้เรื่อยมาจนปีสองปีที่แล้วนี่เองนะ)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Fraz-O7RmZ0/VRJZI-BQNMI/AAAAAAAAFb4/4-YpnHm0xJ0/s1600/public-computers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Fraz-O7RmZ0/VRJZI-BQNMI/AAAAAAAAFb4/4-YpnHm0xJ0/s1600/public-computers.jpg" height="320" width="400" /></a></div>
<br />
เรื่องที่2คือ Photoshop เนื่องจากนิยายมันแต่งบล๊อกได้ อัพรูปได้ เราก็ต้องทำให้รูปมันสวยๆ แล้วลองนึกถึงคนไม่เคยใช้คอมที่ก่อนหน้านี้เปิดโปรแกรมกราฟิกอยากมากก็แค่ Paint ต้องมาพบกับแถบเครื่องมือมากมายมหาศาลของ Photoshop ดูสิว่ามันน่ากลัวแค่ไหน แต่ด้วยความที่อยากทำก็เลยไปซื้อหนังสือมาอ่าน (แถมหนังสือที่ซื้อมาไม่ตรงรุ่นกับ Photoshop ในเครื่องอีก) แล้วก็ลองมั่วไปเรื่อยๆ คือมั่วแบบจิ้มมันทุกคำสั่งจริงๆ ก็เลยได้สกิลแต่งภาพมาด้วยประการฉะนี้<br />
<h2>
"คอมพิวเตอร์เบื้องต้น 101" กับ "เพื่อน ม.ปลาย"</h2>
โอเค ... แค่ลงนิยายคงไม่ทำให้เก่งคอมได้ เรามาดูกันต่อว่าเกิดอะไรขึ้น จากหัวข้อที่แล้วคือเราทำ Photoshop เป็นเพราะจะลงนิยายแล้วพอดีว่าคาบคอมพิวเตอร์ที่โรงเรียนตอนนั้นต้องทำเว็บhtmlแบบง่ายๆ ส่ง ด้วยความที่ไม่รู้อะไรเลยก็พิมพ์โค้ดตามชีท แต่ทำให้มันสวยๆ ด้วยสกิล Photoshop อันน้อยนิดที่มีอยู่ (ตอนนั้นห่วยมาก บอกเลย) แต่! มันดันออกมาแล้วดูสวยที่สุดในห้อง เมื่อเพื่อนเห็นจะเกิดอะไรขึ้นล่ะ?<br />
<div style="text-align: center;">
<span style="font-size: x-large;">ช่วยทำให้บ้างสิ!</span></div>
<br />
ด๊ายย จัดมา ... กลายเป็นว่าเหมือนมีรับงานนอก (แบบไม่ได้เงินนะ) จนคล่อง Photoshop ไปเลย จากนั้นเพื่อนทั้งห้องที่ใช้คอมมาก่อนหน้าเราก็ "คิดกันไปเอง" ว่าเราเก่งคอม อืม..ดีๆ สรุปคือนอกจากเรื่อง Photoshop แล้ว ไม่ว่าจะคอมเสีย ต่อเน็ตไม่ติด เจอไวรัส บลาๆๆ ถามต้าได้เลย เยี่ยม! แล้วเจ้าคนที่ไม่รู้คอมเลยจะทำยังไงล่ะ คำตอบที่ได้ก็ใช้มาจนถึงทุกวันนี้ เมื่อเราไม่รู้อะไรแล้วอยากหาคำตอบก็ต้อง...<br />
<br />
<br />
<br />
<br />
<span style="font-size: x-large;"></span>
<div style="text-align: center;">
<span style="font-size: x-large;">Google ไงล่ะ<span style="font-size: small;"> (ชาบู ชาบู~)</span></span></div>
<br />
สุดท้ายขอขอบคุณพวกแก ห้อง4 ที่ทำให้เราทำได้ทั้งซ่อมคอม และสกิลการกูเกิลนะ (ไม่ได้ประชด พูดจริงๆ)<br />
<h2>
เข้าใจผิดว่า ICT / Com-Sci คือเรียนใช้โปรแกรม</h2>
แลดูเป็นหนทางการเป็นโปรแกรมเมอร์ที่ขลุกขลักเหลือเกิน คือเป็นเรื่องบังเอิญไม่ก็เข้าใจผิดตลอด ตั้งแต่ประถมปลายจนถึง ม.5 อาชีพที่เราอยากจะเป็นคือ สถาปนิก ล่ะ (ฮา) แต่หลังจากลองไปติวและเข้าค่ายถาปัดมาแล้วก็ตัดสินใจในนาทีสุดท้ายว่าเราไม่สามารถวางรูปหรือออกแบบตามใจคนอื่นได้ ประมาณว่างานออกแบบฉันต้องตามใจฉัน ก็เลยไม่เลือกถาปัดดีกว่า แต่คือ5-6ปีที่ผ่านมา วางแผนแต่ถาปัด ก็เลยเคว้งไปนิดหน่อยว่าจะเรียนอะไรดี ก็เลยคิดว่าคอมพิวเตอร์ก็สนุกดีนะ (ตอนนั้นเริ่มเก่งแล้วเลยสนุก) เข้าคณะคอมดีกว่า อ๊ะ ICT ของมหิดลเปิดรับตรงอยู่ มีสาย Multimedia ด้วย เข้าไปคงได้เรียนประมาณนี้ ประกอบกับมันเป็นสอบตรง ไม่ต้องไปสอบ Admission O-net A-net ให้ยุ่งยาก สอบข้อสอบคณะอย่างเดียวแล้วติดเลย ก่อนเพื่อนคนอื่นตั้งครึ่งปี อย่างนี้ก็เอาสิ ... แต่พอเข้าไปเท่านั้นแหละ<br />
<br />
เด็กที่กำลังจะสอบเข้าคณะด้านคอมพิวเตอร์ควรจะระวังเรื่องนี้อย่ายิ่งนะ เพราะคณะคอมส่วนมากจะเน้นการเรียนแบบให้นักเรียนออกมาเป็น "ผู้สร้าง" มากกว่า "ผู้ใช้" ลองกลับไปอ่าน <a href="http://nartra.blogspot.com/2013/06/1.html">อยากเขียนโปรแกรม เริ่มยังไงดี? - ตอนที่ 1 ทฤษฎีของการ "คิด"</a> และ <a href="http://nartra.blogspot.com/2014/06/blog-post.html%20http://nartra.blogspot.com/2014/06/blog-post.html">หลายๆ เหตุผลที่ ทำไม๊ ทำไม..ก็เขียนโปรแกรมไม่เก่งซะที</a> อาจจะทำให้เห็นมุมมองของคณะด้านคอมพิวเตอร์มากขึ้น <br />
<blockquote class="tr_bq">
** แต่ก็มีคณะคอมบางมหาลัยที่สอนด้านกราฟิกโดยเฉพาะเหมือนกันนะ คณะนิเทศก็เหมือนจะมีสาขาด้านนี้สำหรับคนที่ชอบ</blockquote>
จากที่อ่านมาจะเห็นว่าเส้นทางการเป็นโปรแกรมเมอร์ของเรามีแต่ความบังเอิญและเข้าใจผิดทั้งนั้น แต่มาคิดดูก็ผ่านมา 10 ปีแล้ว ถามว่าเริ่มชอบคอมพิวเตอร์ตอนไหน ตอบเลยว่าจนถึงตอนนี้ก็ไม่ได้ชอบมากนัก แค่เป็นสายงานที่ทำงานแล้วสนุก+ถนัดที่สุดเท่านั้น แต่ก็นับว่าดวงดีมาก ที่อยู่ๆ ก็มีเหตุให้เริ่มใช้คอมพิวเตอร์ สอบเข้าคณะสายคอมก็เพราะเข้าใจผิดแต่ดันเรียนได้ดีซะงั้นnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com1tag:blogger.com,1999:blog-3565944301664295783.post-89780763485946970852015-02-20T00:18:00.002+07:002015-02-20T09:37:05.738+07:00งานออกแบบ/สินค้าตัวนี้ห่วยจัง! เพราะคนทำมีฝีมือแค่นี้(จริงเหรอ???)พอดีไปอ่านข่าว <a href="https://www.blognone.com/node/65856" target="_blank">ขอเชิญร่วมวิจารณ์แนวทางการออกแบบ เว็บไซต์ธนาคารกสิกรไทยโฉมใหม่</a> และ <a href="https://www.blognone.com/node/65825" target="_blank">อดีตหัวหน้าทีมดีไซน์ซัมซุงเผย ทำไมผลิตภัณฑ์ซัมซุงดีไซน์ออกมาห่วย</a> ก็เลยอยากเขียนอะไรไว้หน่อย<br />
<br />
<blockquote class="tr_bq">
** สำหรับสายงานที่เกี่ยวข้องกับการออกแบบและเขียนโปรแกรมหรือITควรจะเข้าไปอ่านข่าวและคอมเมนท์เองด้วยนะ<br />
** ล่าสุดเว็บกสิกรเปลี่ยนกลับเป็นแบบเดิมแล้วล่ะ (ภายใน1วันหลังจากlaunch 20 ก.พ.)</blockquote>
<br />
ส่วนใหญ่แล้ว ไม่ว่าธุรกิจอะไรก็ตามที่มีการขายสินค้าให้ลูกค้า ซึ่งในที่นี้พูดถึงทั้งเป็น "<b>รูปธรรม </b>(สิ่งของ hardware)" และ "<b>นามธรรม </b>(โปรแกรม เว็บ software)" นั้น สิ่งแรกที่ลูกค้าเห็นหรือเรียกว่าเป็น First Impression ให้เขาประทับใจหรือหรือยี้ในครั้งแรกเลยก็คือ <b>UI - User Interface </b>หรือ งานดีไซน์นั่นเอง<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-w_Y79bA7NR8/VOYIt9XQCwI/AAAAAAAAFZk/n4HAVBNzcjQ/s1600/kbank_new_design.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-w_Y79bA7NR8/VOYIt9XQCwI/AAAAAAAAFZk/n4HAVBNzcjQ/s1600/kbank_new_design.jpg" height="252" width="400" /></a></div>
<br />
ล่าสุด กสิกรไทยได้ทำการปรับโฉมหน้าเว็บใหม่ ซึ่งก็ออกมาเป็นแบบรูปข้างบนนี่! ถ้าถามว่ามันสวยมั้ย?<br />
คำถามนี้คงต้องย้อนถามก่อนว่า...<br />
<br />
<div style="text-align: center;">
<span style="color: #cc0000;"><span style="font-size: x-large;">ถามใครล่ะ??</span></span></div>
<br />
ถ้าคุณอยู่ในวงการพัฒนาเว็บไซต์หรือเป็นคนที่เล่นเว็บเปิดแอพประจำคำตอบ 90% น่าจะออกไปทาง <b>"แย่มาก มันห่วยสิ้นดี!!"</b> แต่รู้มั้ยว่าคำถามเดียวกันนี้ แต่ไปถามกับคนอีกกลุ่มหนึ่งคำตอบที่ได้อาจจะแค่ <b>"ทำไมเหรอ ก็สวยดี(มั้ง)"</b><br />
<br />
เอาล่ะ เชื่อว่าคนที่เข้ามาอ่านบล๊อกนี้น่าจะเป็นคนกลุ่มแรกมากกว่าที่เปิดเข้าเว็บไปปุ๊บก็บ่นเลยว่าใครออกแบบมาเนี่ย มันช่าง@#$%&*เหลือเกิน<br />
<br />
<span style="font-size: small;"><i>ป.ล. เราก็ว่ามันไม่ได้แย่ขนาดนั้นนะ UI สวยดีแต่ UX ไม่ผ่าน -- สำหรับคนที่รู้จัก UI แต่ยังไม่รู้จัก UX ไปอ่านเพิ่มได้<a href="http://nartra.blogspot.com/2014/11/user-experience-ux-1-ux.html" target="_blank">ที่นี่ จิ้มเลย!</a></i></span><br />
<span style="font-size: small;"><i>ป.ป.ล. คนอีกกลุ่มที่ว่าคือกลุ่มที่ไม่ค่อยเล่นคอม/มือถือ หรือเล่นแต่เป็นคนรุ่นผู้ใหญ่ที่ไม่ค่อยสนดีไซน์เท่าไหร่นะครับ ลองถามมาแล้ว คนกลุ่มนี้ส่วนใหญ่จะบอกว่าเว็บยุคใหม่ดีไซน์เรียบๆ นี่แหละที่มันไม่สวยเพราะมันไม่มีอะไร 555</i></span><br />
<br />
<h3>
แล้วออกแบบเช่นนี้มา มันไม่ดีตรงไหนเหรอ</h3>
เท่าที่อ่านคอมเมนท์ของแต่ละเจ้าที่มาวิจารณ์ ส่วนใหญ่จะบอกว่าหน้าเว็บนี้มันคงจะดี ถ้าเป็นยุคปี90s-ช่วงปี2000 ที่หน้าจอคอมพิวเตอร์ถูกจำกัดแค่ 800 x 600 px แล้วการออกแบบเว็บโดยใช้ Flash ทั้งหน้ายังเป็นที่นิยมอยู่<br />
<br />
แต่นี่มันปีอะไรเข้าไปแล้วครับ 2015 ... 2015แล้วท่าน เดี๋ยวนี้เทรนด์เขานิยมเว็บคลีน ของไม่รก อ่านง่ายหาของง่าย และที่สำคัญคือต้อง Responsive เปิดในจอขนาดเท่าไหร่ก็ได้ตั้งแต่หน้าจอคอมไปจนถึง Smartphone พูดง่ายๆ คือดีไซน์ใหม่นี่มันไม่ตอบโจทย์พวกนี้เลย ให้ตายเถอะ! (ยิ่งคุณเห็นมันแล้วหงุดหงิดเท่าไหร่ แสดงว่าคุณมีความเป็น Developer/Power User เท่านั้น เพราะจากที่ไปถามมา End User จริงๆ จะบอกแค่ว่า "ก็สวยดี" เมื่อคุณไปถามเขา)<br />
<br />
โอเคมาเข้าเรื่องกันดีกว่า...<br />
(อ้าว แล้วที่เกริ่นมายืดยาวนี่ยังไม่เข้าอีกเหรอ 555 ยัง!)<br />
<a name='more'></a><h2>
เวลาเห็นงานออกแบบแล้วมันไม่สวยนี่ เพราะดีไซเนอร์ไม่เก่ง?</h2>
อย่างที่บอกไป ความประทับใจแรกของลูกค้า/ผู้ใช้คือหน้าตาสินค้า ถ้ามันไม่สวย คำถาม(บางที่ก็เป็นคำบ่นหรือด่าเลย)แรกๆ ที่เขาจะปิ๊งขึ้นมาในหัวคือ<br />
<br />
<div style="text-align: center;">
<span style="font-size: x-large;">"ใครออกแบบเนี่ย มันห่วยมากเลยนะ</span></div>
<div style="text-align: center;">
<span style="font-size: x-large;">ปล่อยผ่านมาได้ไงเนี่ย"</span></div>
<br />
ขอให้รู้ไว้เลยครับ ว่านี่มันไม่ใช่ดีไซน์จริงที่ดีไซเนอร์ปล่อยออกมาหรอกนะ ดีไซน์ครั้งแรกเมื่อเทียบกับฉบับสุดท้ายถ้าเอามาเทียบกันคงต้องร้องว่านี่มันคนละงานกันชัดๆ<br />
<br />
นั่นเป็นเพราะกว่างานดีไซน์จะเดินจากออกจากแผนกดีไซน์ ผ่านโปรแกรมเมอร์(หรือโรงงานที่สร้างถ้าของชิ้นนั้นเป็นสินค้าที่จับต้องได้) ผ่านฝ่ายตรวจสอบ ฝ่ายบริหารจน launch product ออกมาให้ลูกค้าเห็นนั้น งานออกแบบชิ้นนั้นเรียกว่าเดินทางมาไกลมาก ไกลจนมันค่อยๆ ถูกเปลี่ยนหน้าตาทีละนิดๆๆๆๆๆๆๆๆๆๆ จนไม่เหมือนเดิมอีกต่อไป<br />
<br />
แล้วส่วนใหญ่ใครเป็นคนเปลี่ยนละ?<br />
<br />
บอส/เจ้าของบริษัท/ฝ่ายบริหารไง! ที่สั่งเปลี่ยนบ่อยที่สุด อย่างเว็บกสิกรเนี่ย ตอนแรกอาจจะดีไซน์ออกมาเป็นเว็บคลีนๆ ตัวเลือกไม่เยอะสไตล์เว็บฝรั่งก็เป็นได้ แต่หลังจากเอาไปให้เจ้านายที่เป็นฝ่ายบริหารดูแล้วก็เป็นอย่างที่ทุกคนคาด<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">"ทำไมมันโล่งอย่างนี้ ใส่รูปใส่อะไรๆ ให้มันดูมีอะไรหน่อยสิ"</span></div>
<br />
หรืออย่าง<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">"เดี๋ยวเดือนหน้าเราจะเปิดบริการตัวใหม่ เอาลิงค์ใส่ไว้ให้ด้วยนะ ทำให้มันกระพริบด้วย ลูกค้าจะได้สนใจ"</span></div>
<br />
หรือเอาอีก<br />
<br />
<div style="text-align: center;">
<span style="font-size: large;">"ใส่รูปพรีเซนเตอร์ใหญ่ๆ เลยนะ ให้ลูกค้ารู้สึกอบอุ่นเวลาเข้ามา"</span></div>
<br />
น่าจะประมาณนี้เนอะ ^o^<br />
<br />
แล้วดีไซเนอร์ต้องทำยังไงล่ะ --> "เดี๋ยวเอามาปรับนะครับ/คะ"<br />
นอกจากตอบรับแล้วตอบอย่างอื่นได้งั้นเหรอ ... จะมีบางเคสน่ะ ที่ต่อรองได้ แต่ส่วนใหญ่เขาก็มักจะรับฟังนะแต่ก็ยืนยันคำตอบเดิมอยู่ดี จบข่าว<br />
<br />
แต่ก็เป็นเรื่องที่ช่วยไม่ได้นะ งานออกแบบของคุณอาจจะดีระดับได้รางวัลในสาขาออกแบบ แต่สำหรับโอกาสทางธุรกิจที่ฝ่ายบริหารมองแล้วมันไม่เวิร์คเอาซะเลย<br />
อย่างเช่น<br />
- ดีไซเนอร์รู้ว่าลูกค้าเกลียดโฆษณา แต่ถ้าไม่มีโฆษณาบริษัทก็ไม่ได้เงิน<br />
- ดีไซเนอร์รู้ว่าลูกค้าต้องการเข้าเว็บมาแล้วหาสิ่งที่เขาต้องการเจอ แต่แบบนั้นก็ไม่ได้โปรโมตโปรโมชั่นล่อลูกค้าอันใหม่สิ<br />
- ดีไซเนอร์รู้ว่าลูกค้าน่าจะต้องการแบบนี้ แต่มันทำเงินให้บริษัทไม่ได้เลย จบนะ<br />
<br />
เนื่องจากฝ่ายบริหารหรือเจ้าของบริษัทเขาจ้างคุณมา คุณก็ต้องให้เขาเป็นคนตัดสินใจนั่นแหละ ถ้าอยากออกแบบเองทุกอย่าง ก็ต้องเปิดบริษัทเองแล้วตอนนั้นคุณจะเลือกดีไซน์แบบไหนก็ได้ (และถ้ามีการจ้างคนมาดีไซน์ให้ สิ่งที่คุณเคยบ่นๆ ไปเมื่อกี้ ก็จะได้รับการบ่นโดยลูกจ้างของคุณอีกทีนึง)<br />
<br />
<h3>
ในเมื่อคุณออกแบบได้แต่ตัดสินใจไม่ได้ งั้นทำไงดี</h3>
ก็ไม่ต้องคิดอะไรมาก คุณแสดงไอเดียแบบจัดเต็มได้ ให้เหตุผลได้ว่าทำไมถึงออกแบบมาแบบนี้ แต่หน้าที่ตัดสินใจไม่ใช่ของคุณ ดังนั้นทำใจไว้นิดหนึ่งนะว่างานของคุณอาจจะไม่ได้รับการนำไปใช้ก็เป็นได้ ... แต่นั่นคือหลังจากคุณ fight สุดใจ สู้เพื่อผลงานของคุณแล้วนะ<br />
<br />
<h2>
งานดีไซน์ในแบบเอเชีย VS ตะวันตก</h2>
จริงๆ เรียกว่างานดีไซน์ตามหัวข้ออาจจะไม่ได้ เรียกว่า <b>กระบวนการในการสร้างงานดีไซน์ในแบบเอเชีย VS ฝรั่งตะวันตก</b>จะดีกว่า<br />
<br />
ทำไมบริษัท Apple ถึงออกแบบสินค้าได้สวยในขณะที่คนมองว่า Samsung นั้นไม่สวยบ้าง ลอกบ้าง<br />
<br />
<blockquote class="tr_bq">
แต่อันนี้ก็แล้วแต่มุมมองนะ เพราะเรามองว่าสินค้า Apple นั้นสวยในแวบแรกแต่ถ้ามองไปนานๆ หรือลองใช้แล้วมันรู้สึกไม่สวย โล่งไป หาปุ่มคำสั่งไม่เจอ สู้งานออกแบบค่ายคู่แข่งไม่ได้ เพราะมันมินิมอลเกินไป</blockquote>
<br />
ก่อนอื่นต้องเข้าใจวัฒนธรรมเอเชียกับวัฒนธรรมของฝรั่งกันซะก่อน<br />
<h3>
เอเชีย สังคมสมานฉันท์ เราเป็นครอบครัว</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--hND28fubIw/VOYX9_SZXdI/AAAAAAAAFZ0/Pjkv2kxqtiQ/s1600/chinese%2Bfamily.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/--hND28fubIw/VOYX9_SZXdI/AAAAAAAAFZ0/Pjkv2kxqtiQ/s1600/chinese%2Bfamily.jpg" height="260" width="400" /></a></div>
<br />
ตั้งแต่เด็ก สำหรับสังคมเอเชียแท้ๆ จะเน้นการอยู่รวมกันเป็นครอบครัวใหญ่ บางบ้านมีตั้งแต่รุ่นอากงอาม่าจนถึงรุ่นหลาน มีระบบอาวุโส เราชินกับการอยู่รวมกัน ประนีประนอมกับทุกฝ่าย ไปไหนเจอใครครั้งแรกก็เรียก "พี่xxx/น้องxxx" ได้เลย<br />
<br />
ความคิดนี้ส่งผลมาถึงการทำงานบริษัท แม้จะเป็นบริษัทระดับโลกอย่างซัมซุงแต่ค่านิยมแบบนี้ก็ฝังลึกไปแล้ว ถ้าทีมดีไซน์มีแต่คนเอเชีย ทีมมี10คนแต่ละคนมีคนละ1ไอเดีย เชื่อเถอะว่าจะมีไอเดียไม่ถึง10ไอเดียหลุดปากพูดออกมาในที่ประชุม<br />
<br />
นั่นเพราะว่าสังคมเอเชียนั้นขี้เกรงใจ ถ้าเรื่องที่เราคิดมันขัดกับคนก่อนที่เขาเพิ่งเสนอไป ยิ่งคนตำแหน่งสูงกว่าเป็นคนพูดด้วย ไอเดียเราจะโดนเรานี่แหละเป็นคนลบมันทิ้งไปเลย หรือถ้าเกิดพูดออกไปละ ส่วนใหญ่ทั้งทีมก็จะหาข้อสรุปที่ไม่ทำร้ายจิตใจของเราของไอเดียให้โดยการปรับโน่นนิดปรับนี่หน่อย ปรับซะจนเรียกได้ว่า งานออกแบบออกมาเป็นเป็ด!<br />
<br />
ที่เรียกว่าเป็ดเพราะเป็ดเป็นสิ่งมีชีวิตที่ เดินก็ได้! ว่ายน้ำก็ได้! บินก็ได้! ... แต่มันทำไม่ได้ดีสักอย่าง<br />
<br />
แต่ทั้งทีมอยากได้เยอะอ่ะ ทำไงให้ไม่ทะเลาะกัน ก็ต้องเอาไอเดียของทุกคนมาใช้ไง ตามนั้นนะ<br />
<h3>
ตะวันตก สัมคมปัจเจกชน มั่นใจในตัวเอง</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-QhI0Z3negCk/VOYYEV1_-cI/AAAAAAAAFZ8/CvmVOODm-A8/s1600/western%2Bfamily%2Bvs%2Basian%2Bfamily.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-QhI0Z3negCk/VOYYEV1_-cI/AAAAAAAAFZ8/CvmVOODm-A8/s1600/western%2Bfamily%2Bvs%2Basian%2Bfamily.jpg" /></a></div>
<br />
แทบจะกลับกับสังคมเอเชีย สังคมของฝรั่งส่วนใหญ่จะเน้นความเป็นปัจเจกค่อนข้างมาก สังเกตเวลาดูหนังฝรั่ง เด็กวัยรุ่นส่วนใหญ่จะเริ่มออกไปทำงานและแยกตัวออกไปจากพ่อแม่เร็วมาก แค่ไฮสคูล ม.ปลาย บางคนก็ออกไปเช่าห้องอยู่เองแล้ว ซึ่งมันไม่ใช่เรื่องแปลกของฝรั่งด้วยนะ เพราะเขามองว่าคนที่จบมหา'ลัยแล้วยังอยู่บ้านพ่อแม่อยู่อีกเป็นเรื่องน่าอายมาก<br />
<br />
เพราะถูกฝึกแบบนี้มาตั้งแต่เด็ก ฝรั่งเลยมีความมั่นใจในตัวเองและความกล้าแสดงออกมากกว่า ดังนั้นสังคมของฝรั่งจะไม่เน้นเรื่องความสมานฉันท์แบบเอเชีย เวลามีงานออกแบบถ้าทำเป็นทีมก็จะแย้งกันเต็มที่ไม่กลัวอีกฝ่ายเสียหน้า อย่างที่ในข่าวต้นฉบับบอกเอาไว้ว่า "เน้นความเป็นปัจเจกของดีไซเนอร์ เต็มไปด้วยอีโก้ และมั่นใจว่างานดีไซน์ของตัวเองดีเยี่ยม (เรียกอาการนี้ว่า Steve Jobs Syndrome)"<br />
<br />
งานดีไซน์ของฝรั่งเลยออกมาดูเป็นธีมหรือแนวทางของตัวเอง ไม่มั่วไปเรื่อยๆ แบบบริษัทเอเชีย ทีมผู้บริหารก็ไม่ยุ่งกับทีมออกแบบ ให้สิทธิ์เต็มที่ คุณคิดอะไรจัดมาเลย เราไม่ก้าวก่าย<br />
<br />
<h2>
สรุป...</h2>
หน้าตาสินค้าจะออกมาเป็นยังไง ไม่ได้อยู่ที่ดีไซเนอร์อย่างเดียว แต่อยู่ที่ระบบบริษัทด้วย <br />
สั้นๆ คือแนวเอเชียจะเน้น แนวทางออกแบบแบบผสม ออกแบบให้ทุกคนใช้ได้ เน้นขายให้หลากหลาย กำไรไม่เยอะ แต่ปริมาณเยอะ ... ส่วนฝรั่งจะชอบออกแบบแบบยึดแนวคิดของดีไซเนอร์เป็นหลัก ของที่ออกมาเลยเป็นแบบ สินค้าเฉพาะตัว กำไรมาก แต่ขายได้เฉพาะกลุ่มมากกว่า<br />
<br />
ถามว่าแบบไหนดีกว่ากัน ตอบไม่ได้หรอก ต้องลองเอง แต่สินค้า made in China ขายได้ทั่วโลกก็เพราะใช้วิธีแบบเอเชียนะ (การลงทุนมีความเสี่ยง ผู้ลงทุนควรศึกษาข้อมูลก่อนตัดสินใจลงทุน เอ๊ะ เกี่ยวมั้ย 555)nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-48262421262835760322015-02-08T15:01:00.001+07:002015-02-08T15:01:24.709+07:00[Review] Fury - วันปฐพีเดือด (★★☆☆)<h2 style="text-align: center;">
Fury - วันปฐพีเดือด </h2>
<div style="text-align: center;">
<span style="color: #666666;"><span style="font-size: large;">ให้คะแนน (★★</span></span><span style="color: #666666;"><span style="font-size: large;"><span style="color: #666666;"><span style="font-size: large;">☆</span></span></span></span><span style="color: #666666;"><span style="font-size: large;"><span style="color: #666666;"><span style="font-size: large;"><span style="color: #666666;"><span style="font-size: large;">☆</span></span></span></span>)</span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RBVPC8dYHmU/VNTYetsWKsI/AAAAAAAAFYU/z2NXl6jO5Pw/s1600/fury2.jpg" imageanchor="1"><img border="0" src="http://1.bp.blogspot.com/-RBVPC8dYHmU/VNTYetsWKsI/AAAAAAAAFYU/z2NXl6jO5Pw/s1600/fury2.jpg" height="402" width="640" /></a></div>
<br />
<blockquote class="tr_bq">
รีวิวนี้เป็นความเห็นส่วนตัว คะแนนที่ให้ทั้งหมดมาจากความประทับใจของตัวเองล้วนๆ ไม่สนกระแส ไม่สนบทภาพยนต์ ไม่สนนักแสดง-ผู้กำกับทั้งสิ้น </blockquote>
<br />
ตอนนี้มีกระแส The Imitation Game กำลังมาแรง เรื่องนั้นก็เกี่ยวกับเหตุการณ์ในสงครามโลกครั้งที่สองเหมือนกันแต่เรื่องนี้ดูแล้วเขียนค้างไว้นานแล้ว (ดองนั่นเอง)<br />
<br />
ฟิวรี่เป็นชื่อของรถถังรุ่นเชอร์แมน (รถถังมาตราฐานของฝ่ายอเมริกา) คันที่พระเอกของเรื่องขับ อ่ะ..พูดถึงรถถังแน่นอนว่าเรื่องนี้มันต้องเกี่ยวกับสงครามแน่ๆ ช่วงเวลาของเรื่องฟิวรี่อยู่ในยุคสงครามโลกครั้งที่สอง WWII ซึ่งตอนนั้นฝ่ายสัมพันธมิตรเริ่มโต้กลับและบุกเข้าประเทศเยอรมันนีแล้ว<br />
<br />
เรื่องนี้มีตัวเอกเด่นๆ 2 คนคือ "วอร์แดดดี๊" (แสดงโดยแบรด พิตต์) ในตำแหน่ง ผู้บัญชาการรถถัง กับ "นอร์แมน" ตำแหน่งผู้ช่วยคนขับและพลปืนกล เรื่องเปิดมาโดยที่เล่าให้เห็นว่าผลปืนกลประจำรถของพวกพระเอกโดนระเบิดเสียชีวิตไป ทำให้กองทัพส่งพลปืนกลคนใหม่มาให้ประจำการแทน แต่พลปืนกลคนใหม่ก็ดันเป็น นอร์แมน เด็กหนุ่มที่ยังไม่เคยลั่นไปปืนฆ่าคนเลยประมาณว่าเป็นเด็กหนุ่มที่ไม่น่าจะมาเป็นทหารอะไรประมาณนั้น เลยมีดราม่ากันนิดหน่อยระหว่างผลประจำรถถังเดิมกับนอร์แมนที่มองสมาชิกใหม่เป็นแค่ไก่อ่อนที่ทำอะไรไม่ได้<br />
<br />
ในเรื่องพวกพระเอกได้รับคำสั่งให้ไปสกัดกองทหารเยอรมันนีที่จุดยุทธศาสตร์หนึ่ง ตอนแรกก็ไปกัน 5 คัน แต่เดินทางไปก็ไปเจอกับรถถัง Tiger ของฝ่ายเยอรมันเข้า ทำให้มีแต่คันของพวกพระเอกเท่านั้นที่หลุดไปถึงจุดยุทธศาสตร์เพื่อทำภารกิจสกัลกองทัพเยอรมันที่กำลังจะเดินทางผ่านไปด้วยรถังแค่คันเดียว<br />
<br />
โดยส่วนตัว คาดหวังว่าจะได้เห็นฉาก action รบกันโดยใช้ยุทธการรถถัง/ยานเกราะ แต่ก็มีฉากแบบนี้ไม่เยอะ หลักๆ มี 3 ฉากเท่านั้นคือฉากใช้ขบวนรถถัง+ทหารราบเข้าตีที่มั่นศัตรู (กลยุทธ์มาตราฐานของฝ่ายอเมริกา) ฉากรถถังเชอร์แมน vs รถถังไทเกอร์ แบบ 4ต่อ1 และฉากสุดท้ายที่ไปตั้งหลักต้านทัพเยอรมัน ... นอกนั้นจะเป็นฉากดราม่าประเด็นความโหดร้ายของสงครามที่เล่าผ่านนอร์แมนที่เป็นเหมือนทหารใหม่เพิ่งมาจับปืนฆ่าคน ซึ่งขอตัดคะแนนตรงนี้เพราะอยากดูฉากบู๊โดยใช้รถถังมากกว่าเพราะเคยดูหนังสงครามโลกที่เน้นฉากบู๊มากกว่าดราม่าแบบ U-571 แล้วชอบมาก แต่เรื่องนั้นเป็นทัพเรือ/เรือดำน้ำ<br />
<br />
ดังนั้นถ้าใครชอบหนังดราม่า เน้นอารมณ์อาจจะชอบเรื่องนี้มากกว่าเราก็ได้ แต่ถ้าชอบแบบเราก็มีให้ดูแค่3ฉากเท่านั้นแหละ แต่3ฉากนั้นสนุกนะ อลังการโดยเฉพาะคนที่รู้ว่าวิธีการต่อสู้ด้วยรถถังเป็นยังไงจะดูแล้วอินฯ ดี (เราดู Girl und Panzer มาแล้วเลยรู้กลยุทธ์ส่วนใหญ่)<br />
<a name='more'></a><br />
สรุปก็ให้ 2/4 นะ เพราะฉากสู้กันน้อยไป ดราม่าเยอะไปนิด หนังสงครามโลกครั้งที่สองในดวงใจก็ยังเป็น U-571 อยู่ดี<br />
<br />
<h2>
เล่าเรื่องรถถังกันหน่อยละกัน</h2>
สำหรับคนที่เคยอ่านเรื่อง/ข้อมูลการรบสมัยสงครามโลกอ่านจะรู้พวกนี้อยู่แล้ว แต่ถ้าใครไม่เคยจะให้ข้อมูลพวกนี้ไว้หน่อยละกัน<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-idE5yqAH7pg/VNTYeqrRNqI/AAAAAAAAFYY/Qg4O5bmgtXg/s1600/fury1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://1.bp.blogspot.com/-idE5yqAH7pg/VNTYeqrRNqI/AAAAAAAAFYY/Qg4O5bmgtXg/s1600/fury1.jpg" height="338" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">พลประจำรถถังฟิวรี่ เรียงจากซ้าย นอร์แมน(พลปืนกล) กอร์โด(คนขับ) วอร์แดดดี๊(ผู้บัญชาการรถถัง) เกรดี๊(พลบรรจุกระสุน) ไบเบิล(พลปืน)</td></tr>
</tbody></table>
สงครามโลกครั้งที่สองเป็นสงครามที่ทำให้เทคโนโลยีทั่วโลกเพิ่มขึ้นอย่างก้าวกระโดด (เทคโนโลยีหลายๆ อย่างเช่นคอมพิวเตอร์ก็เกิดเพราะ WWII) โดยเทคโนโลยีของฝั่งทัพบกอเมริกาที่เห็นได้มากที่สุดคือ<b>รถถังเชอร์แมน</b> ที่เป็นรุ่นระดับ เบส-เซลเลอร์ ผลิตออกมาเป็นหมื่นๆ คันแต่มันออกแบบมาให้ใช้สำหรับสนับสนุนทหารราบเป็นหลัก เกราะและปืนเลยไม่หนาและใหญ่มาก ประมาณว่าถ้ายกกันไปเป็นก๊วนมันจะเก่งนะ แต่ถ้าให้ไปสู้ตัวต่อตัวกับรถถังฝ่ายเยอรมันที่ออกแบบมาดวลกับรถถังด้วยกันโดยเฉพาะก็ต้องใช้ฝีมือมากหน่อย<br />
<br />
โดยพลประจำรถถังหลักๆ จะมี 5 คนคือ<br />
1. ผู้บัญชาการรถถัง - เป็นคนสั่งการทุกอย่างเหมือนกัปตันเรือยศจะใหญ่ที่สุดในทุกคน รถถังทั้งคันจะอยู่จะไปก็ขึ้นกับคนนี้แหละ และก็เป็นคนที่เสี่ยงชีวิตที่สุดเพราะสมัยสงครามโลกไม่มีกล้องมองนอกรถถังที่ดีมาก ทำให้ผู้บัญชาการต้องโผล่หัวออกไปนอกรถถังทำให้มีโอกาสโดยสอยได้ง่ายๆ<br />
<br />
2. คนขับ - ตามชื่อเลย คือเป็นคนขับรถถังส่วนใหญ่จะต้องฟังผู้บัญชาการรถถังว่าให้ขับไปทางไหนมากกว่า หน้าที่หลักๆ เลยไม่ใช่หาเส้นทางแต่เป็นคอยดูตามทางว่ามีศัตรูหรือพวกกับระเบิดอยู่รึเปล่า<br />
<br />
3. พลปืน - ทำหน้าที่เล็งเป้าหมายและยิงมัน~! สำหรับรถถังเชอร์แมนพลปืนจะมีปืนสองกระบอกคือปืนหลักขนาด 75มม. กับปืนกล คำสั่งยิงจะมาจากผู้บัญชาการ ไม่ใช่อยู่ๆ อยากยิงก็ยิงได้<br />
<br />
4.พลบรรจุกระสุน - สมัยสงครามโลกยังไม่มีระบบบรรจุกระสุนอัตโนมัติ พอยิงปืนไปครั้งนึงก็ต้องใช้แรงงานคนนี่แหละ ยกกระสุนขึ้นมาบรรจุเอง พลบรรจุเลยจะเป็นคนที่แข็งแรงที่สุดในกลุ่ม<br />
<br />
5.ผู้ช่ายคนขับและพลปืนกล - เป็นคนที่นั่งข้างๆ คนขับ และคอยใช้ปืนกลหน้ารถยิงข้าศึก<br />
<br />
ส่วนใหญ่เชอร์แมนจะไปกันเป็นขบวน (เพราะถ้ามันอยู่คันเดียวมันจะทำไรไม่ค่อยได้) ไม่ก็ไปกับทหารราบ และทำการโจมตีแบบแท๊กทีม ช่วยๆ กัน <br />
<br />
<h3>
เชอร์แมน vs ไทเกอร์</h3>
อย่างที่บอกไปว่าเชอร์แมนเป็นรถถังมาตราฐานของฝ่ายอเมริกา ออกแบบมาใช้รบพร้อมทหารราบเป็นหลัก ดันนั้นถ้าเอามันไปสู้กับไทเกอร์ที่ได้ชื่อว่าเป็นราชารถถังสมัยสงครามโลก อาจจะต้องใช้เชอร์แมนถึง 5 คันรุมเพื่อเอาชนะเลยทีเดียว<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-wtawyopWVME/VNcQwM-fRUI/AAAAAAAAFYo/7oTJeY9Z5xw/s1600/fury-tiger%2Bvs%2Bsherman.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-wtawyopWVME/VNcQwM-fRUI/AAAAAAAAFYo/7oTJeY9Z5xw/s1600/fury-tiger%2Bvs%2Bsherman.jpg" height="165" width="400" /></a></div>
<br />
ในหนัง ฝ่ายพระเอกโดนไทเกอร์คันนึงซุ่มโจมตีระหว่างทาง ไทเกอร์ยิงเปิดฉากมาทะลุเชอร์แมนหนึ่งคันไปเลยแต่ฝ่ายพระเอกหันไปยิงมันตั้งนานกว่าจะยิงเข้า<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-hDzpGykpMsI/VNcQwQLbLFI/AAAAAAAAFYs/RaTY9cN8qiQ/s1600/Fury-sherman-tiger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-hDzpGykpMsI/VNcQwQLbLFI/AAAAAAAAFYs/RaTY9cN8qiQ/s1600/Fury-sherman-tiger.jpg" height="296" width="640" /></a></div>
<br />
ดูจากรูปเปรียบเทียบ เชอร์แมนกับไทเกอร์ รูปร่างก็แพ้ เกราะหนาก็แพ้ ขนาดกระสุนนี่ก็คนละระดับกันเลย ข้อดีของเชอร์แมนอยู่ที่มันผลิตง่ายกว่าและเบากว่าเท่านึงทำให้มันวิ่งเร็วกว่าไทเกอร์เยอะมาก สามารถอ้อมหลังไปยิงเข้าที่เกราะหลังซึ่งบางและเป็นจุดอ่อนของไทเกอร์ได้ ต้องอ้อมไปเพราะยิงข้างหน้าจะๆ ยังไงก็ไม่เข้า (แต่ไทเกอร์ยิงนัดเดียวนี่เชอร์แมนกระเด็นเลยนะ)<br />
<br />
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i><b><span style="color: red;">- - - - - - - - - - - - - - - - - - - - - - ข้างล่างมี SPOIL ล่ะ - - - - - - - - - - - - - - - - - - - - - - </span></b></i></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
เล่าเรื่องแบบละเอียดเท่าที่จำได้ - เป็นฉากมาด้วยรถถังคันของพระเอก (ที่ชื่อฟิวรี่) จอดเสียอยู่และกำลังโดนฝ่ายเยอรมันยิงถล่ม ในรถ พลประจำรถมีปากเสียกันนิดหน่อยเพราะเกิดเหตุทำให้ลูกทีมชื่อเรดซึ่งเป็นพลปืนกลเสียชีวิตไป แต่ทั้งหมดก็หนีกลับมาถึงฐานได้<br />
<br />
รถถังฝ่ายพระเอกที่เสียลูกทีมไปหนึ่งคนเลยได้รับพลประจำรถมาใหม่แต่ดันเป็นเด็กหนุ่ม (นอร์แมน) ที่เพิ่งเข้าร่วมกองทัพไม่นานแถมไม่เคยฆ่าคนด้วย พูดง่ายๆ คือยังเป็นคนธรรมดาอ่อนต่อโลกของสงครามอยู่ สมาชิกในทีมก็ยังไม่ค่อยยอมรับคนใหม่สักเท่าไหร่<br />
<br />
พวกพระเอก ซึ่งนำโดย วอร์แดดดี๊ พร้อมรถถังในทีมทั้งหมด 4 คันได้รับคำสั่งให้ไปช่วยกองทหารและทำลายปืนของฝ่ายเยอรมันที่แนวป่า ฉากนี้เราจะได้เห็นยุทธวิธีการรบแบบรถถัง+ทหารราบของฝ่ายอเมริกา คือใช้รถถังทั้งหมดขับนำ และทหารเดินตามใช้รถถังเป็นเกราะ ฝ่ายโน้นก็จะยิงปืนต่อสู้รถถังสวนมาซึ่งฝ่ายพระเอกก็ต้องคอยมองว่ากระสุนออกมาจากตรงไหนและยิงสวนเข้าไปตรงนั้น (ปืนต่อสู้รถถังมักจะพรางเอาไว้ มองเห็นไม่ง่าย ต้องรอดูกระกายไฟเวลายิง) แล้วหลังจากรถถังเคลียร์ปืนและยิงถล่มฝ่ายตรงข้ามให้แล้ว ก็จะให้ทหารราบบุกต่อ<br />
<br />
หลังจากถล่มที่มั่นเยอรมันได้แล้ว ฝ่ายพระเอกก็ขับรถถังและพากองกำลังที่เหลือเข้าเมือง ในระหว่างนั้นก็จะโดนฝ่ายเยอรมันที่ซุ่มอยู่โจมตีไปเรื่อยๆ ก็ต้องเคลียร์เมืองกันก่อน ถึงจะใช้เป็นที่พักได้<br />
<br />
ต่อมาวอร์แดดดี๊ได้รับคำสั่งให้ไปสกัดทัพเยอรมันที่กำลังจะเดินทางไปโจมตีค่ายฝ่ายสัมพันธมิตร พวกพระเอกก็รีบขับรถถังออกไป 4 คัน แต่ระหว่างทาง รถถังคันสุดท้ายของขบวนก็ถูกยิงใส่จนป้อมปืนกระเด็นออก พวกพระเอกขับถอยไปตั้งหลักก่อนจะเห็นว่่ามันคือรถถังไทเกอร์ของเยอรมันที่ซุ่มอยู่ พวกพระเอกที่เห็นกัน 3 คันก็ขับเข้าสู้กับไทเกอร์ แต่ไทเกอร์ชับเข้ามาอย่างชิวมากเพราะฝ่ายพระเอกยิงไปกี่นัด (ยิงโดนด้วยนะ) แต่ก็ไม่เข้า ไม่เหมือนไทเกอร์ที่ค่อยๆ เล็งแล้วเก็บรถถังฝ่ายพระเอกไปเรื่อยๆ ทีละคันจนเหลือคันพระเอกคือฟิวรี่คันเดียว พระเอกใช้ขับอ้อมไปด้านหลังแล้วยิงใส่เกราะอ่อนข้างหลังของไทเกอร์เข้าไปสองนัดกว่าจะทำลายไทเกอร์ได้ สรุปว่าตอนนี้เหลือแต่คันพระเอกต้องไปสกัดทัพเยอรมันคันเดียวแล้ว<br />
<br />
พวกพระเอกก็ขับต่อไปยังจุดหมายแต่ก็ไปสะดุดกับระเบิดเข้าทำให้สายพานข้างขวาขาด รถถังไปไหนไม่ได้ ต้องใช้เวลาซ่อมนาน ตอนที่กำลังจะซ่อมอยู่ นอร์แมนที่ออกไปลาดตระเวนก็วิ่งกลับมาบอกว่าพวกเยอรมันมาแล้วนะ หลายร้อยคนเหมือนกัน วอร์แดดดี๊เลยให้แกล้งทำเป็นรถถังไม่มีคนจอดเสียอยู่ พวกเยอรมันเข้ามาใกล้ก็เข้ามาตรวจ แล้วฝ่ายพระเอกก็ยิงสวนเลย เป็นการเอารถถังคันเดียวสู้กับทหารราบทั้งกอง แม้ตอนแรกรถถังจะได้เปรียบแต่สู้ไปเรื่อยๆ กระสุนก็หมดได้นะ ต้องโผล่หัวออกไปยิงเองบ้างทำให้สมาชิกในทีมค่อยๆ ตายไปจนเหลือแค่วอร์แดดดี๊กับนอร์แมนสองคน<br />
<br />
วอร์แดดดี๊โดนสไนเปอร์่ฝ่ายศัตรูยิงไปแล้วก็บอกให้นอร์แมนหนีไปหลบใต้รถถัง พวกเยอรมันเข้ามาแล้วโดนระเบิดเข้ามาในรถถัง นอร์แมนลองไปซ่อมใต้รถถังฝ่ายช่องข้างล่าง จนตอนเช้า นอร์แมนได้ยินเสียงคนข้างนอก ปรากฏว่าเป็นฝ่ายอเมริกาที่ตามมาถึงแล้วก็พานอร์แมนกลับไป<br />
nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-47416677060041589712015-02-03T08:53:00.000+07:002015-02-03T11:16:30.517+07:00ทำไมถึงต้องเขียนโปรแกรมแบบ OOP กัน? เขียนแบบซัดโค้ดตู้มเดียวที่เคยทำตอนเริ่มเรียนเขียนโปรแกรมไม่ได้เหรอ<i><span style="color: #666666;">ตั้งแต่ปีใหม่ เหมือนตัวเองเขียนแต่บล๊อกแปลบทความ ยังไม่มีบทความออริจินอลเลย คิดไปคิดมาเขียนเรื่อง OOP ดีกว่า เพราะช่วงนี้ไปดูโค้ดน้องหลายคนแล้วเขียนกันแบบ Structure ตรงๆ ซึ่งช่วยแก้ได้ยากมาก มาเขียน OOP กันเถอะเพื่อชีวิตที่ดีขึ้น (มั้งตัวเองและผู้อื่นเลยนะ)</span></i><br />
<h2>
ก่อนอื่นต้องมาทำความเข้าใจคำว่า OOP กันก่อนนะ </h2>
OOP ย่อมาจาก Object Oriented Programming แปลเป็นไทยว่า "การเขียนโปรแกรมแบบวัตถุ" ! ห๊ะ...แปลออกมายิ่งงงเข้าไปใหญ่<br />
<br />
งั้นขอย้อนกลับไปหน่อย ปกติแล้วทุกคนมักจะเรียนเขียนโปรแกรมครั้งแรกอาจจะเป็นภาษา C, Java (หรือภาษาอะไรก็ตามเถอะ) ตอนนั้นเรายังไม่สนใจว่าภาษาโปรแกรมที่เราเรียนกันอยู่นั่นน่ะเป็นภาษาแบบไหนเพราะแค่ทำความเข้าใจ if-else loop function อะไรพวกนั้นก็เต็มหัวไปหมดแล้ว<br />
<br />
ขอยกตัวอย่างภาษา C ละกัน สำหรับคนที่เคยเขียนมาแล้วน่าจะคุ้นกับเจ้านี่<br />
<blockquote class="tr_bq">
<span style="font-family: "Courier New",Courier,monospace;">void main()</span><br />
<span style="font-family: "Courier New",Courier,monospace;">{</span><br />
<span style="font-family: "Courier New",Courier,monospace;"> <i><span style="background-color: #cccccc;"><span style="color: #444444;">//เราจะซัดโค้ดทั้งโปรแกรมลงในนี้แหละ</span></span></i> </span><br />
<span style="font-family: "Courier New",Courier,monospace;">}</span></blockquote>
จริงมั้ยล่ะ ตอนเรียน C ไม่ว่าจะเขียนโปรแกรมเล็กแบบ Hello World หรือโปรแกรมใหญ่ๆ ระดับ Final Project ตอนท้ายเทอมเป็นพันบรรทัดเราก็ยัดมันลงไปใน <span style="font-family: "Courier New",Courier,monospace;">void main </span>นี่แหละ (ถ้าใครเก่งหน่อยก็อาจจะมีการแยกโค้ดออกมาเป็น function บ้าง แต่คิดว่ารุ่นนึงน่าจะมีไม่เยอะที่ทำ) แต่โดยรวมก็คือเขียนคำสั่งต่อเนื่องไปเรื่อยๆ อาจจะมีบางส่วนที่ชวนปวดหัวบ้าง แต่ก็ยังไปถึงปลายทางได้แหละน่า<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-D7ymTHNfnUM/VM9DT6uMpRI/AAAAAAAAFXg/YIdOW06lMfI/s1600/routerr.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-D7ymTHNfnUM/VM9DT6uMpRI/AAAAAAAAFXg/YIdOW06lMfI/s1600/routerr.jpg" height="370" width="640" /></a></div>
<span id="goog_1816175424"></span><span id="goog_1816175425"></span><br />
อ่านมาถึงตรงนี้อาจจะมีคำถามเกิดขึ้นว่า แล้วมันไม่ดียังไงเหรอ? เขียนออกมาแล้วโค้ดก็ทำงานได้นะ<br />
<br />
โอเค โค้ดทำงานได้แต่ต้องมีอะไรที่มันไม่ดีแน่ๆเขาถึงคิดวิธีการเขียนโปรแกรมแบบอื่นขึ้นมาใช้แทน<br />
<h2>
Structure VS Object</h2>
รู้ไหมว่าการเขียนโปรแกรมโดยซัดโค้ดทุกอย่างลงไปกระจุกอยู่ใน <span style="font-family: "Courier New",Courier,monospace;">void main </span>ตัวเดียวเนี่ยเขาเรียกว่าการเขียนโปรแกรมแบบ "Structure Programming"<br />
อธิบายง่ายๆ คือเขียนโค้ดทีละบรรทัดเพื่อบอกให้คอมพิวเตอร์ทำอะไรไปเรื่อยๆ วิธีนี้เป็นวิธีที่เคยฮิตสมัยเพิ่งมีภาษา C แน่นอนว่าสำหรับยุคนี้มันเก่าไปแล้ว<br />
<br />
เหตุผลล่ะ?<br />
<br />
<h3>
ทำงานเป็นทีมได้ยาก</h3>
เรื่องแรกที่เป็นจุดอ่อนของ Structure Programming คือมันทำงานเป็นทีมได้ยาก เคยทำงานเป็นคู่หรือเป็นกลุ่มไหม ตอนที่ต้องเขียนโปรแกรมมากกว่า 1 คนคุณทำยังไงล่ะ<br />
<br />
อืม... ทางเลือกมันก็มีไม่เยอะนักหรอกนะ คือไม่นั่งสุมหัวช่วยกันเขียนบทคอมเครื่องเดียว คุณก็แยกงานกันทำแล้วพอเอามาโค้ดมารวมกันก็ระเบิดจ้า!<br />
<br />
<h3>
อ่านไม่รู้เรื่อง / เอาโค้ดมาใช้ใหม่ไม่ได้</h3>
ตอนเขียนโปรแกรมแบบ Structure เราอยากทำอะไรก็ทำใช่ไหม อยากประกาศตัวแปรเพิ่มก็ประกาศ ตรงนี้เกิดปัญหา งั้นวาง if ดักไว้ละกัน โค้ดตรงนี้เป็นส่วนแสดงผลนะ และอื่นๆ อีกมากมาย<br />
คือมันให้เราทำอะไรก็ได้ ดังนั้นมันจึง "อ่านยาก"<br />
<br />
ตอนเขียนโค้ดยังไม่เท่าไหร่นะ แต่ลองเก็บโปรเจคนี้ไปสักเดือนหนึ่งแล้วเปิดกลับขึ้นมาดูใหม่สิ คิดว่าคุณจำสิ่งที่คุณเขียนไปแล้วได้แค่ไหน ส่วนใหญ่ที่เจอมาจะลืมนะ แต่ก็จะนึกย้อนว่าตัวเองในอดีตว่าแกเขียนอะไรมาเนี่ยน แก้ไม่ถูกเลย<br />
<br />
อีกเรื่องหนึ่งคือเอาโค้ดที่เคยเขียนมาแล้วมาใช้ใหม่ไม่ได้ อยากเราเคยเขียนโปรแกรมหาค่าเฉลี่ยคะแนนนักเรียนไปเมื่อสองวันก่อน วันนี้ต้องมาเขียนโปรแกรมหาค่าเฉลี่ยเงินเดือนพนักงาน เอ๊ะ! มันคล้ายๆ กันนะ ใช้โค้ดเก่าเลยได้มั้ย ... จากนั้นก็เปิดงานเก่า copy+paste ซะแล้วก็ปรับๆ อีกนิดหน่อย ถ้าปรับได้ก็ดีไป ถ้าไม่ได้ยิ่งปรับยิ่งเละกว่าเดิมจนถึงระดับที่คิดได้ว่าเขียนใหม่มันดีกว่า<br />
<br />
.... <br />
<a name='more'></a><br />
<br />
เอาล่ะ แค่สองเหตุผลที่ว่าไปเมื่อกี้ก็เพียงพอละที่จำทำให้โปรแกรมเมอร์สมัยก่อนเขาคิดเรื่อง Object กันขึ้นมาเพื่อแก้ปัญหาพวกนั้น (แต่สำหรับคนไม่เข้าใจ Object มักจะติดว่าแกนั่นแหละคือปัญหา)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-nQuvuLmxDH4/VM9C886uJTI/AAAAAAAAFXM/L0VTJNnFWUo/s1600/oop-lego.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-nQuvuLmxDH4/VM9C886uJTI/AAAAAAAAFXM/L0VTJNnFWUo/s1600/oop-lego.jpg" height="428" width="640" /></a></div>
<br />
<h2>
ถึงเวลาแล้วที่เราจะมองทุกสิ่งเป็น Object! </h2>
หลังจากโปรแกรมเมอร์ในอดีตที่สุดจะทนกับวิธีการเขียนโค้ดที่ยุ่งเหยิงเริ่มหัวเสีย ก็มีใครบางคนปิ๊งไอเดียว่าแทนที่เราจะบอกคอมพิวเตอร์ให้ทำงานตามคำสั่งไปทีละอย่างๆๆๆๆ ทำไมเราไม่มองมันเป็น ก้อนอะไรสักอย่างที่ทำงานได้แทนละ<br />
<br />
แล้วอะไรคือมองโค้ดเป็นพันๆ บรรทัดพวกนั้นให้เป็นก้อนๆ ลองดูตัวอย่างต่อไปเลย<br />
<br />
Ex. มีโจทย์ให้เราเขียนโปรแกรมสำหรับดึงข้อมูลนักเรียนทุกคนออกมาจากไฟล์ excel แล้วเอามาแสดงเป็นกราฟแท่งว่านักเรียนที่ได้คะแนนแบบนี้ๆๆๆ มีกี่คนยังไงบ้างอะไรแบบนั้น<br />
<br />
สำหรับโปรแกรมเมอร์มือใหม่ที่เขียนเป็นแต่ C มาก็จำมีความคิดประมาณนี้<br />
<blockquote class="tr_bq">
<span style="font-family: "Courier New",Courier,monospace;">void main()<br />{<br /><br /> 1.1 ก็ต้องเขียนโค้ดอ่านไฟล์ excel ซะก่อนนะ<br /> 1.2 สร้างตัวแปรเอาไว้อ่านไฟล์ขึ้นมาก่อน<br /> 1.3 ให้ตัวแปรนั้นชี้ไปที่ไฟล์ excel ซะ<br /> 1.4 ก็ต้องวนลูปอ่านข้อมูลเข้ามาสินะ<br /> 1.5 เอาข้อมูลที่อ่านเข้ามา เก็บไว้ในตัวแปร A ละกัน ยังชิวๆ อยู่<br /> <br /> 2.1 เขาอยากให้เราแสดงผลคะแนนแบบนั้นๆๆๆ เราก็ต้องเอาตัวแปร A มาทำแบบนี้ๆๆๆ ซะก่อนสินะ<br /> 2.2 อ่ะ ก็วนลูปทำไปสิ<br /> 2.3 ผลลัพท์ที่ได้เก็บไว้ในตัวแปร B ละกัน<br /> <br /> 3.1 แล้วก็เอาข้อมูลมาวาดกราฟสินะ ต้องใช้ข้อมูล B ที่ผ่านการคิดมาแล้ว<br /> 3.2 แต่เอ๊ะ! เราต้องใช้ข้อมูลจาก A มาวาดด้วยนี่นา<br /> 3.3 งั้นก็เขียนโค้ดแปลงตรงนี้หน่อยละกัน<br /> 3.4 โค้ดตรงนี้มึนจัง ตัวแปร C นี่มันโผล่มาตั้งแต่เมื่อไหร่<br /> 3.5 แต่ไม่เป็นไร ทำแบบ @#$%&* คงแก้ได้<br /> 3.6 เย่ ในที่สุดก็ได้ออกมาเป็นกราฟแล้ว<br />} </span></blockquote>
หลังจากเขียนโปรแกรมอยู่หลายวัน (?) ในที่สุดเราก็เอาไปส่งได้ โอ๊ย น้ำตาจะไหล<br />
<br />
แต่ทว่า!!!<br />
<br />
โจทย์มีการเปลี่ยนแปลงล่ะ! เขาไม่อยากให้เราอ่านข้อมูลคะแนนนักเรียนจาก "ไฟล์excel" ซะแล้ว แต่ให้ไปอ่านจาก Database แทน<br />
<br />
<blockquote class="tr_bq">
ป.ล. จงคิดไว้ว่า โจทย์ (Requirement) นั้นมีโอกาสเปลี่ยนได้เรื่อยๆ ไม่ว่าตอนเรียนหรือในชีวิตจริงขณะทำงานแล้ว</blockquote>
<br />
เอาละสิ เพื่อคะแนน (และเงิน) เราก็ต้องกลับไปแก้โค้ดที่เราเขียนมา เปิดโค้ดมาดูใหม่อีกรอบ ช่วง 1.1 - 1.5 นั่นเป็นส่วนอ่านข้อมูลเข้านี่นา แก้แค่นี้ก็พอมั้ง เริ่มมีความหวังว่ามันจะเสร็จ<br />
<br />
แล้วพอลงมือทำก็เริ่มตระหนักได้ว่าข้อมูลที่มาจาก Database มันคนละแบบกับข้อมูลจากไฟล์excelล่ะ ต้องเก็บในตัวแปร A อีกแบบกับวิธีแรก<br />
<br />
โอ๊ะโอ! งั้นตรงโค้ดส่วน 2.1 ก็ต้องไปแก้ด้วยสิ เพราะจะได้ B มาต้องมี A ก่อน T_____T<br />
<br />
<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-0UQ5bbWcOGw/VM9C8fhU05I/AAAAAAAAFXI/nzA9-d1y_0Y/s1600/routetc.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://1.bp.blogspot.com/-0UQ5bbWcOGw/VM9C8fhU05I/AAAAAAAAFXI/nzA9-d1y_0Y/s1600/routetc.jpg" height="474" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">โค้ดมั่วซั่วซับซ้อนยังกะรางรถไฟ เหมือนจะแก้ได้ แต่ก็ไม่ได้ซะที</td></tr>
</tbody></table>
สรุป ทำไปทำมา เขียนใหม่ดีกว่า...<br />
<br />
นั่นแหละ เพราะเราไม่มองโปรแกรมของเราเป็น "ก้อนๆ" โค้ดเลยยุ่งเหยิงพันกันไปหมด แก้ตรงนี้ กระทบตรงนั้น แก้ตรงนั้นกระทบตรงโน้น ยิ่งถ้าเอาไปส่งใหม่อีกรอบแล้วโจทย์เปลี่ยนอีก บอกว่าโค้ดนี้ต้องเอาไปใช้กับการอ่านข้อมูลเงินเดือนของพนักงานแล้วเอามาวาดกราฟแบบเส้นได้ด้วยนะ ไม่อยากจะคิดแล้วใช่ไหมละว่าต้องเขียนโปรแกรมกันอีกกี่รอบ<br />
<br />
<br />
เอาล่ะ ลองมองโจทย์เมื่อกี้ให้เป็น "ก้อนๆ" ดูละกันนะ<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-t3G73JG2yII/VM9TGcV9PjI/AAAAAAAAFXw/p7qvfSdiLfA/s1600/oop1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-t3G73JG2yII/VM9TGcV9PjI/AAAAAAAAFXw/p7qvfSdiLfA/s1600/oop1.png" height="400" width="400" /></a></div>
ถ้านึกไม่ออกว่าจำมองยังไง <u><b>ให้คิดแบบคนคิด</b></u> เพราะ OOP ออกแบบมาให้ตอบรับกับมุมมองของมนุษย์ไม่ใช่คอมพิวเตอร์<br />
<br />
ในตัวอย่างนี้เรามองว่าถ้าคนคุยกันเองว่าวิธีการเขียนโปรแกรมนี้ทำอย่างไรบ้างก็คงได้ว่า จะต้องมี <br />
- <span style="color: #6aa84f;"><b>ตัวจัดการข้อมูล</b></span> ที่ไม่ว่าข้อมูลจะมาในรูปแบบไหน เจ้านี้จัดการได้หมด จะคะแนนนักเรียน หรือ เงินเดือนพนักงาน อันไหนก็ได้เลย<br />
- <b><span style="color: #e69138;">ตัวอ่านข้อมูล</span></b> ในเมื่อข้อมูลอาจจะมาจากหลาย resource ก็ให้เป็นหน้าที่ของเจ้านี่ไปจัดการละกัน ถ้าครั้งนี้เราต้องอ่านไฟล์excelก็ให้มันใช้โค้ดชุดอ่านไฟล์ ถ้าโจทย์เปลี่ยนว่าอยากดึงข้อมูลจาก Database ก็เพิ่มโค้ดอ่านข้อมูลจาก Database ให้มัน<br />
- ในเมื่อเราพบปัญหาเมื่อกี้ว่าข้อมูลจากไฟล์กับ Database มันอยู่ในรูปแบบที่ไม่เหมือนกัน เอาไปใช้ไม่ได้ ก็มองว่ามันเป็น <span style="color: #3d85c6;"><b>ก้อนข้อมูล</b></span> อะไรสักอย่างแทนดีกว่า<br />
- ตอนแสดงผล output มีหลายรูปแบบที่เขาอยากได้ งั้นให้เป็นหน้าที่ของ <span style="color: #ffd966;"><b>ตัวแสดงผล</b></span> ดีกว่านะ<br />
- แต่เตรียมทุกอย่างเสร็จแล้วเจ้าพวกนั้นคงไม่ทำงานแน่ ต้องมี<span style="color: #cc0000;"><b>คนสั่งให้พวกมันทำงาน</b></span>ด้วย<br />
<br />
พอเอามาเรียงกันแล้วก็จะออกมาหน้าตาประมาณนี้ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-dCyaiCw3EZM/VM9TGg4pqAI/AAAAAAAAFX0/enqpvs0YJ28/s1600/oop2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-dCyaiCw3EZM/VM9TGg4pqAI/AAAAAAAAFX0/enqpvs0YJ28/s1600/oop2.png" height="640" width="400" /></a></div>
<br />
<span style="color: #666666;"><span style="font-size: x-small;"><i>(เราจะยังไม่พูดถึงเรื่องโค้ดนะว่าแผนภาพนี้แปลงไปเป็นโค้ดแล้วมันจะออกมาหน้าตาประมาณไหน แต่อ่านเข้าใจง่ายกว่าแบบ Structure แน่ๆ)</i></span></span><br />
<br />
ถ้าใครเคยเขียนภาษา Java, C# ที่เป็นภาษาแบบ OOP น่าจะรู้จักกับ Class + Object มาบ้างแล้ว แต่ละก้อนนี่แหละคือ Object หนึ่งตัว ซึ่งเจ้า Object ที่ว่านี่มันจะทำงานเหมือนกับโค้ดที่เราเขียนอยู่ใน Class ของมันนั่นแหละ<br />
<br />
ดังนั้นมันเลยทำให้เราอ่าน/แก้โค้ดของเดิมง่าย เช่นอยากเปลี่ยนจากคะแนนนักเรียนเป็นเงินเดือนพนักงานเราก็รู้ว่าเราต้องไปแก้ใน <span style="color: #6aa84f;"><b>ตัวจัดการข้อมูล </b></span>แน่นอน หรือถ้าเปลี่ยน resource ที่เก็บข้อมูล มีการเพิ่ม Database แบบใหม่เข้ามาก็ไปแก้ที่ <b><span style="color: #e69138;">ตัวอ่านข้อมูล</span></b> ก็พออะไรแบบนั้น<br />
<br />
นอกจากแก้โค้ดง่ายแล้ว เอาพวกมันมาใช้ใหม่ก็ได้ด้วยนะ เพราะ Object แต่ละตัวทำงานของมันเอง ในอนาคตอาจจะมีโปรแกรมที่ต้องการแสดงผลข้อมูลอะไรบางอยากในรูปแบบกราฟ เราก็ไปเรียก <span style="color: #ffd966;"><b>ตัวแสดงผล</b></span> ที่เคยเขียนไว้มาใช้ซ้ำก็ยังได้<br />
<br />
ดังนั้นใครที่คิดว่า OOP เป็นปัญหาอยู่ลองมองมันใหม่นะ มันไม่ได้แย่อย่างที่คิด (แต่ต้องเรียนมันให้เข้าใจก่อน 55) <br />
<br />
<br />
<br />nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com1tag:blogger.com,1999:blog-3565944301664295783.post-24527308581615950662015-02-02T17:58:00.000+07:002015-02-02T17:58:07.011+07:00[Review] การ์ตูน "ไม่ไทยเบย"<div style="text-align: center;">
<span style="font-size: large;">เมื่อพูดถึง <span style="color: #38761d;"><b>"ไม่ไทยเบย"</b></span> แล้วคุณจะนึกถึงอะไร พบกับการ์ตูนเรื่องสั้นหลากมุมมองกับการตีความที่จะทำให้คุณ<span style="color: orange;">อดยิ้มไม่ได้</span></span></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-tAV0I1z4IUI/VJmGhBdGvwI/AAAAAAAAFSo/87C4FU7SiLY/s1600/%E0%B9%84%E0%B8%A1%E0%B9%88%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B9%80%E0%B8%9A%E0%B8%A2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-tAV0I1z4IUI/VJmGhBdGvwI/AAAAAAAAFSo/87C4FU7SiLY/s1600/%E0%B9%84%E0%B8%A1%E0%B9%88%E0%B9%84%E0%B8%97%E0%B8%A2%E0%B9%80%E0%B8%9A%E0%B8%A2.jpg" /></a></div>
<br />
การ์ตูนเล่มนี้เป็น Debut ฉบับพิเศษที่สำนักพิมพ์สยามอินเตอร์ฯ (CartoonThai Studio) เขาจัดขึ้นมาเพื่อคัดเลือกนักเขียนการ์ตูนประมาณนั้นแหละนะ<br />
<br />
โดยส่วนตัวเห็นว่าคอนเซ็ปน่าสนใจดีคือให้แข่งกันในหัวข้อ<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="color: #cc0000;"><span style="font-size: x-large;">ไม่ไทยเบย</span></span></div>
<div style="text-align: center;">
<br /></div>
อ่ะว้า ... แค่ชื่อหัวข้อก็ไม่ไทยแล้ว แต่ไอเดียที่นักเขียนแต่ละคนเค้นกันมาเล่านั้นสนุกยิ่งกว่า ในเล่มประกอบด้วยการ์ตูนเรื่องสั้น 7 เรื่องซึ่งส่วนใหญ่ก็จะเน้นความชาตินิยมนิดๆ ของคนไทยที่พูดแต่ปาก หากแต่การกระทำกลับเลียนแบบต่างชาติไปซะหมด<br />
<br />
เรื่องที่แนะนำ<br />
- <b>งามอย่างไทย<u>แท้</u> </b>โดย Firodendon (คนนี้เคยอ่านงานเขามาก่อน เป็นหนังสือประกอบภาพเรื่อง Time to be a Freelance เรื่องนี้ก็แนะนำนะ ใครอยากทำฟรีแลนซ์ลองไปหามาอ่าน) ... เนื้อเรื่องคือโรงเรียนแห่งหนึ่งจะจัดงานวัฒนธรรมแต่คอนเซ็ปปีนี้โรงเรียนกำหนดธีมไว้ให้เป็น "งามอย่างไทย<u><b>แท้</b></u>" ปัญหาจึงเกิดขึ้นเมื่อแต่ละชมรมไม่รู้จะแถอะไรให้มันเข้าธีมงาน<br />
<br />
- <b>สู้ตัยยัยเจ้าที่ </b>โดย GAPANGMAN ... เรื่องของหนูผัก เจ้าที่(น่ารัก)ที่ครอบครับที่ดูแลอยู่ดันย้ายไปต่างประเทศซะงั้น เป็นการเอาเจ้าที่ไทยไปลุยต่างแดนกันเลยทีเดียว แถมต้องไปบู้กับพวกปีศาจฝรั่งในบ้านหลังใหม่ซะด้วย<br />
<br />
- <b>Why so Thai? ทำไมต้องไทยแท้</b> โดย ไนตี้ ... เรื่องนี้ออกจะซีเรียสนิดๆ คือเป็นการคุยกันระหว่างคน 2 คน คนหนึ่งประมาณว่าชาตินิยม ต้องเป็นไทยเท่านั้น อีกคนก็ให้เหตุผลว่าจริงๆ ควรจะกลางๆ พอนะเพราะวัฒนธรรมไทยก็รับมาจากชาติอื่นเยอะเหมือนกัน ให้ข้อคิดว่าคนไทยมักอายที่จะทำตัวเป็น "ไทย" ไม่เหมือนที่ปากพูด<br />
<br />
ก็ลองไปหามาอ่านเล่นละกัน เป็นการ์ตูนที่มีอะไรมากกว่าที่คุณคิดนะ ;)nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-24710027133991093912015-01-17T22:04:00.001+07:002015-01-17T22:37:32.341+07:00[Review] คอร์ส Android Developer by TheCheeseFactory (nuuneoi.com)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-IQoU38s3CB8/VLn2-Zws-iI/AAAAAAAAFWs/32WMDbHsygA/s1600/10915000_652976171491546_8737061775180677216_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-IQoU38s3CB8/VLn2-Zws-iI/AAAAAAAAFWs/32WMDbHsygA/s1600/10915000_652976171491546_8737061775180677216_o.jpg" height="426" width="640" /></a></div>
<span style="color: #999999;"><span style="font-size: small;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="color: #999999;"><span style="font-size: small;"><i>คะแนนของคอร์ส ดูภาพรวมให้ (★★★★☆)</i></span></span></div>
<div style="text-align: center;">
<span style="color: #999999;"><span style="font-size: small;"><i>แต่ถ้าความประทับใจส่วนตัวให้ (★★★★★)</i></span></span></div>
<div style="text-align: center;">
<span style="color: #999999;"><span style="font-size: small;"><i><br /></i></span></span></div>
<div style="text-align: center;">
<span style="color: #999999;"><span style="font-size: small;"><i>เดี๋ยวบอกเหตุผลข้างล่าง</i></span></span></div>
<br />
เมื่ออาทิตย์ที่ผ่านมา ได้มีโอกาสไปเข้าคอร์ส Android Developer by The Cheese Factory (nuuneoi.com) มา ... เลยจะเอามารีวิวซะหน่อย<br />
<br />
<br />
<div style="text-align: center;">
<span style="color: red;"><span style="font-size: large;"><a href="http://inthecheesefactory.com/courses/android" style="color: #ff4400; text-decoration: none;" target="_blank">รายละเอียดคอร์ส<span style="color: red;"> (Official)</span> ... จิ้มที่นี่เลย</a></span></span></div>
<br />
<br />
<h3>
สถานที่เรียน</h3>
ครั้งนี้จัดที่ Hubba เอกมัย ซึ่งเป็น Co-Working Space ประมาณว่าพื้นที่/ออฟฟิศให้เช่ามานั่งทำงานนั่นแหละ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://3.bp.blogspot.com/-2ZzteAMYG9Y/VLksy0aHUwI/AAAAAAAAFWM/WZo9r5f9aEY/s1600/hubba1.jpg" height="210" width="320" /> <img border="0" src="http://2.bp.blogspot.com/-8FmvHcbU1u4/VLks_LVF8uI/AAAAAAAAFWg/2rb5GkMgkL0/s1600/hubba3.jpg" height="211" width="320" /></div>
<br />
โดยรวมก็น่านั่งดี บรรยากาศร่มรื่น เป็นบ้านเดี่ยวสองชั้น ภาพห้องเรียนดูจากรูปถ่ายทั้งคลาสข้างบนได้เลย ถอดรองเท้าด้านนอก (ชอบตรงนี้แหละ) มีสวนเอาไว้นั่งกินข้าวได้ที่หลังบ้าน<br />
<br />
แต่ข้อเสียที่เห็นชัดที่สุด (ไม่นับราคาค่าใช้สถานที่นะ) คือมันไกลจาก BTS มากๆๆๆๆ <br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" src="http://2.bp.blogspot.com/-14epr2Vk5Rk/VLks878LL1I/AAAAAAAAFWY/0taLSu9xGtg/s1600/hubba2.jpg" height="262" style="margin-left: auto; margin-right: auto;" width="400" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">กะ .. ไกล!</td></tr>
</tbody></table>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
จากรูปนี่คือแค่ระยะทางจากปากซอยก็ไกลพอสมควรแล้วนะ เดินไป BTS เอกมัยไกลกว่าอีก และเรียกรถไม่ค่อยได้ด้วย<br />
<br />
<span style="color: #999999;"><i>รู้สึกว่ารุ่นต่อๆ ไปพี่่เนยเขาจะย้ายไปสอนที่โรงแรมเอเชียแทนแล้วล่ะ แต่ยังไงเช็กกับเว็บต้นทางด้วยนะ เพราะน่าจะเปลี่ยนที่ไปเรื่อยๆ </i></span><br />
<h2>
Welcome to the Class!</h2>
สภาพห้องเรียนดูจากรูปด้านบนได้เลย โต๊ะเล็กไปซะหน่อย ส่วนรูปข้างล่างนี่เป็นมุมมองของเราเวลานั่งดูกระดานกับสไลด์ละนะ นั่งกันแถวหน้าสุดเลย (ฮา)<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://1.bp.blogspot.com/-Aw38GhwRkqk/VLksuV889CI/AAAAAAAAFV4/XdRbZNJ1BgQ/s1600/class1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://1.bp.blogspot.com/-Aw38GhwRkqk/VLksuV889CI/AAAAAAAAFV4/XdRbZNJ1BgQ/s1600/class1.jpg" height="419" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">เอ้า! เปิดสกิลเสมียนเลเวล96 ... พิมพ์เข้า! พิมพ์ๆ แกรกๆๆๆๆ</td></tr>
</tbody></table>
<br />
<h3>
แล้วคอร์สนี้เป็นยังไงบ้าง?</h3>
ตามชื่อคอร์สละนะ แน่นอนว่าคอร์สนี้สอนเขียนแอนดรอยด์แอพอยู่แล้ว เป็นการเขียนแอพแบบ <u><b>Native</b></u> นะ ใครคิดจะเขียนเกมจะไม่เหมาะกับคอร์สนี้ พวกนั้นพี่เนยแนะนำให้ไปใช้ Unity ดีกว่า<br />
<br />
ตัวแอพเขียนด้วย Android Studio (มาถึงยุคที่เราจะบอกลา Eclipse กันแล้วนะ) และรันเทสบนเครื่องจริง ใครไม่มีมือถือแอนดรอยด์สามารถยืมได้ในคลาส .. แต่โน๊ตบุ๊คต้องเอาไปเองนะ<br />
<br />
<br />
ในคอร์สนี้เราจะได้เอกสารเป็นสไลด์หนาครึ่งรีม (หนามาก เกือบ200หน้าเห็นจะได้ O__O) สรุปโค้ดแบบ "Cheese-Sheet" 1เล่ม และประกาศนียบัตร1ใบ หึหึ<br />
<h3>
แล้วคอร์สนี้มันดียังไงล่ะ</h3>
ปกติแล้วคอร์สสอนอะไรขั้น Advance ในประเทศไทยมักจะหาไม่ค่อยได้ (ไม่ใช่แค่ด้านโปรแกรมมิ่งนะ จะคอร์สเรียนภาษาหรืออะไรพวกนี้ ไม่มีคนเปิดสอนเลย) ดังนั้นส่วนใหญ่เลยถือคติว่า "อยากได้ต้องทำเอง" และมันใช้เวลานานมากกว่าจะได้มา หมายความว่าต้องอ่านเอง Googleเอง ลองผิดลองถูกเอง ... แอนดรอยด์ก็เช่นกัน<br />
<br />
แต่พอคอร์สนี้เปิดเท่านั้นแหละ เราก็จะไม่รอช้าที่จะสมัครมาลองเรียนดู<br />
<br />
สาเหตุเพราะพี่เนยเป็นคนที่ฝ่าฟันกับเจ้าแอนดรอยด์มาตั้งแต่รุ่นแรกๆ ออกมาเลย ดังนั้นเขาจะเป็นคนที่รู้ค่อนข้างดีว่าสมัยก่อนเขาทำกันยังไง รู้วิธีที่ดีที่สุดสำหรับแอพส่วนใหญ่ว่าควรจะเขียนอย่างไร (เจ็บมาเยอะแล้ว)<br />
<br />
<a name='more'></a><br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-0TyAgsnDOdk/VLkswJY6iMI/AAAAAAAAFWI/cdVlU2uh8dw/s1600/class3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://4.bp.blogspot.com/-0TyAgsnDOdk/VLkswJY6iMI/AAAAAAAAFWI/cdVlU2uh8dw/s1600/class3.jpg" height="420" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">"เขียนอย่างนี้ 'บาป' นะคับ"</td></tr>
</tbody></table>
สรุปคือเชื่อฝีมือ ว่าถ้าอยากกลับมาเริ่มเขียนแอนดรอยด์ใหม่หลังจากเรายอมแพ้แล้วหันไปสายเว็บแทนเมื่อ 3 ปีที่แล้ว เริ่มเรียนกับพี่เนยไม่ผิดหวังแน่นอน ... <b>แล้วก็ไม่ผิดหวังจริงๆ นะ!</b><br />
<br />
- สอนกันตั้งแต่พื้นฐาน จุดเล็กจุดน้อยที่โปรแกรมเมอร์ส่วนใหญ่มองข้ามหรือละเลย ส่วนนี้อัดกันแน่นมากพร้อมประสบการณ์ที่เคยเจอมา ซัดไปซะ 3 วัน แต่ทำให้เรารู้เลยว่ายอมเสียเวลากับพื้นฐานดีกว่า เพราะเวลาไปลองเขียนแอพจริงๆ ในอีก 2 วันสุดท้ายจะเขียนได้เร็วมากและเข้าใจว่าทำไมต้องทำแบบนี้<br />
<br />
- สอนด้วยเป้าหมายว่าจบคอร์สนี้ไป ทุกคนจะต้องไปกลัวการเขียนแอนดรอยด์อีกต่อไป! <br />
<br />
- ระดับของคอร์สนี้คือ เหนือกว่า intermediate ( & beginning) แต่ยังไม่ถึง Advance นะ ... ทุกคนต้องไป find-out! ต่อเอง<br />
<br />
- สิ่งที่เรียนมาสามารถเอาไปใช้ได้กับแอพน่าจะ 90% ที่มีอยู่ในตลาดได้เลย<br />
<br />
- Fragmentation, Performance, Best Coding Practices มีพูดถึงทุกอย่าง<br />
<br />
- สไตล์การสอน สอนแบบคอนเซ็ป มีตัวอย่างของจริงที่ใช้งานได้แน่ให้ดู เน้นพื้นฐานและการเขียนให้ถูกวิธีมากๆ แต่ทุกคนต้องไปศึกษาต่อเองด้วย ซึ่งเราชอบวิธีการสอนแบบนี้นะ คือไม่ใช่ป้อน แต่เป็นการทำให้เห็น ทำให้รู้ แต่รู้ไปก็ยังทำไม่ได้นะ ต้องไปต่อยอดเอา ซึ่งมันดีกว่าทำให้ดูไปเลย แต่พอเปลี่ยนโจทย์ปุ๊บก็ทำไรต่อไม่เป็นแล้ว<br />
<br />
- อะไรที่พี่เนยคิดแล้วว่าพวกเรามีฝีมือพอที่จะไป Google เอาเอง จะไม่สอน เพราะเสียเวลา เอาไปลองคอนเซ็ปหลักๆ เรื่องอื่นดีกว่า<br />
<br />
- อาหารอร่อย เลี้ยงดีๆ (อันดับ 2 ของเรื่องดีๆ ที่คนในคลาสโหวตให้เลยนะ .. เอ๊ะ! ยังไง พวกแกมาเรียนหรือมาทำอะไรกัน)<br />
<br />
<b>แต่ก็มีบางข้อที่ยังไม่ค่อยดีอยู่เหมือนกัน นั่นคือ...</b><br />
<br />
คอร์สนี้ไม่เหมาะกับมือใหม่ คนที่เพิ่งเริ่มเรียนเขียนโปรแกรม อย่างน้อยควรจะเคยเขียนโปรเจคหรือทำงานจริงมาก่อนสักสายหนึ่ง จะเว็บ หรืออย่างอื่นที่ไม่เกี่ยวกับสายโมบายก็ยังดี เพราะคอร์สนี้สอนความเร็วติดสปีดมาก เวลาทำความเข้าใจมีน้อยเพราะเวลาจำกัดแค่ 5 วันกับเนื้อหาที่ดูๆ ไปแล้วถ้าไปอ่านเองอาจจะเป็นปี<br />
<br />
ดังนั้นถ้าไม่คล่อง อาจจะตามทัน<u><b>แต่</b></u>ทันแบบไม่เข้าใจมากพอ กลับไปอาจจะงงได้ เพราะแค่พิมพ์ตามก็หมดเวลาแล้ว ทางทีดีทุกควรจะเข้าใจโค้ดได้ทันทีที่พิมพ์เลย จะได้มีเวลาหันไปจดเลคเชอร์เอาไว้อ่านด้วย (ฮา)<br />
<br />
อ้อ คอร์สนี้สอนแอนดรอยด์ก็จริง แต่เราจะไม่พูดถึงเบสิก Java กันเลยนะ Class-Object Extends Override-method Package อะไรพวกนั้น ถือว่าทุกคนต้องรู้มาก่อนนะ ใครไม่แม่น ทวนๆ มาด้วยจะได้ตามทัน<br />
<h2>
สรุปล่ะ</h2>
ในแง่ของภาพรวมตัด 1 ดาวในด้านของการเดินทาง ความเร็วในการสอนจนไม่มีเวลาว่างละมือไปจดเลคเชอร์ ... แต่โดยส่วนตัวให้คะแนนเต็ม 5 ดาวเลย เป็นการเปิดโลกแอนดรอยด์ครั้งใหม่มากๆ<br />
<br />
จบแล้วจ้า ใครกำลังลังเลว่าจะเรียนดีมั้ย โฆษณาให้เลย ไปเรียนเลย Go! Go!nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-71873689039261168742015-01-15T22:12:00.002+07:002016-03-30T22:51:10.615+07:00~[แปล] มารู้จักกับ Functional Programming สิ่งที่คุณต้องรู้ในปี 2015 กันเถอะย้ายบทความไปอยู่ที่ <a data-mce-href="http://www.TAmemo.com/post/80/functional-programming-should-be-your/" href="http://www.tamemo.com/post/80/functional-programming-should-be-your/" title="[แปล] มารู้จักกับ Functional Programming สิ่งที่คุณต้องรู้ในตอนนี้กันเถอะ">http://www.tamemo.com/post/80/functional-programming-should-be-your/</a> แล้วล่ะnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com3tag:blogger.com,1999:blog-3565944301664295783.post-56289126872155192452015-01-09T13:14:00.000+07:002015-01-09T14:03:43.591+07:00[แปล] ภาษาและเฟรมเวิร์คไหนบ้างที่ Developer ควรจะศึกษาประจำปี 2015<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-PIwNTprRuHs/VK9v-lsP6_I/AAAAAAAAFTc/rSidSXGLCNw/s1600/Website-Trends-2015.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-PIwNTprRuHs/VK9v-lsP6_I/AAAAAAAAFTc/rSidSXGLCNw/s1600/Website-Trends-2015.jpg" height="374" width="640" /></a></div>
<br />
พอดีไปอ่าน <a href="http://tutorialzine.com/2014/12/the-languages-and-frameworks-that-you-should-learn-in-2015/">The Languages And Frameworks That You Should Learn In 2015</a>มาก็เลยเอามาแปลและเรียบเรียงใหม่ อาจจะไม่เหมือนต้นฉบับมากนักนะ<br />
<h2>
Language / Platforms </h2>
สำหรับภาษาโปรแกรมปีนี้น่าจะเป็นปีของ Node.js ที่มาแรงมากจนทิ้งห่างจาก php ที่เป็นอันดับ2ไปเลย JavaScript ก็ยังคงอยู่ในลำดับต้นๆ แต่มี Swift เพิ่มเข้ามาในอันดับต่อไป<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-3xaKE4eODW8/VK3m4I-2yjI/AAAAAAAAFS8/cLYX_ITbbMM/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-3xaKE4eODW8/VK3m4I-2yjI/AAAAAAAAFS8/cLYX_ITbbMM/s1600/1.jpg" height="239" width="400" /></a></div>
<br />
<h2>
Framework</h2>
Laravel ยังคงอยู่แต่มี Ruby on Rails แซงไปพร้อมกับการที่กูเกิลเปิดตัว(นานแล้ว)และโปรโมท Angular JS ทำให้มันเป็นสิ่งที่น่าจับตามองนะ<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-BSX0Jd3WmCc/VK3m4EMeTfI/AAAAAAAAFTA/tP56wpyITfw/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-BSX0Jd3WmCc/VK3m4EMeTfI/AAAAAAAAFTA/tP56wpyITfw/s1600/2.jpg" height="243" width="400" /></a></div>
<br />
<h2>
มาดูตัวสำคัญๆ กัน </h2>
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-W0qVJaOiaWo/VK98XiBFAmI/AAAAAAAAFUY/OkRcp0GEscY/s1600/8.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-W0qVJaOiaWo/VK98XiBFAmI/AAAAAAAAFUY/OkRcp0GEscY/s1600/8.png" height="320" width="320" /></a></div>
JavaScript</h3>
ตอนนี้เราสามารถพบเห็น JS ได้เกือบทุกที่จากสมัยก่อนที่มันทำงานอยู่แค่เบราเซอร์ฝั่ง client แต่หลังจากที่ Node.js เปิดตัวมามันก็แสดงให้เห็นว่า JS เอาไปเขียนในฝั่ง Serverได้ด้วยนะ<br />
ข้อดีของ JS คือมันเป็นภาษาที่เขียนได้ง่ายทำให้เรียนรู้ได้เร็ว แต่ข้อเสียคือมันเขียนได้ง่ายเกินไป บางครั้งก็ทำให้กลายเป็นเรื่องยุ่งยากได้ และการที่มันยังไม่มีคำสั่งในการสร้าง Class แบบจริงจังก็ทำให้มันเขียน OOP ได้ไม่ค่อนถนัดเท่าไหร่นัก ... แต่อย่างว่า มันกระจายตัวไปทุกที่แล้วดังนั้นก็เป็นตัวเลือกที่ควรจะเรียนรู้ไว้<br />
<br />
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-HPRd8O88pIc/VK98XkjFPTI/AAAAAAAAFUg/Yic5CCk2WU4/s1600/7.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-HPRd8O88pIc/VK98XkjFPTI/AAAAAAAAFUg/Yic5CCk2WU4/s1600/7.jpeg" height="200" width="400" /></a></div>
AngularJS</h3>
JS Framework (เห็นมั้ยว่าเป็น JS อีกแล้ว) เอาไว้ทำ interactive website ซึ่งทำและสนับสนุนโดย Google ล่าสุดทำคอร์สติวเตอร์ให้ด้วย เข้าไปดูได้ทาง <a href="http://campus.codeschool.com/courses/shaping-up-with-angular-js/intro">shaping up with angular.js</a><br />
จุดเด่นของ Angular คือเน้นความสนใจไปที่ข้อมูลContentในหน้าก่อนจะไปสนใจ DOM ถ้าใครเคยเขียน jQuery หรือแม้แต่ JS แบบดั้งเดิม การเขียนแบบนั้นจะเป็นการเขียนในลักษณะของ "How!" คือวางDOMให้เสร็จแล้วค่อยบอกว่าจะให้มันทำอะไรยังไง<br />
แต่ถ้าเป็น Angular ละก็จะใช้วิธีวางข้อมูลก่อน แล้วค่อยจัดการ DOM ข้อดีคือเราไม่ต้องไปบอกว่าจะให้ทำอะไรยังไงละเอียดเท่าพวก jQuery ดูเป็น Framework มากกว่า แต่ต้องจำคำสั่งและ config ให้ถูกด้วยนะ<br />
แล้วถามว่ามันดีกว่า jQuery มั้ย? อันนี้ก็ต้องบอกว่าแล้วแต่ชอบ แต่ Angular น่าจะให้งานได้เร็วกว่า jQuery เพราะมันแทบจะไม่ต้องเขียนโปรแกรมส่วนที่เป็น logicเลย ตัว Frameworkจ ัดการให้หมดแล้ว เราแค่เซ็ตค่าคำสั่งให้ถูกก็พอ แต่ข้อเสียคือถ้าเป็นโปรแกรมที่ซับซ้อน jQuery น่าจะยังได้เปรียบกว่า<br />
<br />
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-XmjBKZHDvLE/VK98XcRrLdI/AAAAAAAAFUs/6DSREvLe-Gc/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-XmjBKZHDvLE/VK98XcRrLdI/AAAAAAAAFUs/6DSREvLe-Gc/s1600/6.png" height="256" width="320" /></a></div>
React</h3>
เป็น JS Library อีกตัวที่น่าสนใจสำหรับสร้าง user interface โดย Facebook + Instagram ถ้ารูปจักโครงสร้างแบบ MVC แล้วละก็ การอธิบายว่า React คือ V น่าจะเข้าใจได้ง่ายกว่า<br />
การเขียน React จะเขียนอยู่ใน <span style="font-family: "Courier New",Courier,monospace;"><script type="text/jsx"></span> ซึ่งแน่นอนว่ามันไม่ใช่ JS เพียวๆ แต่เป็น JS ที่เราสามารถใส่ view (ในรูปของ XML + HTML เข้าไปได้เลย) <br />
ลองไปดูตัวอย่างได้ที่ <a href="http://facebook.github.io/react/docs/tutorial.html">React</a><br />
<br />
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-hT3us2xTgn4/VK98VyjFkeI/AAAAAAAAFUE/dSprNPExm3A/s1600/5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-hT3us2xTgn4/VK98VyjFkeI/AAAAAAAAFUE/dSprNPExm3A/s1600/5.jpg" height="171" width="400" /></a></div>
Node.js</h3>
สร้าง network server application ด้วย JS ซึ่งตอนนี้มี framework ออกมาให้ใช้เยอะมากตั้งแต่ Express, websocket การลงโมดูลใหม่ก็ทำได้ง่ายผ่านการใช้งาน npm <br />
Node.js ใช้ JS ดังนั้นมันเลยทำงานแบบ asyncronous ซึ่งทำให้เวลาได้รับ request มาแต่ละตัวจะไม่จำเป็นต้องรอกัน<br />
<br />
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-u7hUSb5dnfc/VK98T_e8xAI/AAAAAAAAFTs/cbaUNv0nNDI/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-u7hUSb5dnfc/VK98T_e8xAI/AAAAAAAAFTs/cbaUNv0nNDI/s1600/3.png" height="246" width="400" /></a></div>
NoSQL Database</h3>
ฐานข้อมูลแบบ Relational แบบเดิมที่เดิมข้อมูลเป็นตารางอาจจะไม่ตอบโจทย์รูปแบบข้อมูลตอนนี้ได้แล้ว Not Only SQL จึงเกิดขึ้นมารองรับแทน และเสริมด้วยการที่พวกมันทำ Scalable ได้ด้วย<br />
ตัวที่เด่นๆ ก็มี mongoDB (document) กับ redis (key-value) <br />
<br />
<h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-qpmq8sc1pKs/VK98UghpCSI/AAAAAAAAFUM/_FecdR5n0Vw/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-qpmq8sc1pKs/VK98UghpCSI/AAAAAAAAFUM/_FecdR5n0Vw/s1600/4.jpg" height="212" width="640" /></a></div>
Less / Sass / Stylus</h3>
ฝั่ง script มีการพัฒนากันไปไกลแล้ว ด้านฝั่ง css เลยทำบ้าง (ทำมานานแล้วแหละนะ) เพื่อทำให้เขียน css ได้ง่ายและสั้นขึ้น อีกทั้งยังใช้พวกตัวแปรได้ด้วย แต่ส่วนใหญ่เวลาเอาไปใช้จริงจะ compile ออกมาเป็นไฟล์ css อยู่ดีนะ<br />
<br />
<h3>
Classic Full-Stack Framework</h3>
เฟรมเวิร์คระดับคลาสสิกที่ก็ยังใช้ได้อยู่ ไม่ได้ล้าสมัยแต่อย่างใด เช่นพวก Laravel (php), Ruby on Rails (Ruby), ASP.NET<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-WkrvQENEyxg/VK98T4xTFLI/AAAAAAAAFTw/eafvUA8IwSg/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-WkrvQENEyxg/VK98T4xTFLI/AAAAAAAAFTw/eafvUA8IwSg/s1600/1.png" height="117" width="320" /></a></div>
<br />
แล้วก็อย่าลืมพวก php, Wordpress, jQuery ด้วยนะ พวกนี้เป็นวิธีที่ค่อนข้าง perfect ในการสร้างเว็บไซท์<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-NK4kqlGWuzs/VK98T3_iRtI/AAAAAAAAFT4/lJ2n_LEASTc/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-NK4kqlGWuzs/VK98T3_iRtI/AAAAAAAAFT4/lJ2n_LEASTc/s1600/2.jpg" height="106" width="320" /></a></div>
<br />
โดยเฉพาะ Wordpress ที่โตอย่างรวดเร็วมากในช่วงที่ผ่านมาnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-46248660508578068132014-12-21T22:05:00.000+07:002015-02-08T14:15:55.224+07:00[Review] The Hobbit 3 - The Battle of the Five Armies (★★☆☆)<h2 style="text-align: center;">
The Hobbit 3 - The Battle of the Five Armies </h2>
<div style="text-align: center;">
<span style="color: #666666;"><span style="font-size: large;">ให้คะแนน (★★☆☆)</span></span></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-FAdRJ6sfIIk/VJbHp3FofTI/AAAAAAAAFR8/l0hJ9VKQl9Q/s1600/url.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FAdRJ6sfIIk/VJbHp3FofTI/AAAAAAAAFR8/l0hJ9VKQl9Q/s1600/url.jpg" height="398" width="640" /></a></div>
<br />
<blockquote class="tr_bq">
รีวิวนี้เป็นความเห็นส่วนตัว คะแนนที่ให้ทั้งหมดมาจากความประทับใจของตัวเองล้วนๆ ไม่สนกระแส ไม่สนบทภาพยนต์ ไม่สนนักแสดง-ผู้กำกับทั้งสิ้นนะ (ฮา)</blockquote>
<br />
เคยคิดจะเขียนรีวิวหนังที่ดูนานแล้วแต่ไม่ได้เขียนซะทีเพราะเป็นคนที่เข้าโรงหนังปีละ2ครั้ง (ปีนี้เข้าโรงหนังเพราะดู Godzilla ตอนกลางปี และปลายปีก็เข้าไปดู Hobbit อีกเรื่องนึง) วันนี้เพิ่งไปดู The Hobbit มาเลยเขียนรีวิวซะหน่อย<br />
<span style="color: #666666;"><i><br /></i></span>
<span style="color: #666666;"><i>เรื่องนี้เป็นการรีวิวหนังเรื่องแรกก็เลยอยากพูดอะไรไว้หน่อยละกัน ... การรีวิวหนังของเราจะไม่รีวิวแบบชาวบ้าน (อินดี้เรอะ?) คือแบบว่า ปกติเวลาหนังใหม่มาเนี่ยจะมีการรีวิวจากพวก "นักวิจารณ์" ปล่อยออกมา บางเรื่องที่เราชอบมากแต่รีวิวกลับบอกว่าบทอ่อนบ้าง เนื้อหาไม่แปลกใหม่บ้าง หรือบางเรื่องเห็นเขารีวิวว่ามันสนุกมากแต่เราไปดูแล้วเนื้อเรื่องเครียดกดดันดูแล้วไม่ชอบบ้าง คือความคิดเราหนังจะเป็นยังไง ถ้าดูแล้วสนุกก็คือให้คะแนน เป็นรีวิวแบบนั้นละกัน ตามใจคนเขียนนะจ๊ะ หึหึ</i></span><br />
<span style="color: #666666;"><i><b><u>อ้อ ข้างล่างเป็นเล่าเรื่องทั้งหมดนะ</u> </b>พอดีเป็นคนชอบอ่านเนื้อเรื่องหนังก่อนเข้าไปดูแต่หายากมาก ไม่ค่อยมีคนเล่า เลยจะเล่าไว้ให้เผื่อคนที่ชอบแบบตัวเองจะได้มาหาอ่านได้ </i></span><br />
<br />
เอาล่ะ ฮอบบิทภาคนี้ก็เป็นภาคสุดท้ายกันแล้วสำหรับซีรีย์ The Hobbit ปิดฉากการเดินทางในมิดเดิ้ลเอิร์ธอย่างสมบูรณ์ ภาคที่แล้วกับภาคก่อน บิลโบและคณะเดินทางมาถึงเอเรบอร์ ภูเขาโลนลี่และจัดการไล่มังกรสม๊อกออกไปได้แล้ว แต่สม๊อกก็ยังไม่ตายแต่มุ่งหน้าไปยังหมูบ้านกลางทะเลสาบแทน อารมณ์แบบกะหาที่ระบายอารมณ์มาก และแน่นอนว่ามันจะต้องถูกจัดการด้วยบาร์ดและลูกศรดำนั่นตามฟอร์ม<br />
<br />
หลังจากนั้น พอไม่มีสม๊อกคุมภูเขาแล้ว ข่าวลือก็แพร่ออกไปทำให้ทั้งเอลฟ์ ออร์ก และคนแคระ บลาๆๆ ต่างต้องการมุ่งหน้ามาที่ภูเขานี้และยึดมันไว้เป็นของตัวเองรวมทั้งหมด 5 กลุ่ม หรือ 5 ทัพตามชื่อภาคนั่นแหละ (แต่หลังจากดูนับๆ แล้วมันก็ไม่เชิง 5 นะ ฮ่าๆ) แล้วหลังจากตบตีฟันแทงกันจนจบเรื่อง บิลโบก็ได้เดินทางกลับไชร์พร้อมแหวนเอกธำมรงค์ที่เป็นต้นเหตุทำให้เกิดเหตุการณ์ใน Lord of the Ring ต่อไป<br />
<br />
เนื่องจากเป็นภาคสุดท้าย เรื่องต้องจบที่ภาคนี้และเป็นเรื่องเกี่ยวกับสงครามด้วย เรื่องหาเลยค่อนข้างหนัก การเล่าเรื่องสลับไปสลับมา จะว่าเร็วก็เร็วและห้วนไปนิดนึง บางอย่างดูแล้วขัดใจ ดราม่าเยอะ และตัวละครบ้างตัวที่ไม่คิดว่าจะตายก็ดันตายซะนี่<br />
<br />
เรื่องเอฟเฟคก็ทำได้ดีตามมาตราฐานซีรีย์ Hobbit และ LOTR ให้อันนี้ให้คะแนนเต็มแต่ฉากที่ใช้ CG แบบภาคที่แล้วตอนสู้กับสม๊อกมีน้อยกว่า ส่วนใหญ่เป็นการตบตีกันระหว่างกองทัพมากกว่า<br />
<br />
<a name='more'></a><br />
<br />
สรุปก็ให้ 2/4 ละกัน (ไม่ได้เขียนรีวิวภาคก่อนๆ แต่ The Hobbit ภาค1 เราให้ 2/4 ส่วนภาค2 เราให้ 3/4 ... ส่วน LOTR ภาค 1-3 ให้คะแนน 2/4 3/4 และ 4/4 ตามลำดับ)<br />
<br />
<br />
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<i><b><span style="color: red;">- - - - - - - - - - - - - - - - - - - - - - ข้างล่างมี SPOIL ล่ะ - - - - - - - - - - - - - - - - - - - - - - </span></b></i></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
เล่าเรื่องแบบละเอียดเท่าที่จำได้ - ภาคที่แล้วตัดจบที่สม๊อกบินไปที่หมู่บ้านทะเลสาบใช่มั้ยล่ะ ภาคนี้ก็เปิดฉากที่คนในเมืองเริ่มจะลงเรือหนีกันเลย เจ้าเมืองก็รีบให้ทหารขนทองของตัวเองลงเรือแล้วก็หนีแบบทิ้งลูกเมืองเลย แล้วสม๊อกก็มาถึงเปิดฉากด้วยการพ่นไฟเผาเมือง พ่นครั้งแรกก็เผาไปแล้ว 1/3 ของเมือง รุนแรงมาก และคนที่จะไม่หนีก็คือบาร์ดนั่นเอง เขาพังห้องขังออกมา (ภาคที่แล้วโดนเอาตัวไปขังตามคำสั่งเจ้าเมือง) แล้วก็ขึ้นไปที่หอระฆังสูงๆ เอาธนูธรรมดายิงสม็อก โดนหลายนัดด้วยแต่ยิงไม่เข้าจ้า เบอินลูกชายของบาร์ดเห็นพ่อขึ้นไปยิงมังกรก็กระโดดออกจากเรือที่กำลังหนีออกจากเมือง ในเรือมีธอเรียลกับพวกคนแคระนั่งมาด้วย ตัดกลับมาที่บาร์ดที่ยิงสม็อกจนธนูหมด เบอินก็เอาลูกศรดำมาให้พอดี สม๊อกเห็นบาร์ดก็ค่อยๆ เดินเข้ามาและเก๊กตามฟอร์มถามว่าแกเป็นใครบังอาจมาต่อกรกับข้า บาร์ดเลยซัดศรดำเข้าให้โดนตรงจุดที่เกล็ดของสม็อกหลุดไปอย่างพอดิบพอดี สม็อกก็เลยตายแถมตายแบบร่วงลงมาทับเรือที่เจ้าเมืองใช้พอดีซะด้วย แต่คนสนิทเจ้าเมือง(จำชื่อไม่ได้)ยังไม่ตายนะ พอดีโดนผลักตกเรือไปก่อนหน้านี้<br />
<br />
พวกชาวบ้านพากันขึ้นฝั่ง คนสนิทเจ้าเมืองก็บอกทุกคนว่าเจ้าเมืองตายแล้ว ฉันจะเป็นเจ้าเมืองแทนแต่เจ้าบ้านก็ไม่พอใจแล้วบาร์ดก็โผล่มาพอดี มีคนบอกว่าเห็นบาร์ดฆ่ามันกร ทุกคนเลยยกให้เป็นฮีโร่แล้วจะแขวนคอคนสนิทเจ้าเมืองแต่บาร์ดห้ามไว้ตามสไตล์คนดี แล้วบอกให้ทุกคนมุ่งหน้าไปหาที่พักที่เดล (เมืองใกล้ๆ เอเรบอร์ที่โดนสม็อกเผาไปตอนฉากเปิดภาค1) พวกคิลีก็เดินทางไปเอเรบอร์บ้าง ก่อนไป คิลีให้หินสีดำกับธอเรียลไว้ ส่วนเลโกลัสกับธอเรียลมุ่งหน้าไปกุนดาบาดเพราะเลโกลัสบอกว่าตอนสู้กับออร์กในภาคที่แล้ว เห็นสัญลักษณ์ของที่นั่นเลยจะไปสำรวจซะหน่อย<br />
<br />
ตัดภาพกลับมาฝั่งเอเรบอร์กันบ้าง กลุ่มคนแคระกลับมารวมตัวกันแล้ว แต่ธอรินเริ่มป่วยเป็นโรคไข้มังกรคือเริ่มเพี้ยนจากการครอบครองทอง สั่งให้ทุกคนหาเพชรอาเคนสโตนให้เจอ บิลโบออกมานั่งพักข้างนอกพร้อมตัดภาพกลับไปให้เห็นว่าตอนที่สม็อกจะพ่นไปใส่บิลโบตอนที่บิลโบสวมแหวนแล้วหนีออกมาในภาคที่แล้ว บิลโบหยิบอาเคนสโตนมาได้แล้วล่ะ แต่กำลังลังเลใจว่าจะให้ธอรินดีมั้ยเพราะเหมือนเริ่มเสียสติซะแล้ว<br />
<br />
บิลโบแอบไปหยั่งเชิงกับบาลินว่าถ้าธอรินได้อาเคนสโตนคืนแล้วจะหายรึเปล่า บาลินบอกว่าน่าจะหนักกว่าเดิม แบบที่ธราอินปู่ของเขาเป็น ตอนนั้นบิลโบเหมือนจะหยิบอาเคนสโตนออกมา ธอรินมาเห็นเลยปรี่เข้ามาบอกว่าอะไรอยู่ในมือ แต่บิลโลแบมือให้ดูเป็นเหมือนผลโอ๊ค บอกว่าจะเอากลับไปปลูกที่บ้าน เวลาเห็นจะได้นึกถึงการเดินทางนี้ จังหวะนั้นเหมือนธอรินจะได้สติคือมาหน่อยนึง แต่ที่ฝั่งเมืองเดล ธรันดูอิน (พ่อเลโกลัสที่เป็นราชาเอลฟ์) ยกกำลังมาช่วยพวกชาวเมืองพอดี บาร์ดบอกว่าขอบคุณมากที่เอาอาหารมาให้เพราะคนในเมืองกำลังเดือดร้อนแต่ธรันดูอินบอกว่าเขายกทัพมาเพื่อทวงของเขาคืน ธอรินให้ทุกคนก่อกำแพงปิดทางเข้า (ฝีมือคนแคระเก่งมาก เพิ่งจะเห็นในภาคนี้ คือสร้างกำแพงจากเศษหิน สร้างได้เร็วมากและสวยด้วย)<br />
<br />
บาร์ดบอกธรันดูอินอย่าเพิ่งบุกนะ ขอเขาไปเจรจาก่อน บาร์ดมาที่เอเรบอร์ทวงสัญญากับธอรินว่าที่ถ้าช่วยธอรินแล้วเขาจะให้ทองตอบแทน แต่ธอรินพูดจาไม่รู้เรื่องเพราะเสียสติไปแล้วกลับบอกปัดว่าไม่ให้ ธรันดูอินเลยจะบุก<br />
<br />
ด้านแกนดัล์ฟที่โดนจับใส่กรงอยู่ที่โดกูดูร์ได้เลดี้กาลาเดรียบวกด้วยซารูมานกับเอลรอนมาช่วย มีสมุนทั้งเก้า (ราชามนุษย์ที่สวมแหวนเป็นทาสเซารอน) โผล่มาแต่ก็โดนซารูมานกับเอลรอนจัดการไป สุดท้ายเซารอนในร่างลูกไฟที่จัดการแกนดัล์ฟในภาคที่แล้วก็โผล่มาเป็นบอสใหญ่ ปล่อยพลังสู้กับเลดี้กาลาเดรียแต่ก็สู้ไม่ได้เลยถอยกลับไป (น่าจะกลับไปมอร์ดอร์นะ) เลดี้กาลาเดรียพลังหมด ซารูมานบอกให้เอลรอนพานางกลับไปส่วนตัวเองจะตามเซารอนเอง (หรือว่าเป็นต้นเหตุให้กลับไปเป็นพวกเซารอนใน LOTR กันนะ)<br />
<br />
แกนดัล์ฟก็รีบเดินทางมาที่เอเรบอร์เพื่อบอกให้ธรันดูอินกับบาร์ดเตรียมรับกองทัพออร์กที่กำลังจะบุกมา ธรันดูอินไม่ค่อยฟังจะบุกท่าเดียว ตอนนั้นบิลโบก็โผล่มาแล้วเอาอาเคนสโตนมามอบให้บาร์ดบอกว่าธอรินถือเจ้านี่เหนือสมบัติทั้งหมด ให้บาร์ดถือว่าเจ๊ากันละกัน<br />
<br />
ด้านเลโกลัสกับธอเรียลไปถึงกุนดาบาด ก็เห็นว่าออร์กตัวที่เป็นลูกน้องหลักของอาซ็อก (จำชื่อไม่ได้แต่ขอเรียกว่ารองออร์กหัวหน้าละกัน) กำลังนำกำลังอีกกองทัพออกมาแล้วมุ่งหน้าไปที่เอเรบอร์ เลยจะรีบกลับมาแจ้งข่าว<br />
<br />
รุ่งขึ้นธรันดูอินกับบาร์ดก็นำกำลังมาจ่อหน้าเอเรบอร์ แสดงให้ธอรินเห็นว่าตัวเองมีอาเคนสโตนนะ เอาทองมาให้ชาวบ้านแล้วจะคืนให้ ธอรินโวยวายบอกว่านั่นมันของปลอมเพราะของจริงยังอยู่ในนี้ แต่บิลโบ(ที่แอบออกไปแล้วก็กลับมาแล้ว) บอกว่านั่นอ่ะของจริง ตัวเองให้เขาไปเอง เพราะธอรินคนเดิมไม่ใช่คนที่จะผิดสัญญาและสงสัยพี่น้อง (ก่อนหน้านี้ธอรินบอกว่าต้องมีพวกคนแคระสักคนเอาไป ถือว่าเป็นคนทรยศ) ธอรินเลยของขึ้นจะให้โยนบิลโบลงจากกำแพงเมือง แต่คนแคระคนอื่นห้ามไว้แล้วบอกให้บิลโบหนีออกไป จังหวะนั้น ก่อนที่กองทัพเอลฟ์+มนุษย์จะบุก ก็มีกองทัพคนแคระโผล่มา แกนดัล์ฟบอกออกมาว่า ไออ้อนฟุ้ต เป็นดาอินที่เป็นญาติของธอรินยกมาช่วย แต่ก่อนที่ทั้งสองฝ่ายจะเริ่มสู้กัน กองทัพออร์กที่มีเยอะมากก็บุกเข้ามาทำให้ทั้งสองฝ่ายต้องหยุดสู้กันแล้วไปสู้กับออร์กแทน ช่วงนี้ตะลุมบอนมาก สู้กันไปสู้กันมาจนสถานการณ์เริ่มเห็นชัดว่าฝ่ายออร์กเริ่มได้เปรียบ กองทัพคนแคระกับกองทัพของเอลฟ์กับมนุษย์แยกกัน พวกคนแคระถอยไปอยู่หน้าเอเรบอร์ พวกมนุษย์หนีกลับเข้าเมืองแต่ออร์กก็ตามไป ธรันดูอินบอกจะถอนกำลัง แต่ธอเรียลมาห้ามไว้ ตอนนั้นธอรินเริ่มได้สติ แล้วนำทุกคน (ก็แค่คนแคระ13คนนั่นแหละ) ออกมาสู้ ทำให้กองทัพคนแคระเริ่มกลับมาฮึดสู้อีกรอบเพราะมีผู้นำ ธอรินมุ่งหน้าขึ้นไปยังจุดที่อาซ็อกบัญชาการทัพออร์กอยู่พร้อมกับฟิลี คิลี และ คนแคระอีกคนหนึ่ง (รู้สึกว่าชื่อดวาลิน) ขึ้นไปถึงเหมือนอาซ็อกจะวางกับดักรอไว้ก่อน ธอรินให้ฟิลีกับคิลีไปสอดแนม ตอนนั้นเลโกลัสกลับมาถึงบอกว่ามีกองทัพอีกทัพของรองหัวหน้าออร์กกำลังยกมาทางนั้น บิลโบบอกว่าเขาจะไปเตือนพวกธอรินเอง แกนดัล์ฟบอกว่าไม่อนุญาตแต่บิลโบบอกกลับว่าเขาจะไป<br />
<br />
บิลโบมาถึงตอนที่ธอรินส่งพวกคิลีไปแล้ว อาซ็อกโผล่มาพร้อมกับจับตัวฟิลีไว้แล้วแทงให้ตายต่อหน้าธอริน จึงสู้กันอีกรอบ ธอรินสู้กับอาซ็อก คิลีกับธอเรียลสู้กับรองหัวหน้าออร์ก แต่คิลีโดนแทงตายธอเรียลโกรธเลยผลักกันตกลงมาทั้งคู่ ลงมาธอเรียลเหมือนจะสลบไป แต่ออร์กตนนั้นไม่สลบไปด้วย เลโกลัสเลยมาช่วยแล้วจัดการเจ้านั่นซะ<br />
<br />
ด้านกองทัพออร์กอีกทัพมีราดากัสที่มาพร้อมกับพวกนกอินทรีย์ยักษ์กับบียอน (มนุษย์หมี) มาช่วยจัดการ ตอนนี้เลยเหลือธอรินที่สู้กับอาซ็อกอยู่ ธอรินเสียท่าให้อาซ็อกแทงแต่ตัวเองก็แทงอาซ็อกกลับจนตาย บิลโบเข้ามาหา ธอรินบอกขอโทษที่ว่าบิลโบแล้วก็ตายเพราะแผลที่โดนอาซ็อกแทง<br />
<br />
ฝ่ายคนแคระ เอลฟ์ และมนุษย์เป็นฝ่ายชนะสงคราม บิลโบเดินทางกลับไชร์ ดาอินครองเอเรเบอร์ต่อ บาร์ดอยู่ที่เดล เลโกลัสบอกว่าตัวเองจะไม่กลับไปป่าธรันดูอินเลยบอกให้เดินทางไปทางเหนือให้ไปเจอคนที่ชื่อสไตรเดอร์ (อารากอนใน LOTR)nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com2tag:blogger.com,1999:blog-3565944301664295783.post-49117289293917517352014-12-06T22:03:00.000+07:002014-12-06T22:23:47.872+07:00ประสบการณ์ SIM พัง (dtac)วันนี้อยู่ดีๆ ยกมือถือขึ้นมาก็พบว่ามือถือไม่มีสัญญาณเลยกดไปดูว่ามันเป็นอะไร แล้วก็พอว่าชื่อเครือข่ายจากเดิมที่เป็น dtac กลายเป็น NO SERVICE ซะแล้ว<br />
<br />
ตอนแรกก็คือว่าคงหลุดชั่วคราวเลยทำงานต่อ แต่ปรากฏว่าผ่านไปเป็นชั่วโมงมันก็ยังไม่กลับมา ก็เอาแล้วไงล่ะ ... แบบนี้มันไม่ปกติซะแล้ว<br />
<br />
ก็เลยลองวิธีมาตราฐานสไตล์โปรแกรมเมอร์ที่ส่วนใหญ่จะใช้แก้ปัญหามากกว่า 90% ของอุปกรณ์ ITได้นั่นคือ...<br />
<br />
<div style="text-align: center;">
<span style="font-size: x-large;">Restart เครื่องซะ!!</span></div>
<br />
แต่เปิดมาใหม่มันก็ ... ไม่หายอ่ะ ทำไงดี T__T<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ocxPeaHVYqg/VIMVmvs5URI/AAAAAAAAFRE/taQhKhaMepo/s1600/simdtac.jpg?a" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ocxPeaHVYqg/VIMVmvs5URI/AAAAAAAAFRE/taQhKhaMepo/s1600/simdtac.jpg" /></a></div>
<br />
แต่คราวนี้จากสัญญาณหาเครือข่ายไม่เจอมันก็กลายเป็นสัญลักษณ์ "No SIM Card Installed"<br />
เอาแล้วไง ซิมก็ใส่อยู่ ไม่เคยไปแกะไปยุ่งมันเลยตั้งแต่ซื้อเครื่องมา แล้วมันจะไม่อินสตอลได้อย่างไรนะ<br />
<br />
ทีนี้ เมื่อซิมใช้ไม่ได้ จะเสิร์จเน็ตหาวิธีแก้ไปพลางๆ ก็ไม่ได้ ดังนั้นเลยต้องโทรถาม Call Center! (แน่นอนว่ายืมเครื่องคนอื่นโทรนะ ยังดีไม่ได้อยู่คนเดียว) ส่วนเบอร์ก็มึนๆ ไปเล็กน้อยระหว่าง 1686 1186 (ไม่ใช่ นั่นมันร้องเรียน คปภ.) สรุปคือ <span style="color: #0b5394;"><b>1678</b></span> นะจ๊ะ<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-JNPx8-XZ51o/VIMTLwpQLyI/AAAAAAAAFQ4/s9Kpk4cqM5c/s1600/DSC01671.JPG?a" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-JNPx8-XZ51o/VIMTLwpQLyI/AAAAAAAAFQ4/s9Kpk4cqM5c/s1600/DSC01671.JPG" height="265" width="400" /></a></div>
โทรไปถาม พนักงานรับสายเร็วพอสมควร ให้คำแนะนำว่าลองเอา SIM ไปใส่เครื่องอื่นแล้วเปิดดูว่ามันเสียที่ SIM หรือเสียที่เครื่อง (ถาดใส่ SIM ของมือถืออาจจะมีปํัญหา) เราเลยลองทำตาม แน่นอนว่ายืมมือถืออีกคน เพราะมือถือที่ยืมมาโทรเครื่องแรกกำลังคุยอยู่นะ<br />
<br />
ผลก็คือ SIM พังจ้า!!<br />
แอบโล่งใจนิดๆ เพราะถ้ามือถือพังน่าจะซ่อมยากกว่า<br />
แต่ก็แอบสงสัยเล็กๆ ว่า SIM dtac อันเก่าที่ใช้มาตั้งแต่รุ่นชื่อ dprompt โลโก้สีม่วงที่ dtac ยังไม่เปลี่ยนโลโก้เลยอันนั้นใช้มาเป็น 10 ปีก็ยังไม่พัง พอเปลี่ยนซิมใหม่ปุ๊ป ปีเดียวก็พังแล้ว หรือว่าลดคุณภาพกันนะ?<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-mf7hZLHfu6Q/VIMWXfP3ZhI/AAAAAAAAFRM/r3oJjly5n2Y/s1600/dtac%2Bshop.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-mf7hZLHfu6Q/VIMWXfP3ZhI/AAAAAAAAFRM/r3oJjly5n2Y/s1600/dtac%2Bshop.png" /></a></div>
<br />
สรุปก็รีบเคลียร์งานสอนให้เสร็จ แล้วไปบึ่งไป shop dtac ใกล้บ้านก่อนที่มันจะปิดร้านดังที่ Call Center แนะนำมา คือให้เอา<span style="color: red;"><b> SIMเจ้าปัญหาพร้อมบัตรประชาชน </b></span>ไปที่ร้าน แล้วเขาจะเปลี่ยน SIM ใหม่ให้เลย (ฟรีนะ) เปลี่ยนเสร็จก็รีสตาร์เครื่องแล้วก็ใช้ได้ทันที<br />
<br />
ป.ล. มือถือ (SIM) พังไป 1 วันเรื่องเล่นเน็ตไม่ได้ไม่ใช่ปัญหา แต่เรื่องโทรออกกับติดต่อคนอื่นไม่ได้นี่สิปัญหาnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-72492827411600711722014-12-03T09:42:00.001+07:002016-11-02T12:42:45.024+07:00~ ความลำบากใจของนักโทษ (The Prisoner's Dilemma)ย้ายบทความไปที่ <a href="http://www.tamemo.com/post/73/the-prisoner-dilemma/">http://www.tamemo.com/post/73/the-prisoner-dilemma/</a>Badwolf_Fridayhttp://www.blogger.com/profile/00631158758059780961noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-33323111089160979262014-12-02T09:36:00.001+07:002014-12-02T09:56:25.991+07:00การวัดระยะทางก็มีลีลา<h2>
การหาระยะทางระหว่างจุดสองจุด</h2>
<div>
<h3>
การวัดระยะทางทั่วไป</h3>
<br /></div>
โดยปกติแล้วระยะทางระหว่างสิ่งของสองสิ่ง หากไม่ไกลมาก เราจะใช้ไม้บรรทัดทาบและวัดเอา<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-jQblrCaQfXE/VEXLZJQ0C9I/AAAAAAAAERw/isPdZ8cCe-s/s1600/images.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-jQblrCaQfXE/VEXLZJQ0C9I/AAAAAAAAERw/isPdZ8cCe-s/s1600/images.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
ในกรณีที่ของสองสิ่งอยู่ไกลเกินกว่าไม้บรรทัดจะทาบถึง เราอาจจะใช้เชือก หรือ ของอย่างอื่นวัดแทนได้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-u2VV4DV7qyg/VEXLwxIC79I/AAAAAAAAER4/3lVAt2i2Ykc/s1600/ruler.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-u2VV4DV7qyg/VEXLwxIC79I/AAAAAAAAER4/3lVAt2i2Ykc/s1600/ruler.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
แต่หลักการโดยปกติทั่วไปแล้ว ทั้งหมดนี่ก็คือการ สร้างเส้นตรงมาระหว่างจุดสองสุด แล้ววัดความยาวของเส้นตรงนั้นๆเอา</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Z28ER_H7v1o/VFGdUWRcrTI/AAAAAAAAESQ/lpc1zSqxRKw/s1600/distance1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Z28ER_H7v1o/VFGdUWRcrTI/AAAAAAAAESQ/lpc1zSqxRKw/s1600/distance1.png" height="211" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
สมมติเล่นๆ ให้จุดซ้าย (จะเรียกว่าจุด a) อยู่ที่ตำแหน่ง (x1,y1) และจุดขวา (จะเรียกว่าจุด b) อยู่ที่ตำแหน่ง (x2,y2)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-3r0w_WAcOhI/VFGepVbMv8I/AAAAAAAAESY/4G8B4WHsgmM/s1600/distance2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-3r0w_WAcOhI/VFGepVbMv8I/AAAAAAAAESY/4G8B4WHsgmM/s1600/distance2.png" height="211" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a><br /><br />
<br />
<br />
<br />
วิธีวัดระยะ L ก็ใช้สูตรจากที่เรียนๆกันมาตั้งแต่เด็กจนโต (สูตรวัดระยะทางระหว่างจุดสองจุด)<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RHacIVlQC5Y/VFGgxyM629I/AAAAAAAAESk/spT5OWau63E/s1600/CodeCogsEqn.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RHacIVlQC5Y/VFGgxyM629I/AAAAAAAAESk/spT5OWau63E/s1600/CodeCogsEqn.gif" /></a></div>
<br />
<br />
<br />
ยากสินะ ไม่เข้าใจสูตรไม่เป็นไร ขอแค่คิดว่ามันคือความยาวเส้นตรงก็พอ....<br />
<br />
เราเรียกการวัดระยะทางแบบนี้ว่า ระยะทางแบบ<b> ยูคลีเดียน (Euclidean Distance)</b><br />
<br />
<br />
<br />
คราวนี้ นอกจากการวัดระยะทางแบบตามสามัญสำนึกแบบนี้แล้ว ยังมีการวัดระยะทางอีกแบบหนึ่ง (ที่จริงๆ ทุกๆคนก็น่าจะรู้จัก แต่ไม่ได้คิดถึงมันนั่นเอง) ที่เรียกว่า <i><b>Taxicap Distance</b></i><br />
<i><br /></i>
นึกถึงภาพในเมือง (ต่างประเทศ) ซักเมือง มักจะออกมาเป็นแบบนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bmxaQW3rjWM/VFGiycdD0TI/AAAAAAAAESw/vRhn7NnXbpw/s1600/Cityscape_map_illustrations.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-bmxaQW3rjWM/VFGiycdD0TI/AAAAAAAAESw/vRhn7NnXbpw/s1600/Cityscape_map_illustrations.jpg" height="320" width="209" /></a></div>
<br />
<br />
เราจะตัดมาพิจารณาสัก 1 บล็อก และมองมันแบบมุมสูงภาพที่ได้ก็จะประมาณนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-0iNxH1pxTjs/VFHeShZUUXI/AAAAAAAAETA/v68TnKN7Q84/s1600/cityblock.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-0iNxH1pxTjs/VFHeShZUUXI/AAAAAAAAETA/v68TnKN7Q84/s1600/cityblock.jpg" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
สมมติเราให้ระยะห่างระหว่างตึกเท่ากับ 1 หน่วย<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-vYRE_iuWZ2Q/VFdWX499glI/AAAAAAAAETQ/cYukvKfQev0/s1600/cityblock2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-vYRE_iuWZ2Q/VFdWX499glI/AAAAAAAAETQ/cYukvKfQev0/s1600/cityblock2.jpg" height="240" width="320" /></a></div>
<br />
<div>
<br /></div>
<div>
ดังนั้นระยะห่างระหว่าถนนทั้งสองมุมจะมีค่าเท่ากับเส้นตรงที่อยู่ระหว่างจุดสองจุดนั่นเอง</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-DfjrAUF2wFw/VFdXkRIpxrI/AAAAAAAAETc/h1Iw_B-Xu_E/s1600/cityblock3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-DfjrAUF2wFw/VFdXkRIpxrI/AAAAAAAAETc/h1Iw_B-Xu_E/s1600/cityblock3.jpg" height="240" width="320" /></a></div>
<br />
<br /></div>
<div>
<br /></div>
<div>
หากเราวาดเส้นตรงตามแนวถนนจะพบว่าเราจะได้สามเหลี่ยมมุมฉากดังภาพ</div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-QHFoBWgpMfw/VFdYTQdjWYI/AAAAAAAAETk/D2bM2iFcxD0/s1600/cityblock4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-QHFoBWgpMfw/VFdYTQdjWYI/AAAAAAAAETk/D2bM2iFcxD0/s1600/cityblock4.jpg" height="240" width="320" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
ดังนั้นระยะห่างระหว่างสองจุดนี้จึงคิดได้จากสูตรปิทากอรัสธรรมดาๆ </div>
<div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-Btho_N3TblA/VFdY8mXnulI/AAAAAAAAET0/xJPPzYWxT8I/s1600/CodeCogsEqn%2B(1).gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-Btho_N3TblA/VFdY8mXnulI/AAAAAAAAET0/xJPPzYWxT8I/s1600/CodeCogsEqn%2B(1).gif" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
นั่นคือระยะห่างมีค่าเท่ากับ <a href="http://www.codecogs.com/eqnedit.php?latex=\sqrt{2}" target="_blank"><img src="http://latex.codecogs.com/gif.latex?\sqrt{2}" title="\sqrt{2}" /></a> หรือประมาณ 1.414 นั่นเอง</div>
<div>
<br />
<br />
<br />
<h3>
การวัดระยะทางแบบแท็กซี่</h3>
</div>
<div>
<br /></div>
<div>
คราวนี้คำถามมีอยู่ว่าหากเรา "นั่งแท็กซี่" จากจุด A ไป B ยังได้ระยะทางเท่าเดิมหรือไม่<br />
<br /></div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nxM41wFsfTU/VFdjUASlvoI/AAAAAAAAEUE/RoibCwvfS2c/s1600/cityblock5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-nxM41wFsfTU/VFdjUASlvoI/AAAAAAAAEUE/RoibCwvfS2c/s1600/cityblock5.jpg" height="240" width="320" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
แน่นอนว่าแท็กซี่ที่เรียกคงไม่ใช่รถแฮร์รี่พอตเตอร์ที่บินข้ามตึกได้</div>
<div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-U_SQSqNb0OU/VFg3w5aOcLI/AAAAAAAAEUU/pv2Dxb8OslE/s1600/cityblock6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-U_SQSqNb0OU/VFg3w5aOcLI/AAAAAAAAEUU/pv2Dxb8OslE/s1600/cityblock6.jpg" height="240" width="320" /></a></div>
<br />
<br /></div>
<div>
<br /></div>
<div>
เวลาเดินทางจึงจำเป็นต้องวิ่งไปตามถนนเท่านั้น</div>
<div>
<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-EeUorqxFZxg/VFg4aNmCP8I/AAAAAAAAEUc/TXfez898ysM/s1600/cityblock7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-EeUorqxFZxg/VFg4aNmCP8I/AAAAAAAAEUc/TXfez898ysM/s1600/cityblock7.jpg" height="240" width="320" /></a></div>
<br /></div>
<div>
<br /></div>
<div>
ทำให้ระยะห่างระหว่างจุดสองจุดในมุมมองของการนั่งแท็กซี่เท่ากับความยาวถนนสองเส้นนี้</div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-oNHDCVhBC8E/VGqquetabxI/AAAAAAAAEVU/frfwFqjQbyE/s1600/cityblock8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-oNHDCVhBC8E/VGqquetabxI/AAAAAAAAEVU/frfwFqjQbyE/s1600/cityblock8.jpg" height="240" width="320" /></a></div>
<br />
<br /></div>
<div>
นั่นคือมีค่าเท่ากับ 2</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
เรียกการวัดระยะทางแบบนี้ว่าการวัดระยะทางแบบแท็กซี่ <b>(<i>Taxicab Distance</i>)</b></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
เราลองขยายเสกลออกไปเป็นมุมมองของเมืองขนาด 2x2 บล็อก<br />
<br /></div>
<div>
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-PuddQh3xYcY/VHU2BT9MTXI/AAAAAAAAEV4/c2iurwzN0iY/s1600/doubleblock01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-PuddQh3xYcY/VHU2BT9MTXI/AAAAAAAAEV4/c2iurwzN0iY/s1600/doubleblock01.jpg" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
หากจะเดินทางจากจุด A ไปจุด B ด้วยแท็กซี่ ใกล้สุดใช้ระยะทางเท่ากับ แนวนอน สองบล็อก บวกกับ</div>
<div class="separator" style="clear: both; text-align: left;">
แนวตั้งอีกสองบล็อก </div>
<br /></div>
<div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iJUjN8uDYZA/VH0TMf1RSqI/AAAAAAAAEWU/P3jXWyYja1o/s1600/doubleblock02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-iJUjN8uDYZA/VH0TMf1RSqI/AAAAAAAAEWU/P3jXWyYja1o/s1600/doubleblock02.jpg" height="320" width="320" /></a></div>
<br />
นั่นคือ ระยะทางแบบแท็กซี่จากจุด A ไป B มีขนาด 4 หน่วยนั่นเอง<br />
<br />
<br />
ในขณะที่ถ้าใช้การวัดแบบสร้างเส้นตรง ระยะห่างของจุด A B จะมีขนาดเท่ากับ<br />
<br />
<br /></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-bi7YEGEvvqQ/VH0UZ-Z8CxI/AAAAAAAAEWg/uipKKpc63bA/s1600/CodeCogsEqn%2B(2).gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-bi7YEGEvvqQ/VH0UZ-Z8CxI/AAAAAAAAEWg/uipKKpc63bA/s1600/CodeCogsEqn%2B(2).gif" /></a></div>
<br />
เพราะระบะทางแบบ เส้นตรง เราไม่จำเป็นต้อง "อ้อม" ตัวตึกนั่นเอง<br />
<br />
<br />
การวัดระยะทางแบบแท็กซี่ มีสูตรสำเร็จก็คือ<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XSwO4Qb61nE/VH0U_tARK4I/AAAAAAAAEWo/3k9Ep361SLs/s1600/CodeCogsEqn%2B(3).gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-XSwO4Qb61nE/VH0U_tARK4I/AAAAAAAAEWo/3k9Ep361SLs/s1600/CodeCogsEqn%2B(3).gif" /></a></div>
<br />
<br />
คือเอาระยะทางแนวนอน บวกกับแนวตั้ง นั่นเอง<br />
<br />
<br />
<h3>
ประโยชน์ของ Taxicap Distance</h3>
<br />
ถึงตรงนี้ เราอาจจะไม่เข้าใจว่า ไอ้เจ้า Taxicap Distance เนี่ย มันเอาไว้ทำอะไร ตัวอย่างการเอาไปใช้ที่เห็นได้เด่นชัดที่สุดคือ "เกม"<br />
<br />
เกมที่เราเล่น ไม่ว่าจะในที่ใด สมัยก่อนนั้น "กระดาน" เกมจะอยู่ในรูปของ "ตาราง" เสียส่วนใหญ่<br />
<br />
<br />
เช่น ในเกมผจญภัยเกมหนึ่ง เราได้รับบทเป็นนักเวทมนต์ ยืนอยู่ตรงกลางกระดานแบบนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-IPrYAXF7Pvk/VH0gzL6kKfI/AAAAAAAAEW4/AnRG2uyiQ30/s1600/game01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-IPrYAXF7Pvk/VH0gzL6kKfI/AAAAAAAAEW4/AnRG2uyiQ30/s1600/game01.jpg" height="320" width="320" /></a></div>
<br />
<br />
หากกำหนดว่า นักเวทคนนี้สามารถร่ายเวทน้ำแข็งแบบเอลซ่า โจมตีได้ระยะทางสองช่อง รัศมีการโจมตีของเธอจึงเป็นแบบนี้<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-2OaME-uFn8E/VH0hEeF_l3I/AAAAAAAAEXA/7lX_UHmvGX4/s1600/game02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-2OaME-uFn8E/VH0hEeF_l3I/AAAAAAAAEXA/7lX_UHmvGX4/s1600/game02.jpg" height="320" width="320" /></a></div>
<br />
โดยที่ช่องสีเขียวอ่อนคือ ระยะ 1 ช่องนับจากจุดที่นักเวทยืน และสีเขียวเข้มคือระยะสองช่องนับจากนักเวท<br />
<br />
ซึ่งเป็นการวัดระยะทางแบบ Taxicap หากเราใช้การวัดระยะทางปกติ เราจะมองได้แบบนี้<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-su46e0Cms_Y/VH0isre5RtI/AAAAAAAAEXM/XcemcpQh_fg/s1600/game03.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-su46e0Cms_Y/VH0isre5RtI/AAAAAAAAEXM/XcemcpQh_fg/s1600/game03.jpg" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
เส้นสีเขียวคือจุดที่มีระยะห่างเท่ากับ 2 พอดี นับจากจอมเวท<br />
<br />
หากเราลองระบายสีเส้นที่วงกลมสีเขียวลากผ่าน<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-_n3k9IGimJY/VH0jIQtFbUI/AAAAAAAAEXc/1uv1YaMe9Pw/s1600/game05.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-_n3k9IGimJY/VH0jIQtFbUI/AAAAAAAAEXc/1uv1YaMe9Pw/s1600/game05.jpg" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
จะเห็นว่ามีบางจุดที่แตกต่างกับแบบของ Taxicap (แบบนี้จะได้ระยะทางที่มากกว่า)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ซึ่งจุดเหล่านั้นต้องผ่านการเดินมากกว่า 2 ช่องแน่นอน</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<h3 style="clear: both; text-align: left;">
สรุป </h3>
<div class="separator" style="clear: both; text-align: left;">
การวัดระยะทางจริงๆยังมีอีกหลายแบบมาก แต่ที่นิยมกันจริงๆจะมีสองตัวนี้ </div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ตัวแรกคือ Euclidean Distance และ อีกแบบคือ Taxicap Distance</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Euclidean Distance มักจะใช้กับการวัดระยะทางในโลกจริง</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
ส่วน Taxicap Distance มักจะใช้กับเกมคอมพิวเตอร์ หรือคณิตศาสตร์ที่มีลักษณะไม่ต่อเนื่อง (Discrete Mathematic) เพราะนอกจากเกมที่เป็นตารางแล้ว จอคอมพิวเตอร์เองก็ยังเป็นตารางของเม็ดสีเช่นกัน</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Taxicap Distance ใช้กันแพร่หลายมาก จนเกิดศาสตร์ต่อยอด ที่เรียกว่า Taxicap Geometry หรือ ภูมิศาสตร์แบบแท็กซี่เลยอีกด้วย</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
สนใจลองอ่านตรงนี้ต่อได้ <a href="http://www.mathematische-basteleien.de/taxicabgeometry.htm">http://www.mathematische-basteleien.de/taxicabgeometry.htm</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<br /></div>
Badwolf_Fridayhttp://www.blogger.com/profile/00631158758059780961noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-73510139628976811922014-11-19T23:19:00.001+07:002014-11-19T23:19:04.517+07:00[แปล] User eXperience (UX) - ตอนที่ 2 สร้างตัวแทนผู้ใช้กับ Personaคงเคยสินะ สถานการณ์กลืนไม่เข้าคายไม่ออกหลังจากเข้าห้องประชุมมาสามชั่วโมงแล้วก็ยังไม่มีทีท่าว่าจะหาข้อสรุปได้ตอนแรกก็ไม่เท่าไหร่หรอกนะ แต่ละคนเริ่มระดมไอเดียกันเพื่อแก้ปัญหาที่ทีมกำลังพบเจอ แต่หลังจากไอเดียมากมายพรั่งพรูออกมา คนนั้นก็อยากได้อันนั้น คนนี้ก็อยากได้อันนี้ ส่วนเราก็มีไอเดียของเรา แล้วเถียงยังไงมันก็<b>ไม่มีวันจบเพราะแต่ละคนมีเหตุผลของตัวเอง</b><br />
<br />
สมมุติว่าทีมได้รับมอบหมายให้ออกแบบรถคันหนึ่ง ลองคิดภาพตามว่าจะเกิดอะไรขึ้นถ้าคุณจะออกแบบรถออกมาอย่างไรที่ทำให้คนทุกคนบนโลกพึงพอใจมากที่สุด<br />
<br />
สิ่งที่จะเกิดขึ้นก็คือรถคันนั้นจะเต็มไปด้วย<span style="color: red;"><b>ฟังก์ชั่นทุกอย่าง</b></span>ที่คนอยากได้ แต่..<br />
<br />
<span style="font-size: large;">ไม่มีใครอยากใช้มันล่ะ!</span><br />
<br />
เหมือนเวลาที่คุณจะซื้อของอะไรบางอย่าง มันดูดี มีฟังก์ชันการใช้งานหลากหลาย น่าใช้มาก แต่คุณดันไม่ซื้อมันแต่กลับหยิบสินค้าอีกชิ้นที่มันทำอะไรไม่ค่อยได้แต่ถูกใจคุณเดินไปเคาเตอร์จ่ายเงิน<br />
เหมือนกับคำกล่าวที่ว่า<br />
<br />
<span style="font-size: x-large;">“I don’t know the key to success, but I know the key to failure is trying to please everybody”</span><br />
<br />
(เราไม่รู้หรอกว่าหนทางสู่ความสำเร็จคืออะไร ... แต่เรารู้ว่าหนทางสู่ความล้มเหลวก็คือการพยายามทำให้ทุกคนชอบมัน)<br />
<br />
<blockquote class="tr_bq">
ลองจินตนาการต่ออีกหน่อยว่าถ้าคุณได้รับมอบหมายให้ไปแก้ปัญหาในร้านอาหารเหตุหนึ่งนะ</blockquote>
<br />
คุณเลือกที่จะทำอะไร ระหว่าง<br />
<br />
- สร้างเมนูอาหารที่หลากหลาย 30 จานที่มั่นใจว่าลูกค้าไม่ว่าจะมีรสนิยมแบบไหนก็ต้องถูกใจสักจาน<br />
<br />
หรือ<br />
<br />
- ลดเมนูอาหารจาก 30 จานให้เหลือเพียงแค่ 10 จาน <b>และทำ 10 จานนั้นให้มีคุณภาพที่ดีที่สุด</b><br />
<br />
สรุปก็คือ ไม่ต้องพยายามทำให้ Product ของเราตอบสนองความต้องการของลูกค้าทุกคนหรอก ขอแค่ทำบางอย่างเพื่อให้ตอบสนองต่อความต้องการของคนให้ถูกกลุ่มแบบ<b>เฉพาะเจาะจง</b>ไปก็พอแล้ว<br />
<br />
<h2>
มารู้จักกับ Persona กัน</h2>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-_P6GNSnmKbg/VGy2ScMdRRI/AAAAAAAAFQI/RxUsIpXmxWM/s1600/personas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-_P6GNSnmKbg/VGy2ScMdRRI/AAAAAAAAFQI/RxUsIpXmxWM/s1600/personas.png" /></a></div>
<br />
ในฐานะคนสร้าง Product แล้วเราก็ต้องการออกแบบให้ตรงความต้องการของลูกค้ามากที่สุดใช่มั้ยล่ะ เพราะถ้าลูกค้าพอใจก็ปิดจ๊อบเร็ว (และรับเงินเร็ว 555)<br />
<br />
และอย่างที่อธิบายไปแล้วว่าถ้าเรามัวแต่มาเถียงกันว่าแนวทางการออกแบบ Product ตัวนี้ทำยังไงดีบ้างมันก็จะซ้ำรอยเดิมคือประชุมกันไม่ได้ข้อสรุปซะที <b>เพราะพวกเรายึดสิ่งที่เราอยากได้เป็นหลักโดยไม่ได้คำนึงถึงเลยว่าสิ่งที่เราอยากได้น่ะ<span style="color: red;">มันไม่ใช่สิ่งที่ผู้ใช้อยากได้</span>ซะหน่อย</b><br />
(โดยเฉพาะพวกโปรแกรมเมอร์ที่รู้เยอะซะเหลือเกิน และชอบอยากได้ฟังก์ชันที่คนทั่วไปเข้าไม่ได้อยากจะใช้กัน)<br />
<br />
ดังนั้นเราจะสร้างสิ่งหนึ่งขึ้นมาเป็นตัวแทน User ทีนี้เวลาประชุมก็เลิกคิดซะทีว่าเราอยากได้อะไร แต่ให้เปลี่ยนเป็น เจ้าตัวแทนผู้ใช้คนนี้น่ะมันอยากได้อะไร!! <br />
<a name='more'></a><br />
<span style="font-size: large;">ซึ่งเราจะเรียกเจ้าสิ่งนี้ว่า <b>Persona </b>ยังไงล่ะ </span><br />
<br />
ทำไมเราต้องใช้ Persona ล่ะ ... นั่นก็เพราะ Persona มันง่าย และเราไม่สามารถเอา User จริงๆ มานั่งข้างๆ คอยตอบเราว่าเขาชอบอะไรแบบไหน<br />
ดังนั้นเราจะสร้างตัวแทนของ User ขึ้นมาเอง (ไม่ใช่คนที่มีตัวตนจริงๆ เป็นแค่ Character ที่สร้างขึ้นมาเหมือนเวลาแต่งนิยาย) <br />
ที่ต้องทำแบบนี้เพราะเราจะได้มีคนให้โฟกัสนั่นเองว่า<b>เรากำลังสร้างของให้เขาใช้นะ</b> สำคัญคือ.. Persona ไม่ควรเป็นคนที่มีตัวตนจริงๆ และไม่ใช่ค่าเฉลี่ยของยูสเซอร์นะ!<br />
<br />
เหตุผลคือการใช้คนที่มีตัวตนจริงๆ จะทำให้เกิดอคติ (ยกเว้นกรณีที่สร้าง Product โดยรู้แน่ๆ ว่าใครเป็นผู้ใช้แน่ๆ) ส่วนที่บอกว่าไม่ใช่ค่าเฉลี่ยของผู้ใช้ทั้งหมดก็เพราะในชีวิตจริงไม่มีคนที่เป็น "คุณค่าเฉลี่ย" อยู่หรอกนะ<br />
<br />
เช่นถ้าบอกว่าค่าเฉลี่ยของคนไทยเป็นดังนี้ (สมมุตินะ ไม่ต้องไปหาสถิติมาแย้งว่าข้อมูลผิดล่ะ)<br />
<ul>
<li>สูง 170 cm.</li>
<li>หนัก 55 kg</li>
<li>สายตาสั้น 120</li>
<li>ใช้มือถือวันละ 6.5ชั่วโมง</li>
<li>ได้เงินเดือน 12850 บาท</li>
<li>ใส่รองเท้าเบอร์ 37.5</li>
<li>ชอบดูละครวันพุธ เวลา 2 ทุ่มครึ่ง</li>
<li>และอื่นๆ ที่ท่านๆ พอจะนึกได้ละนะ บลาๆๆ</li>
</ul>
เอาล่ะ นี่เป็นค่าเฉลี่ยของคนไทย เราจะเรียกคนที่มีคุณสมบัติแบบนี้ว่า "คุณค่าเฉลี่ย" ละกัน คำถามคือคุณคิดว่ายากไหมที่จะให้ไปหาคนในประเทศไทยที่มีคุณสมบัติเหมือนคุณค่าเฉลี่ยนี้ทุกอยาก หรือเอาแค่ตรงกัน 70% ขึ้นก็พอแล้ว<br />
<br />
แน่นอนว่ามัน<b>ยากมากที่จะเจอคนที่มีคุณสมบัติแบบนี้ในชีวิตจริง!</b><br />
ดังนั้นในเมื่อชีวิตจริงมันไม่ค่อยมีคนแบบคุณค่าเฉลี่ยเนี่ยแล้วเราจะไปสร้าง Persona ให้เป็นเขาทำไมกันเล่า! จริงป่ะ?<br />
<br />
เอาล่ะ ในเมื่อเราจะไม่สร้างคุณค่าเฉลี่ยขึ้นมา เราก็จะใช้วิธีคิดเอาว่าคนที่จะมาใช้ Product ของคุณน่ะ น่าจะมีคุณสมบัติยังไง<br />
<br />
ก็ลองร่างขึ้นมาสักคนสองคนนะ เช่น<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://2.bp.blogspot.com/-vxehGZqasSA/VGy2O6lwKmI/AAAAAAAAFQA/eQWIt0ap7lA/s1600/persona_0.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="http://2.bp.blogspot.com/-vxehGZqasSA/VGy2O6lwKmI/AAAAAAAAFQA/eQWIt0ap7lA/s1600/persona_0.png" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">ตัวอย่างการสร้างการ์ด Persona ขึ้นมา 1 คน</td></tr>
</tbody></table>
<br />
แน่นอนว่าข้อมูลพวกนี้เป็นข้อมูลที่ make ขึ้นมาล้วนๆ แม้แต่ชื่อก็ตั้งกันขึ้นมา (เราจะได้มีชื่อเรียกไงไม่งั้นจะเรียกเขาว่าอะไรล่ะ ... ยกตัวอย่าง มีโปรเจคหนึ่งที่ทีมเราเพิ่งทำไป มี Persona ชื่อว่า "น้องดาว ผู้เป็นเด็กม.ปลาย ชอบอ่านนิยายเป็นชีวิตจิตใจ" ล่ะ)<br />
<br />
<h2>
สิ่งที่ควรจะเขียนลงไปใน Persona </h2>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-QkuM3pNM9fk/VGy2adHd1tI/AAAAAAAAFQY/z_ZBHW4vOdo/s1600/portada-DIY-personas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-QkuM3pNM9fk/VGy2adHd1tI/AAAAAAAAFQY/z_ZBHW4vOdo/s1600/portada-DIY-personas.jpg" height="640" width="564" /></a></div>
<br />
<div style="text-align: center;">
<span style="color: #666666;"><span style="font-size: x-small;">รูปจาก <a href="http://www.ux-lady.com/diy-user-personas/">www.ux-lady.com</a></span></span></div>
<br />
1. Profile - เป็นข้อมูลคร่าวๆ ชื่ออะไร ทำงานอะไร อายุเท่าไหร่ เป็นผู้ชายหรือผู้หญิง<br />
<br />
2. บุคลิกของเขาเป็นยังไง - อารมณ์ร้อน/ใจเย็น รีบเร่ง/เรื่อยๆ ชิวๆ<br />
<br />
3. แปะรูปซะหน่อยพอให้นึกภาพออก จะวาดเอาก็ได้<br />
<br />
4. Quote - สิ่งที่คุณเพอโซน่าของเราพูดออกมาว่าอยากได้เช่น "ฉันอยากได้เครื่องมือสำหรับจัดการการจ่ายเงินและคุมบัญชีของที่บ้าน" จะได้เหมือนเราคุยกับเขาจริงๆ ไม่ออกนอกเรื่อง<br />
<br />
5. Technology expertise - สกิลความสามารถในการใช้เทคโนโลยี เพื่อทำให้เรารู้ว่าระบบที่เรากำลังจะทำต้องง่ายแค่ไหน ถ้าคุณออกแบบระบบให้คนที่ใช้คอมอย่างเชี่ยวชาญคุณอาจจะเอาปุ่มเยอะๆ วางๆ ไปด้วยความคิดที่ว่าเดี๋ยว User ก็ลองมั่วดูเองแหละ ... แต่การออกแบบเช่นนี้คงจะใช้ไม่ได้กับผู้ใช้ที่เป็นคนรุ่นอากงอาม่าหรอกใช่ไหม<br />
<br />
6. UX Goals - เป้าหมายที่อยากให้ผู้ใช้ได้รับ<br />
<br />
7. Device & Platforms - จะได้รู้ว่า Persona นี้เป็นสาวก Apple หรือเปล่า หรือถือมือถือ Android ชอบใช้ Windows อะไรแบบนี้<br />
<br />
<br />
8. Domain detail - รายละเอียดของการใช้งานระบบของเขาว่าเขาอยากทำอะไรบ้าง<br />
<br />
9. Must Do / Must Never - ตามชื่อเลย คือต้องทำอะไร และอย่าทำอะไรบ้าง<br />
<br />
10. Brand - คนๆ นี้มีความชอบแบรนด์อะไรเป็นพิเศษบ้างไหม<br />
<br />
โดย Persona จะต้องไม่มีเยอะจนเกิดไป เพราะจะทำให้เกิดความหลากหลายมาก ส่งผลให้ตัดสินใจยากเข้าไปอีก เพราะฉะนั้นมีแค่ Primary กับ Secondary ก็พอแล้ว<br />
<br />
<span style="font-size: x-large;">“Persona help us to make better design decision”</span><br />Persona จะช่วยให้เราตัดสินใจทางด้านดีไซน์ได้ดีขึ้น<br /><h2>
User Center Design</h2>
จากคำกล่าวนี้จะย้ำเราอีกครั้งว่าทำไมเราถึงต้องมี Persona พวกเราเถียงกันเรื่องดีไซน์ตอนประชุม นานเกินไปหรือเปล่า? เรากำลังยึดตัวเองเป็นศูนย์กลางอยู่หรือเปล่า?<br /><blockquote class="tr_bq">
ฟังเสียงชั้นบ้างสิพี่ชาย >__< ชั้นคือ Persona ชั้นคือตัวแทนของกลุ่มยูสเซอร์จริงๆ นะ!!</blockquote>
แล้ว Persona นี่จะงอกออกมาจากตรงไหน?<br />
<br />อย่างที่บอกตอนต้นว่า Persona ควรจะมาจากคนจริงๆ เพราะฉะนั้นการเกิด Persona ได้ต้องเกิดจาก การเอาข้อมูล User จริงมาจัดกลุ่ม โดยอาจจะแบ่งเป็นกลุ่มละ 2 มิติ และมีหลายกลุ่ม พอได้กลุ่มข้อมูลมาแล้วนั้นก็เอามาสรุปผลเป็น Persona คนๆ ไป พร้อมรายละเอียด และทำให้มีชีวิตจริงๆ<br />
<h3>
ทำไมถึงต้องให้ความสำคัญกับ Persona ขนาดนี้?</h3>
นั่นก็เพราะ Persona จะทำให้เราเข้าใจกลุ่มคนที่ใช้งานเราได้อย่างเจาะจงมากยิ่งขึ้น เพื่อให้เกิดการตัดสินใจทางด้านดีไซน์ที่ดีนั่นเอง<br />
<br />ก่อนหน้าที่เราไม่มี Persona เราอาจจะออกแบบโดยอิงจากตัวเองเป็นหลัก หรืออิงจากองค์กร หรือเทคโนโลยี ทำให้เกิดข้อสรุปที่เอาไปใช้จริงไม่ได้ เพราะเราออกแบบให้ตัวเองใช้ไม่ได้ออกแบบสำหรับ User เลย พอมีตัวแทนผู้ใช้จริงเข้ามา เราจะได้ออกแบบโดยอิงจาก User นี้หรือ Persona นี้เป็นศูนย์กลาง<br /><br />ความแตกต่างในแต่ละกลุ่ม Persona จะทำให้เราเห็นความแตกต่างในการดีไซน์งาน ดังนั้นนี่จึงเป็นเหตุผลว่าทำไมถึงไม่ควรมี Persona หลายกลุ่มมากเกินไป เพราะสุดท้ายเราเองจะสรุปงานไม่ได้<br />
<br />จำไว้ว่าจงออกแบบโดยอิงจากพฤติกรรม และเหตุผลที่ User ใช้งานของของเรา<br /><br />สุดท้าย...<br /><br /><span style="color: red;"><span style="font-size: x-large;">อย่ามโนเอาเอง!</span></span><br />Persona ต้องเกิดมาจากกลุ่มผู้ใช้งานจริงๆ เท่านั้น<br />
<br />จำง่ายๆ ว่า Persona มาจาก<br />
<blockquote class="tr_bq">
P - <b>Primary Research</b> เกิดจากการ Research เท่านั้น<br /><br />E - <b>Empathy </b>ใส่ข้อมูลจริงให้นางด้วยนะจ๊ะ<br /><br />R - <b>Realistic </b>ทำให้นางมีตัวตนบนโลกนี้จริงๆ<br /><br />S - <b>Singular </b>มีความยูนีค, มีความเฉพาะส่วนตัว<br /><br />O - <b>Objective </b>มีโกลหรือเป้าหมาย<br /><br />N - <b>Number </b>มีจำนวนไม่ต้องเยอะ<br /><br />A - <b>Applicable </b>เพื่อใช้นางเป็นเครื่องมือในการตัดสินใจ</blockquote>
<br />
จบบทนี้ด้วยรูปนี้ละกัน เป็นอินโฟกราฟิก 10 steps สำหรับการสร้าง Persona แบบง่ายๆ ... วันนี้เอาเท่านี้ล่ะ ไปและ เจอกันบทต่อไป<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-2FIF-JVzEJ4/VGy2VckYl-I/AAAAAAAAFQQ/UHu37eiTSoA/s1600/Persona-Lene.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-2FIF-JVzEJ4/VGy2VckYl-I/AAAAAAAAFQQ/UHu37eiTSoA/s1600/Persona-Lene.png" height="640" width="447" /></a></div>
nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-20542851043118154142014-11-16T17:41:00.001+07:002014-11-16T20:34:24.878+07:00[แปล] User eXperience (UX) - ตอนที่ 1 อะไรคือUXกันนะ ทำไมถึงสำคัญนัก<span style="color: #666666;"><i><span style="font-size: x-small;">พอดีที่ออฟฟิศมาเปิดคอร์ส UX <a href="https://www.udemy.com/ultimate-guide-to-ux/">User Experience: The Ultimate Guide to Usability</a> โดย <a class="thb-n prox ud-popup" href="https://www.udemy.com/user/view-popup/?userId=421658">Dr David Travis </a>ซึ่งจริงๆ มันเป็นคอร์สเสียเงินแต่บอสใจดีออกค่าเรียนให้ เลยขอเอาที่ดูมาสรุปไว้ในบล๊อกนี้ละกัน</span></i></span><br />
<br />
เวลาเราจะสร้างโปรแกรมขึ้นมาโปรแกรมหนึ่ง (หรือออกแบบดีไซน์อะไรบางอย่าง) ไม่ว่าจะเป็นโปรแกรมแบบ Desktop Web หรือ Mobile ก็ตาม คนส่วนใหญ่มันจะคิดถืงแต่ "ความสวยงาม" เป็นหลัก<br />
<br />
อ้าว พูดงี้แล้วมันไม่ถูกเหรอ ออกแบบออกมาถ้าสวยก็ทำให้คนประทับใจได้ก่อนแล้วนะ แบบ First Impression ไงล่ะ<br />
<br />
ก็ถูกนั่นแหละนะ แต่...<br />
<br />
เคยไหม ... โหลดแอพมาเล่นเพราะดูจากใน preview แล้วแอพมันสวยเหลือเกิน แต่พอโหลดมาใช้แล้วกลับมาความรู้สึกว่ามันยังไม่ใช่ แล้วก็ไม่เปิดมันมาใช้อีกเลย<br />
และเคยไหม ... แอพอะไรก็ไม่รู้ โหลดมาเล่นๆ ดีไซน์ไม่สวยเอาซะเลยแต่เรากลับเปิดใช้มันทุกวัน<br />
<br />
การดีไซน์productออกมาให้สวยงามมันไม่ได้แปลว่ามันจะน่าใช้หรอกนะ เราต้องคิดด้วยว่าถ้าเราเป็น User แล้วเจอโปรแกรมแบบนี้ เราจะชอบมันหรือไม่อยากเปิดมันมาใช้อีกเลย<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-BrZEa-7EZjY/VGinyjgOlHI/AAAAAAAAFPA/Q-CV6zzotPQ/s1600/%E0%B8%9C%E0%B8%A5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B9%82%E0%B8%94%E0%B8%A2%2BGoogle%2B%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9Ahttpwww.creativerealities.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-BrZEa-7EZjY/VGinyjgOlHI/AAAAAAAAFPA/Q-CV6zzotPQ/s1600/%E0%B8%9C%E0%B8%A5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%A3%E0%B8%B9%E0%B8%9B%E0%B8%A0%E0%B8%B2%E0%B8%9E%E0%B9%82%E0%B8%94%E0%B8%A2%2BGoogle%2B%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9Ahttpwww.creativerealities.png" height="319" width="320" /></a></div>
<br />
<h2>
แยกให้ออกระหว่าง UX กับ UI</h2>
UX (User eXperience) กับ UI (User Interface) เป็นสิ่งที่ดีไซน์เนอร์มือใหม่หลายคนไม่เข้าใจมัน<br />
เพราะการออกแบบโปรแกรมไม่เหมือนกับการออกแบบสื่อสิ่งพิมพ์ (โปรแกรมมันต้องมีการตอบโต้กับผู้ใช้ แต่พวกสื่อสิ่งพิมพ์คนอ่านจะมองแต่ภาพ ถ้าเห็นแล้วคิดว่าสวยก็ถือว่าใช้ได้)<br />
<br />
สำหรับดีไซน์เนอร์ อาจจะเคยได้ยินคำว่า UI กันบ่อย เพราะมันก็คือการดีไซน์ให้หน้าตาของโปรแกรมเราสวยงามดูหรูหราอลังการไฮโซ ... ส่วน UX ล่ะ มันคือสิ่งที่ว่าด้วยความรู้สึกของผู้ใช้ ซึ่งความสวยงามของการดีไซน์นั้นไม่ได้ช่วยให้โปรแกรมใช้ง่ายขึ้นแต่อย่างใด<br />
<br />
มีภาพชุดหนึ่งที่เราเห็นว่าเขายกตัวอย่างข้อแตกต่างระหว่าง UX กับ UI ได้ดี เป็นภาพจาก <a href="http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal">design.org</a> เราลองมาดูกัน<br />
<br />
ในตัวอย่างนี้เขาเปรียมเทียบโปรแกรมของเราเป็น "อาหารเช้าคอนเฟล็ก" การใช้ของก็ง่ายๆ คือเอาไว้กินล่ะนะ (ฮา)<br />
<br />
ตัวแรกสุดคือ Product หรือก็คือตัวแทนโปรแกรมที่เราจะออกแบบนั่นแหละซึ่งในที่นี้ก็คือถ้วย ช้อน และคอนเฟล็ก (อาหารเช้าแบบซีเรียลรับประทานพร้อมนมสด)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Pm2r4CgEZu4/VGeExGX1H2I/AAAAAAAAFOo/LrIb4B5YQ90/s1600/product.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Pm2r4CgEZu4/VGeExGX1H2I/AAAAAAAAFOo/LrIb4B5YQ90/s1600/product.png" /></a></div>
<br />
ดังนั้น ขอถามว่าเราจะกินคอนเฟล็กพวกนี้ยังไงกัน?<br />
คำตอบก็คือใช้ส่วนติดต่อกับผู้ใช้ User Interface ซึ่งในที่นี้มันคือ "ช้อน" นั่นเอง!<br />
<br />
เอาล่ะ การออกแบบ UI ที่ดีก็คือการออกแบบเจ้าช้อนนี่ให้มันสวยงาม อาจจะเป็นช้อสแตนเลสมีลายอะไรประมาณนั้น ผู้ใช้จับช้อนขึ้นมาแล้วอาจจะร้องว้าว ช้อนสวยจังอะไรทำนองนี้<br />
<span id="goog_2069123704"></span><span id="goog_2069123705"></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-FI3D1eGqSb0/VGeEuQrsz1I/AAAAAAAAFOg/h7vd1W5blow/s1600/UI.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-FI3D1eGqSb0/VGeEuQrsz1I/AAAAAAAAFOg/h7vd1W5blow/s1600/UI.png" /></a></div>
<br />
แต่ความสวยงาม (UI) ที่พูดไปเมื่อกี้อาจจะไม่มีประโยชน์เลยถ้าเกิดว่า User ไม่ได้สนใจความสวยงามพวกนั้น เพราะเขากำลังหิว!<br />
<br />
เพิ่งตื่นมาเช้าๆ สมองยังเบลออยู่ และหิวมาก ถ้าจากสเต็ปเมื่อกี้คุณบอกว่าคุณออกแบบช้อนอย่างวิจิตรอลังการมีแกะสลักลายด้วย รายละเอียดพวกนี้คงไม่ใช่สิ่งที่ User สนใจเท่าไหร่นัก เพราะตอนนี้พวกเขาขอให้มันเอาไปใช้ตักอาหารเข้าปากได้ก็พอแล้ว <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/--uEy-QJUX3s/VGeExE17svI/AAAAAAAAFOs/Co2DrKKS4FQ/s1600/ux.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/--uEy-QJUX3s/VGeExE17svI/AAAAAAAAFOs/Co2DrKKS4FQ/s1600/ux.png" /></a></div>
<br />
ลองคิดดูสิ ว่าถ้าคุณอาจจะตักคอนเฟล็ก แล้วเราเอาช้อนเล็กๆ แต่สวยนะ ดีไซน์ดีสไตล์มากให้คุณ คุณอาจจะชอบมันในตอนแรกที่ได้รับ แต่พอลองตักอาหารดูแล้วก็จะเริ่มพบว่ามันตักยาก ตักนมก็ไม่ได้ คุณก็จะเริ่มหงุดหงิดแล้วเดินไปหาช้อนใหญ่ๆ มาใช้แทนโดนไม่สนว่าช้อนมันจะดีไซน์เป็นอย่างไรจริงไหม<br />
<br />
พอเห็นภาพแล้วสินะว่า UX มันคือการออกแบบที่คิดถึงจิตใจของ User มากๆ โดยไม่สนใจความสวยงามเลย (แต่ก็ใช้ว่า ไม่มี UI ได้นะ ถึง UX จะดีงามแต่ถ้ามันไม่สวย User ก็ปิดทิ้งได้เหมือนกันนา)<br />
<a name='more'></a><h2>
ทำไมถึงต้องทำ UX?</h2>
สำหรับคนทั่วๆ ไป UX อาจจะไม่ได้มีประโยชน์มากนัก แต่ในแง่ของบริษัทที่รับจ้างเขียนโปรแกรมสร้าง software นั้น UX จะช่วยเราได้มากตั้งแต่<br />
<ol>
<li>ลดค่าใช้จ่าย (Cost) เพราะเราจะพัฒนาเฉพาะสิ่งที่ User ต้องการ พัฒนาอย่างรวดเร็ว แก้ปัญหาอย่างรวดเร็ว</li>
<li>เพิ่มรายได้ (Income) เพราะว่า User จะยอมจ่ายเงินที่มากกว่า เพื่อทำให้ชีวิตเค้าเลอค่าแฮปปี้ๆ</li>
</ol>
<br />
<div style="text-align: center;">
แล้วเริ่มต้นอย่างไรดี?</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<blockquote class="tr_bq">
<span style="font-size: x-large;">“FOCUS ON <span style="color: red;"><b>USER</b></span> AND THEIR TASKS”</span></blockquote>
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
(เลิกเอาความคิดเราเป็นตัวตั้ง! แต่ให้คิดว่าถ้าเราเป็น User เราคิดอะไรอยู่ แต่เราต้องการอะไร)</div>
<div style="text-align: center;">
และทุกอย่างจะตามมาเอง</div>
<br />
<br />
<br />
<br />
<h2>
ทำไมถึงต้องเข้าใจ User ด้วย?</h2>
<br />
เพราะ Usability ที่ดี ขึ้นอยู่กับ Context of Use (บริบท/สภาพแวดล้อมของการใช้งาน) นั่นหมายความว่าเราจะไม่สามารถออกแบบอะไรก็ตามที่้ใช้งานจริงได้เลย <b>ถ้าเราไม่เข้าใจว่า User </b>ใช้งาน มันด้วยสภาพแบบไหน มีบริบท/สภาพแวดล้อมอย่างไร<br />
<br />
การสร้างโปรแกรมให้ "คนอื่น" ใช้ ไม่ใช่นั่งเทียนนึกเอาเองว่าคนใช้งานน่าจะต้องการแบบนี้นะ <br />
<br />
<br />
เพราะฉะนั้น<br />
<br />
1. จงเห็นในสิ่งที่ User เห็น<br />
<br />
2. จงรู้ในสิ่งที่ User รู้<br />
<br />
3. จงต้องการในสิ่งที่ User ต้องการ<br />
<br />
4. จงทำงานในแบบหรือกระบวนการ มีขั้นตอนเดียวกับที่ User ทำ<br />
<br />
<br />
แล้วทำไมถึงต้องทำ 4 ข้อข้างบนนี้ด้วย?<br />
<br />
เพราะเรา (หมายถึงพวกโปรแกรมเมอร์ ดีไซเนอร์ หรือพวกคนในวงการ) รู้ทุกอย่างมากเกินไป เราเป็นผู้สร้าง เรารู้ทุกอย่าง <b>ในขณะที่ User เองไม่ได้มี ความรู้ ความเข้าใจ</b> ความสามารถหรือพื้นฐานในสิ่งต่างๆ ที่เท่ากัน<br />
<blockquote class="tr_bq">
เราจะ<b>ไม่มีวันเข้าใจ</b> User เลย จนกว่าเราจะไปยืนในจุดที่เขายืนอยู่</blockquote>
<br />
<br />
ดังนั้นเราต้องไป FACE-TO-FACE — จงเผชิญหน้ากับ User โดยการพาตัวเองไปอยู่ในที่ที่เขาอยู่ เพื่อที่จะได้เข้าใจเขามากขึ้น<br />
<h2>
แล้วถามอะไรเขาดีนะ?</h2>
<br />
1. เราต้องสร้างคำถามที่ดีก่อน เพราะคำถามที่ดีจะนำไปสู่คำตอบที่ดี โดยคำถามจะต้องเป็นคำถามปลายเปิด เพื่อให้ User แสดงความเห็นและความรู้สึกได้ ไม่ใช่ชี้นำว่าถ้าเราสร้างระบบค้นหาในเว็บ คุณคิดว่ามันดีมั้ย (แน่นอนว่าเขาตอบว่าดีแน่นอนล่ะ)<br />
<br />
2. ตอนสัมภาษณ์ควรอัดเสียงไว้ด้วย จะได้ไม่ตกหล่นข้อมูลสำคัญ<br />
<br />
3. ถ่ายรูปสภาพแวดล้อมของ User เพื่อจะได้เห็นและเข้าใจสภาพแวดล้อมจริงๆ เช่นไปที่บ้านหรือที่ทำงานเขา อาจจะเจอปัญหาที่เราคาดไม่ถึงประมาณว่า User อาจจะบ่นว่าเว็บเราช้า แต่จริงๆ เป็นเพราะเน็ตที่บ้านเขาช้าเองเป็นตัน<br />
<br />
4. จดโน๊ตสิ่งที่สำคัญ พฤติกรรม สิ่งที่เค้าพูดหรือย้ำบ่อยๆ<br />
<br />
5. สรุปผลโดยทันทีกับ User ว่าข้อมูลที่เราได้มานั้นตรงกับเค้าจริงๆ นะ จะได้ไม่ผิดพลาด<br />
<br />
6. สรุปผลกันเอง/วิเคราะห์ด้วยกันกับทีม<br />
<br />
- สิ่งที่เค้าสร้างอยู่ในหัว<br />
<br />
- เครื่องมือที่เค้าเลือกใช้<br />
<br />
- คำศัพท์ที่เค้าใช้อธิบายสิ่งที่เค้าทำ<br />
<br />
- Workflow การทำงานของเค้า<br />
<br />
- เป้าหมายที่เค้าต้องการ<br />
<br />
- คุณค่าที่เค้าได้รับnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-89704507292607669512014-11-08T22:15:00.001+07:002015-06-22T13:02:47.578+07:00มือใหม่หัดถ่ายรูป - ตอนที่ 1 มารู้จักกล้องดิจิตอลกันเถอะตอนนี้ย้ายบล๊อกไปอยู่ที่นี่แล้วครับ แต่บทความยังอยู่นะ ตามไปอ่านบทความต่อได้ที่:<br />
กดเลย --> <a href="http://www.tamemo.com/post/74/" target="_blank">http://www.tamemo.com/post/74/</a>nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com1tag:blogger.com,1999:blog-3565944301664295783.post-34125988117551755612014-10-31T10:16:00.000+07:002014-10-31T10:16:36.818+07:00Line แจกสติ๊กเกอร์ฟรี 4 ตัว: ติดลม, Kinoko & Labito, Shiba Inu, Sushiyuki ...เฉพาะช่วงเวลานี้เท่านั้น!ขอบอกก่อนเลยว่าเป็นคนที่ไม่เคยซื้อสติ๊กเกอร์ไลน์ (ใช้ของฟรีเท่าที่มี 555) ดังนั้นจึงตื่นเต้นกับข่าวนี้เป็นพิเศษ
ไลน์ได้เปิดตัว Creator Market ซึ่งเปิดให้นักวาดทั่วๆ ไปสามารถส่งสติ๊กเกอร์เข้ามาขายมาพักหนึ่งแล้ว แต่ก็ได้มีผู้ส่งสติ๊กเกอร์เข้ามาขายจำนวนมาก เราเองยังมีแผนจะทำสติ๊กเกอร์ขายเลย (แต่ไม่เคยซื้อเลยนะ)<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-pi6AVONknqg/VFLztR04CXI/AAAAAAAAFMo/HSDtNbFX9w4/s1600/freesline.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-pi6AVONknqg/VFLztR04CXI/AAAAAAAAFMo/HSDtNbFX9w4/s1600/freesline.png" height="280" width="640" /></a></div>
แล้วช่วงนี้คือไลน์เหมือนจะใจดี แจกสติ๊กเกอร์ฟรี ซึ่งแต่ละตัวเป็นสติ๊กเกอร์ยอดฮิตที่ขายในแต่ละประเทศได้แก่<br />
<h3>
Kinoko & Labito</h3>
จากไต้หวัน ตั้งแต่ 28 ตุลาคม - 3 พฤศจิกายน 2557 <br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-XpVDDuA_ZE4/VFLzsJMpszI/AAAAAAAAFMM/O5ejnopC6ps/s1600/Kinoko-Labito_Taiwan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-XpVDDuA_ZE4/VFLzsJMpszI/AAAAAAAAFMM/O5ejnopC6ps/s1600/Kinoko-Labito_Taiwan.png" height="276" width="320" /></a></div>
<h3>
Shiba Inu</h3>
จากญี่ปุ่น ตั้งแต่ 4 – 10 พฤศจิกายน 2557<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-j9BTkVASHkA/VFLzsRCL6OI/AAAAAAAAFMQ/fOzIt0aI_Yk/s1600/Shiba-Inu_Japan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-j9BTkVASHkA/VFLzsRCL6OI/AAAAAAAAFMQ/fOzIt0aI_Yk/s1600/Shiba-Inu_Japan.png" height="320" width="308" /></a></div>
<h3>
ติดลม</h3>
จากประเทศไทย ตั้งแต่ 11 – 17 พฤศจิกายน 2557<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/--uMiAvttM5s/VFLztEJpoAI/AAAAAAAAFMY/G34uXIwywCw/s1600/Tidlom_Thailand.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/--uMiAvttM5s/VFLztEJpoAI/AAAAAAAAFMY/G34uXIwywCw/s1600/Tidlom_Thailand.png" height="276" width="320" /></a></div>
<h3>
Sushiyuki </h3>
จากญี่ปุ่น ตั้งแต่ 18 – 25 พฤศจิกายน 2557
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-y1T-vIKH1Z8/VFLzsIoLE5I/AAAAAAAAFMU/MixrRw9eepw/s1600/Sushiyuki_Japan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-y1T-vIKH1Z8/VFLzsIoLE5I/AAAAAAAAFMU/MixrRw9eepw/s1600/Sushiyuki_Japan.png" height="320" width="320" /></a></div>
<div style="text-align: center;">
<br /></div>
อย่าลืมไปโหลดในช่วงเวลาที่เขาปล่อยด้วยล่ะ พลาดแล้วอดเลยnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-79581804886834288782014-10-30T22:27:00.000+07:002014-10-30T22:30:36.053+07:00ใครคิดว่าตัวเองแน่! ลองไปเล่นเกมหาบั๊กโปรแกรมที่ codefights.comการมองโค้ด (ที่พังอยู่) แล้วบอกได้ว่ามันพังตรงไหนถือเป็นสกิลที่โปรแกรมเมอร์ควรจะมีติดตัวไว้ แม้โค้ดนั้นเราจะได้ไม่เป็นคนเขียนหรือไม่เคยรู้มาก่อนว่ามันเป็นโค้ดสำหรับทำอะไรก็เถอะ<br />
<br />
วันนี้เราเลยมีเกมมาให้ลองเล่นกันดู นั่นคือ<span style="font-size: large;"> How Fast Can You Debug?</span><br />
<span style="font-size: x-large;"><br /></span>
<div style="text-align: center;">
<span style="font-size: large;"><span style="font-size: x-large;"><a href="https://codefights.com/">กดเข้าไปเล่นได้ที่นี่เลย</a></span> </span></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-lUsDqvzEzjo/VFJTAXG4OlI/AAAAAAAAFLU/cMdIccmz5-k/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-00-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-lUsDqvzEzjo/VFJTAXG4OlI/AAAAAAAAFLU/cMdIccmz5-k/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-00-07.png" height="422" width="640" /></a></div>
<br />
<span style="font-size: small;">เข้าไป</span>ปุ๊บก็จะเจอกับหน้าตาเกมประมาณนี้ คือพอกดเริ่มเล่น มันจะมีโค้ดโปรแกรมสั้นๆ มาให้ 1 ชุดแบบนี้ไงล่ะ เท่าที่เล่นดูน่าจะมีแต่ภาษา JavaScript (ไม่ใช่ Java นะจ๊ะ)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Kt3hPBdNPQg/VFJWohzsWmI/AAAAAAAAFLw/CgeYxU-oAmY/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-17-31.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Kt3hPBdNPQg/VFJWohzsWmI/AAAAAAAAFLw/CgeYxU-oAmY/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-17-31.png" height="310" width="640" /></a></div>
<br />
หน้าที่ของคุณไม่มีอะไรมากหาให้เจอว่าโค้ดเนี้ยมันผิดตรงไหน แล้วก็แก้ให้ถูกซะ คำแนะนำคือพยายาม<b>เดาจากชื่อ function ก่อน</b>ว่าโค้ดชุดนี้มันทำหน้าที่คำนวนอะไร<br />
<br />
แต่ถ้าเดาไม่ออกจริงๆ ก็ลองอ่าน comment ที่มันเขียนไว้ข้างบน มันจะบอกอยู่แล้วว่าโค้ดชุดนี้กำลังทำอะไร มีบอก input กับ output ที่ต้องการครบเลย<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-dCkq2RN1caE/VFJYWOioiGI/AAAAAAAAFL8/owv_mXgOBBo/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-02-50.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-dCkq2RN1caE/VFJYWOioiGI/AAAAAAAAFL8/owv_mXgOBBo/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-02-50.png" height="428" width="640" /></a></div>
<br />
แต่ช้าก่อน!!<br />
<br />
อย่าเพิ่งนิ่งนอนใจไปนะ เพราะมันให้คุณแค่ข้อละ <b>60วินาที</b> เท่านั้น!! ยิ่งตอนเหลือ10วินี่ลุ้นระทึกมากเพราะตัวเล่นจะเด้งไปเด้งมา (ฮา)<br />
และจากที่เล่นมา ไม่ใช่ว่าเราแก้ตรงไหนก็ได้นะ คุณแก้ได้แค่ 1 บรรทัดเท่านั้น<br />
<br />
ถ้าแก้ถูก ก็จะได้คะแนนตามความเร็วที่หาเจอ แล้วมันก็จะให้โค้ดชุดต่อไปมา เราก็ต้องแก้ไปเรื่อยๆ จนกว่าเราจะ<b>ผิด</b><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-TxIgduTH7EY/VFJWhPrdg9I/AAAAAAAAFLg/420lZUlMfsg/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-05-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-TxIgduTH7EY/VFJWhPrdg9I/AAAAAAAAFLg/420lZUlMfsg/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-05-19.png" height="388" width="640" /></a></div>
<br />
ซึ่งมันผิดได้ง่ายมากเลยนะ ไหนจะพิมพ์ผิด Syntax Error กดเร็วไปหน่อย บลาๆๆ เพราะมันไม่มีปุ่มให้เอาใหม่นะ กดส่งคำตอบแล้วถือว่าจบ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Vqspt8rT7zo/VFJWiZNNJwI/AAAAAAAAFLo/lIx_dSfPYIY/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-12-40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Vqspt8rT7zo/VFJWiZNNJwI/AAAAAAAAFLo/lIx_dSfPYIY/s1600/Solo%2BFight%2B%2BCodeFights%2B-%2BMozilla%2BFirefox_2014-10-30_22-12-40.png" height="488" width="640" /></a></div>
<br />
สุดท้ายก็จะบอกว่าเราได้คะแนนเท่าไหร่ ใครว่างๆ ก็ลองไปเล่นดูนะ<br />
แนะนำเป็นสำหรับน้องๆ ที่เพิ่งเริ่มเขียนโปรแกรมมาระดับหนึ่งแล้ว เพราะน่าจะยากเกินไปสำหรับคนเพิ่งเริ่ม แค่อ่านให้ออกก็หมดเวลาแล้วnartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-43456851834114520692014-10-25T23:57:00.001+07:002014-10-26T00:00:05.973+07:00[PR] ค่าย Young Webmaster Camp ครั้งที่ 12หรือเรียกสั้นๆ ว่าค่าย YWC<br />
<br />
เป็นค่ายที่เปิดให้น้องๆ ปี 3-4 (แค่นั้นนะ!) สมัครเพื่อไปเรียนรู้ว่าคนทำเว็บน่ะ เขาทำงานกันยังไงแบบหลักสูตรเข้มข้นชนิดที่ว่าอัดแน่นไม่ต้องหลับต้องนอนกันเลย ...เว่อร์ไปๆ ฮา<br />
<br />
<div style="text-align: center;">
<a href="http://www.ywc.in.th/ywc12/media/text.php">อยากงานรายละเอียดค่ายเพิ่ง กดที่นี่เลย!</a></div>
<br />
โดยส่วนตัวแล้ว พี่(ขอเรียกตัวเองว่าพี่ในบล๊อกนี้ละกัน)ไม่ได้เป็นเด็กค่าย YWC นะ ต้องนั้นรับงานอยู่ เลยขี้เกียจไป งานเคลียร์ไม่ทัน แต่ถ้าถามว่าสมัครไปอยากเข้าสาขาไหนก็ขอตอบว่า <b>"Web Content"</b> และ<b> "Web Marketing"</b> ล่ะ (แต่แกเป็นโปรแกรมเมอร์ไม่ใช่เรอะ?)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-lFK1j3rxy0w/VEvTWqLjpKI/AAAAAAAAFLA/wLBLw5NcR8U/s1600/%23YWC12%2B%2BYOUNG%2BWEBMASTER%2BCAMP%2B12TH%2BTHE%2BWEB%2BAFTER%2BTOMORROW%2B8-11%2B%E0%B8%A1%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%A1%2B2558%2B%E0%B8%93%2B%E0%B8%84_2014-10-25_23-40-08.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-lFK1j3rxy0w/VEvTWqLjpKI/AAAAAAAAFLA/wLBLw5NcR8U/s1600/%23YWC12%2B%2BYOUNG%2BWEBMASTER%2BCAMP%2B12TH%2BTHE%2BWEB%2BAFTER%2BTOMORROW%2B8-11%2B%E0%B8%A1%E0%B8%81%E0%B8%A3%E0%B8%B2%E0%B8%84%E0%B8%A1%2B2558%2B%E0%B8%93%2B%E0%B8%84_2014-10-25_23-40-08.png" height="360" width="640" /></a></div>
<br />
<h2>
4 สาขาสำหรับน้องเว็บ</h2>
การจะสมัครเข้าค่ายนี้จะมีการทดสอบและสัมภาษณ์ ไม่ใช่ว่าทุกคนที่จะได้ ดังนั้นควรจะเตรียมตัวดีๆ หน่อย เลือกสาขาที่เข้ากับน้องเองไม่ก็กำลังสนใจ<br />
<br />
<h3>
Web Design</h3>
ตราตรึงทั้งสายตาและหัวใจของผู้ใช้เว็บด้วยศาสตร์และศิลป์แห่งการออกแบบ
มาร่วมสร้างเว็บไซต์ที่โดดเด่นมีเอกลักษณ์และน่าสนใจ
ผ่านจินตนาการและฝีมือของคุณ
<br />
<h3>
Web Content</h3>
วางกับดัก
สะกดให้ผู้ชมติดเว็บไซต์ของคุณ ราวกับติดซีรีย์
มาเค้นประกายความคิดสร้างสรรค์ในตัวคุณ
เนรมิตเนื้อหาที่น่าสนใจและมีเอกลักษณ์เฉพาะตน
เพื่อเชิญชวนให้ใครต่อใครติดใจในเรื่องราวการนำเสนอของคุณ<br />
<h3>
Web Marketing</h3>
หนทางของนักปั้นเซเลป
ผู้ปั้นเว็บไซต์ให้โด่งดังเป็นที่รู้จักตีตลาดเว็บไซต์ของคุณให้ถึงมือผู้
บริโภคอย่างทั่วถึงสำหรับผู้ที่ชื่นชอบการวางแผนโฆษณาและประชาสัมพันธ์
ไม่ควรพลาด<br />
<h3>
Web Programming</h3>
พ่อมดแม่มดที่เนรมิตความฝันให้เกิดขึ้นจริงสร้างกลไกของเว็บไซต์ให้โดด
เด่นและทำงานอย่างมีประสิทธิภาพผ่านสองมือของคุณก้าวสู่ความเป็น
โปรแกรมเมอร์อย่างมืออาชีพ ศักยภาพในตัวคุณจะถูกปลุกขึ้นที่นี่<br />
<br />
เปิดรับสมัคร(นานแล้ว) จนถึง <u>31 คุลา 57</u> เท่านั้นนะ กรุณาสมัครด่วนๆ ถ้าอยากไป ^__^ nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-35275782658946613872014-10-20T22:43:00.000+07:002016-10-29T19:06:56.144+07:00~compiler - ตอนที่ 5.1 Parser สอนคอมไพเลอร์ให้อ่านภาษาของเราออกย้ายบทความไปที่ <a href="http://www.tamemo.com/post/70/compiler-5-1-parser/">http://www.tamemo.com/post/70/compiler-5-1-parser/</a>nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-89522663854251216652014-10-17T23:41:00.000+07:002014-10-17T23:45:03.020+07:00[เฉลยควิซ] การ์ตูน Disney - คุณจำได้ไหมว่าฉากนี้มาจากเรื่องอะไร<a href="http://my.dek-d.com/nartra/supertest/view.php?id=20257"></a><br />
จริงๆ ควิซนี้ทำไว้นานมากแล้วล่ะ ตั้งแต่ต้นปีเลย แต่ดันเขียนเฉลยไว้ในอีกบล๊อกนึง วันนี้เกิดอยากย้ายเข้ามาใส่บล๊อกหลัก (เพราะจะลบบล๊อกย่อยนั้นทิ้งแล้ว) แต่มันต้องสร้างเป็นบทความใหม่ซะงั้น<br />
<br />
ใครเคยเล่นแล้วก็ข้ามไปก็ได้ แต่เล่นใหม่ก็ดีนะ ทำตั้งนาน อิอิ ^__^<br />
เฉลยเกม <a href="http://my.dek-d.com/nartra/supertest/view.php?id=20257">การ์ตูน Disney - คุณจำได้ไหมว่าฉากนี้มาจากเรื่องอะไร</a><br />
<br />
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="background-color: red;"><span style="color: white;"><span style="font-size: large;"> (spoil alert!!) </span></span></span></div>
<div style="text-align: center;">
<br />
<span style="color: red;"><b>ใครยังไม่เล่นลองไปเล่นก่อนนะ</b></span><br />
<br />
<span style="color: red;"><b>ที่</b></span><br />
<br />
<span style="color: red;"><b><a href="http://my.dek-d.com/nartra/supertest/view.php?id=20257">การ์ตูน Disney - คุณจำได้ไหมว่าฉากนี้มาจากเรื่องอะไร</a> </b></span><br />
<br />
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span><br />
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
</div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<div style="text-align: center;">
<span style="color: red;"><b>.</b></span></div>
<b></b><br />
<a name='more'></a><b> </b><br />
<b>1. Sleeping Beauty เจ้าหญิงนิทรา</b><br />
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-cluster;
text-indent:36.0pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
mso-bidi-font-size:14.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Cordia New";
mso-bidi-theme-font:minor-bidi;}
</style>
<![endif]--><span lang="TH" style="font-family: "Tahoma","sans-serif"; font-size: 12.0pt; mso-ansi-language: EN-US; mso-bidi-language: TH; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US;">ฉากที่บอกว่าโรสคือเจ้าหญิงออโรร่าแล้วต้องกลับเข้าวัง</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-9c6a749fhMo/UxIOBLqhA5I/AAAAAAAADz8/xwp4Pa_uYbk/s1600/Disney+Classic+-+16+-+Sleeping+Beauty2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-9c6a749fhMo/UxIOBLqhA5I/AAAAAAAADz8/xwp4Pa_uYbk/s1600/Disney+Classic+-+16+-+Sleeping+Beauty2.png" height="238" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-iMregNfpYe0/UxH5Mc_mRtI/AAAAAAAADus/545Wrs15MYQ/s1600/Disney+Classic+-+16+-+Sleeping+Beauty.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-iMregNfpYe0/UxH5Mc_mRtI/AAAAAAAADus/545Wrs15MYQ/s1600/Disney+Classic+-+16+-+Sleeping+Beauty.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-3xdBNOwItMI/UxIN__eJqiI/AAAAAAAADz0/swNE5l5Ffdc/s1600/Disney+Classic+-+16+-+Sleeping+Beauty.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-3xdBNOwItMI/UxIN__eJqiI/AAAAAAAADz0/swNE5l5Ffdc/s1600/Disney+Classic+-+16+-+Sleeping+Beauty.png" height="233" width="320" /></a></div>
<b><br /></b>
<b>2. Beauty and the Beast โฉมงามกับเจ้าชายอสูร</b><br />
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
text-align:justify;
text-justify:inter-cluster;
text-indent:36.0pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
mso-bidi-font-size:14.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-fareast-font-family:"Times New Roman";
mso-fareast-theme-font:minor-fareast;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Cordia New";
mso-bidi-theme-font:minor-bidi;}
</style>
<![endif]--><span lang="TH" style="font-family: "Tahoma","sans-serif"; font-size: 12.0pt; mso-ansi-language: EN-US; mso-bidi-language: TH; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US;">ฉากอสูรให้เบลดูห้องสมุด</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Vt-ceEiumQE/UxIOR9Di9SI/AAAAAAAAD0E/pzkijLRxLH4/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Vt-ceEiumQE/UxIOR9Di9SI/AAAAAAAAD0E/pzkijLRxLH4/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast.png" height="172" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-H6JGHGB6M5s/UxIOS9aR1tI/AAAAAAAAD0M/SJZqEvan2Vk/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-H6JGHGB6M5s/UxIOS9aR1tI/AAAAAAAAD0M/SJZqEvan2Vk/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast2.png" height="168" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-iio-ehz_emg/UxH5c4wSkbI/AAAAAAAADwY/kw7pezU2D6w/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-iio-ehz_emg/UxH5c4wSkbI/AAAAAAAADwY/kw7pezU2D6w/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast.png" height="173" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>3. Aladdin อะลาดิน</b><br />
<span lang="TH" style="font-family: "Tahoma","sans-serif"; font-size: 12.0pt; mso-ansi-language: EN-US; mso-bidi-language: TH; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US;">ฉากหลังเพลง </span><span style="font-family: "Tahoma","sans-serif"; font-size: 12.0pt; mso-ansi-language: EN-US; mso-bidi-language: TH; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-US;">A Whole new World <span lang="TH">ไปนั่งคุยกับบนหลังคา</span></span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-wjc97PPRT9c/UxIOdMMVSNI/AAAAAAAAD0U/qSDyXPDErTU/s1600/Disney+Classic+-+31+-+Aladdin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-wjc97PPRT9c/UxIOdMMVSNI/AAAAAAAAD0U/qSDyXPDErTU/s1600/Disney+Classic+-+31+-+Aladdin.png" height="189" width="320" /></a><a href="http://4.bp.blogspot.com/-p6sc1p9tm94/UxIOdz_cO-I/AAAAAAAAD0c/kysoWmOtMHo/s1600/Disney+Classic+-+31+-+Aladdin2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-p6sc1p9tm94/UxIOdz_cO-I/AAAAAAAAD0c/kysoWmOtMHo/s1600/Disney+Classic+-+31+-+Aladdin2.png" height="187" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-k8UrxilviwE/UxH5eVw5DwI/AAAAAAAADwg/c1bzL6ycHJU/s1600/Disney+Classic+-+31+-+Aladdin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-k8UrxilviwE/UxH5eVw5DwI/AAAAAAAADwg/c1bzL6ycHJU/s1600/Disney+Classic+-+31+-+Aladdin.png" height="189" width="320" /></a><a href="http://3.bp.blogspot.com/-j9RCkGF2UwE/UxIOe423krI/AAAAAAAAD0k/9JJdkBJJfP0/s1600/Disney+Classic+-+31+-+Aladdin3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-j9RCkGF2UwE/UxIOe423krI/AAAAAAAAD0k/9JJdkBJJfP0/s1600/Disney+Classic+-+31+-+Aladdin3.png" height="186" width="320" /></a></div>
<br />
<b>4. Sleeping Beauty เจ้าหญิงนิทรา</b><br />
ฉากนางฟ้าให้พรเจ้าหญิงตอนเกิด<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-rWV8aWInBcc/UxIO8O00HRI/AAAAAAAAD0s/OFzV0jtwTck/s1600/Disney+Classic+-+16+-+Sleeping+Beauty3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-rWV8aWInBcc/UxIO8O00HRI/AAAAAAAAD0s/OFzV0jtwTck/s1600/Disney+Classic+-+16+-+Sleeping+Beauty3.png" height="233" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-bGgp93Bk_hk/UxH5OC5fDkI/AAAAAAAADu4/XvdGodglGLc/s1600/Disney+Classic+-+16+-+Sleeping+Beauty2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-bGgp93Bk_hk/UxH5OC5fDkI/AAAAAAAADu4/XvdGodglGLc/s1600/Disney+Classic+-+16+-+Sleeping+Beauty2.png" height="240" width="320" /></a></div>
<br />
<b>5. The Rescuers หนูหริ่งหนูหรั่งผจญเพชรตาปีศาจ</b><br />
ฉากเบอร์นาด+บียนก้านั่งนกอัลบราทรอสไปช่วยเพนนี<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-uYbPv1pKWzg/UxIPEasEljI/AAAAAAAAD00/CXQ9rBOQOEo/s1600/Disney+Classic+-+23+-+The+Rescuers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-uYbPv1pKWzg/UxIPEasEljI/AAAAAAAAD00/CXQ9rBOQOEo/s1600/Disney+Classic+-+23+-+The+Rescuers.png" height="184" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-Fy_QoAgla8g/UxH5XGpJfFI/AAAAAAAADvs/zmmd7JnYL64/s1600/Disney+Classic+-+23+-+The+Rescuers.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-Fy_QoAgla8g/UxH5XGpJfFI/AAAAAAAADvs/zmmd7JnYL64/s1600/Disney+Classic+-+23+-+The+Rescuers.png" height="194" width="320" /></a></div>
<br />
<b>6. The Black Cauldron เดอะ แบล็ค คอลดรอน</b><br />
ฉากเจ้าหญิงไอโลนวี่โผล่ขึ้นมาจากช่องลับ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-cuB4U2FFDPo/UxH5YEOGd9I/AAAAAAAADv4/ybcHdP3v8dA/s1600/Disney+Classic+-+25+-+The+Black+Cauldron.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-cuB4U2FFDPo/UxH5YEOGd9I/AAAAAAAADv4/ybcHdP3v8dA/s1600/Disney+Classic+-+25+-+The+Black+Cauldron.png" height="203" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-jnD1Qym5-84/UxIPLGzAtFI/AAAAAAAAD08/6UrtI-yU06U/s1600/Disney+Classic+-+25+-+The+Black+Cauldron.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-jnD1Qym5-84/UxIPLGzAtFI/AAAAAAAAD08/6UrtI-yU06U/s1600/Disney+Classic+-+25+-+The+Black+Cauldron.png" height="138" width="320" /></a></div>
<br />
<b>7. Brave นักรบสาวหัวใจมหากาฬ</b><br />
ฉากเมอริด้ายิงธนูในวันดูตัว<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zc94h-OFdww/UxIPafYmniI/AAAAAAAAD1E/d12-wHvMi04/s1600/Windows+Media+Player_2014-03-01_22-51-35.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-zc94h-OFdww/UxIPafYmniI/AAAAAAAAD1E/d12-wHvMi04/s1600/Windows+Media+Player_2014-03-01_22-51-35.png" height="131" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-zOfp9HVS4ro/UxIPcp7-BzI/AAAAAAAAD1U/CBcqXxjidIk/s1600/Windows+Media+Player_2014-03-01_22-52-22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-zOfp9HVS4ro/UxIPcp7-BzI/AAAAAAAAD1U/CBcqXxjidIk/s1600/Windows+Media+Player_2014-03-01_22-52-22.png" height="134" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6a26GU-1WCE/UxH52q2tH8I/AAAAAAAADzY/N-S7q4witfQ/s1600/Windows+Media+Player_2014-02-27_23-45-47.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-6a26GU-1WCE/UxH52q2tH8I/AAAAAAAADzY/N-S7q4witfQ/s1600/Windows+Media+Player_2014-02-27_23-45-47.png" height="244" width="320" /></a></div>
<br />
<b>8. One Hundred and One Dalmatians ทรามวัยกับไอ้ด่าง</b><br />
ฉากดูโทรทัศน์<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-i-NbaHxrpmg/UxIPrEDBtDI/AAAAAAAAD1k/ncIe5YjI12M/s1600/Disney+Classic+-+17+-+101+Dalmatians.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-i-NbaHxrpmg/UxIPrEDBtDI/AAAAAAAAD1k/ncIe5YjI12M/s1600/Disney+Classic+-+17+-+101+Dalmatians.png" height="221" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-8cr1mzjhO58/UxH5O-Fw_nI/AAAAAAAADvA/lfmdoB_4H14/s1600/Disney+Classic+-+17+-+101+Dalmatians.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-8cr1mzjhO58/UxH5O-Fw_nI/AAAAAAAADvA/lfmdoB_4H14/s1600/Disney+Classic+-+17+-+101+Dalmatians.png" height="217" width="320" /></a></div>
<br />
<b>9. Pinocchio พินอคคิโอ</b><br />
ฉากเรือของเจ็ปเพ็ตโต้ในท้องปลาวาฬตอนออกตามหาพินอคคิโอ<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-D49CiyMJQMA/UxH5AynXZ5I/AAAAAAAADto/zbV62LBd2l8/s1600/Disney+Classic+-+02+-+Pinocchio.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-D49CiyMJQMA/UxH5AynXZ5I/AAAAAAAADto/zbV62LBd2l8/s1600/Disney+Classic+-+02+-+Pinocchio.png" height="285" width="320" /></a></div>
<br />
<b>10. Oliver and Company เหมียวน้อยโอลิเวอร์กับเพื่อนเกลอ</b><br />
ฉากที่เจนนี่ผสมอาหารให้โอลิเวอร์ แล้วใช้จานอาหารสุนัขแทน<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-egn2Qjmvt24/UxH5ZURE2lI/AAAAAAAADwA/BnAUWfl19rg/s1600/Disney+Classic+-+27+-+Oliver+and+Company.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-egn2Qjmvt24/UxH5ZURE2lI/AAAAAAAADwA/BnAUWfl19rg/s1600/Disney+Classic+-+27+-+Oliver+and+Company.png" height="252" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-HRWOHRIRROQ/UxIPzO8bSfI/AAAAAAAAD1s/goHCzUokZHU/s1600/Disney+Classic+-+27+-+Oliver+and+Company.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-HRWOHRIRROQ/UxIPzO8bSfI/AAAAAAAAD1s/goHCzUokZHU/s1600/Disney+Classic+-+27+-+Oliver+and+Company.png" height="259" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>11. Hercules เฮอร์คิวลิส</b> <br />
ฉากตอนที่เฮอร์คิวลิสโยนหนังสิงโต(สการ์)ทิ้ง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-FrXbfT4cNlo/UxH5nmCWzFI/AAAAAAAADxg/i_O0F5-k4nU/s1600/Disney+Classic+-+35+-+Hercules2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"> <img border="0" src="http://2.bp.blogspot.com/-FrXbfT4cNlo/UxH5nmCWzFI/AAAAAAAADxg/i_O0F5-k4nU/s1600/Disney+Classic+-+35+-+Hercules2.png" height="78" width="320" /> </a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-bRTCKE1nh2k/UxIP60-4scI/AAAAAAAAD18/9XRHrqlVLf8/s1600/Disney+Classic+-+35+-+Hercules2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-bRTCKE1nh2k/UxIP60-4scI/AAAAAAAAD18/9XRHrqlVLf8/s1600/Disney+Classic+-+35+-+Hercules2.png" height="189" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-RvuFNpcxZ5E/UxIP6Dp90bI/AAAAAAAAD10/wFpkIzDHAn0/s1600/Disney+Classic+-+35+-+Hercules.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-RvuFNpcxZ5E/UxIP6Dp90bI/AAAAAAAAD10/wFpkIzDHAn0/s1600/Disney+Classic+-+35+-+Hercules.png" height="190" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>12. Snow White and the Seven Dwarfs สโนว์ไวท์กับคนแคระทั้งเจ็ด</b><br />
ฉากตอนที่สโนไวท์ไปเจอบ้านคนแคระแล้วจะทำความสะอาดบ้าน มีพวกสัตว์มาช่วย<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-LohcIp4btB0/UxH5AEzb4fI/AAAAAAAADtg/_d7ZOjrq9hc/s1600/Disney+Classic+-+01+-+Snow+White+and+the+Seven+Dwarfs.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-LohcIp4btB0/UxH5AEzb4fI/AAAAAAAADtg/_d7ZOjrq9hc/s1600/Disney+Classic+-+01+-+Snow+White+and+the+Seven+Dwarfs.png" height="238" width="320" /></a></div>
<br />
<b>13. Aladdin อะลาดิน</b><br />
<label for="answer_1_13">ฉากควันตอนเปิดเรื่องอะลาดิน</label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-DSxaxVunm-w/UxH5fF-dFwI/AAAAAAAADwo/RunFAGqSFAs/s1600/Disney+Classic+-+31+-+Aladdin2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-DSxaxVunm-w/UxH5fF-dFwI/AAAAAAAADwo/RunFAGqSFAs/s1600/Disney+Classic+-+31+-+Aladdin2.png" height="304" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-INxnhP3qDh8/UxMxwYv1NxI/AAAAAAAAD9E/SuxXt8Zvx9g/s1600/Disney+Classic+-+31+-+Aladdin4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-INxnhP3qDh8/UxMxwYv1NxI/AAAAAAAAD9E/SuxXt8Zvx9g/s1600/Disney+Classic+-+31+-+Aladdin4.png" height="178" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b> 14. The Little Mermaid เงือกน้อยผจญภัย</b><br />
ฉากเพลง Under the Sea<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-l1mOAbz3tJA/UxH5aSItaAI/AAAAAAAADwI/cYGG9I1ZsVA/s1600/Disney+Classic+-+28+-+The+Little+Mermaid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-l1mOAbz3tJA/UxH5aSItaAI/AAAAAAAADwI/cYGG9I1ZsVA/s1600/Disney+Classic+-+28+-+The+Little+Mermaid.png" height="185" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-dLdJqZYmUiY/UxIQMWRF5UI/AAAAAAAAD2M/NhhFqXs08Xg/s1600/Disney+Classic+-+28+-+The+Little+Mermaid.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-dLdJqZYmUiY/UxIQMWRF5UI/AAAAAAAAD2M/NhhFqXs08Xg/s1600/Disney+Classic+-+28+-+The+Little+Mermaid.png" height="186" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>15. Dumbo ดัมโบ้ ช้างน้อยมหัศจรรย์</b><br />
ฉากที่รถไฟคณะกำลังเดินทาง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-34wvvcSYi8M/UxH5CpHya2I/AAAAAAAADtw/41CFObdcImA/s1600/Disney+Classic+-+04+-+Dumbo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-34wvvcSYi8M/UxH5CpHya2I/AAAAAAAADtw/41CFObdcImA/s1600/Disney+Classic+-+04+-+Dumbo.png" height="244" width="320" /></a></div>
<br />
<b>16. The Lion King เดอะ ไลออนคิง</b><br />
ฉากเพลง I just can’t wait to be King ซิมบ้าวางแผนให้จับตัวซาซูไว้<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-p2tpEJLvnXg/UxIQUANwaCI/AAAAAAAAD2U/pmTwIoPQXlU/s1600/Disney+Classic+-+32+-+The+Lion+King.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-p2tpEJLvnXg/UxIQUANwaCI/AAAAAAAAD2U/pmTwIoPQXlU/s1600/Disney+Classic+-+32+-+The+Lion+King.png" height="176" width="320" /></a><a href="http://4.bp.blogspot.com/-MRTZ_zZHhYo/UxIQVC8zz0I/AAAAAAAAD2c/gz3ZFmkiI3E/s1600/Disney+Classic+-+32+-+The+Lion+King2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-MRTZ_zZHhYo/UxIQVC8zz0I/AAAAAAAAD2c/gz3ZFmkiI3E/s1600/Disney+Classic+-+32+-+The+Lion+King2.png" height="182" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-b7QhpPMRAL0/UxH5gRtg2dI/AAAAAAAADww/SkWI8ZKQUSU/s1600/Disney+Classic+-+32+-+The+Lion+King.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-b7QhpPMRAL0/UxH5gRtg2dI/AAAAAAAADww/SkWI8ZKQUSU/s1600/Disney+Classic+-+32+-+The+Lion+King.png" height="190" width="320" /></a><a href="http://4.bp.blogspot.com/-mPBKBN9eDPw/UxIQV-o7VUI/AAAAAAAAD2k/OIhkgTHx2_g/s1600/Disney+Classic+-+32+-+The+Lion+King3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-mPBKBN9eDPw/UxIQV-o7VUI/AAAAAAAAD2k/OIhkgTHx2_g/s1600/Disney+Classic+-+32+-+The+Lion+King3.png" height="179" width="320" /></a></div>
<br />
<b>17. Mulan มู่หลาน</b><br />
ฉากฝึกทหารวันแรก มูชูทำโจ๊กใส่ไข่ให้มู่หลาน <br />
<label for="answer_5_17"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-9ZvSlidqMMM/UxH5oYvXP3I/AAAAAAAADxo/5ZsGjqWhBoE/s1600/Disney+Classic+-+36+-+Mulan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-9ZvSlidqMMM/UxH5oYvXP3I/AAAAAAAADxo/5ZsGjqWhBoE/s1600/Disney+Classic+-+36+-+Mulan.png" height="174" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nafbBH-_jVA/UxIQiYPxSgI/AAAAAAAAD2s/ytHL5I47PjA/s1600/Disney+Classic+-+36+-+Mulan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nafbBH-_jVA/UxIQiYPxSgI/AAAAAAAAD2s/ytHL5I47PjA/s1600/Disney+Classic+-+36+-+Mulan.png" height="170" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>18. The Rescuers Down Under หนูหริ่งหนูหรั่งปฏิบัติการแดนจิงโจ้</b><br />
ฉากโคดี้ช่วยมาราฮูเต้ตอนเปิดเรื่อง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-m2JHx7ptoKI/UxIQoeNPHaI/AAAAAAAAD20/DuEObaIO6Qg/s1600/Disney+Classic+-+29+-+The+Rescuers+Down+Under.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-m2JHx7ptoKI/UxIQoeNPHaI/AAAAAAAAD20/DuEObaIO6Qg/s1600/Disney+Classic+-+29+-+The+Rescuers+Down+Under.png" height="182" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-X79oIlkOiZg/UxH5bK_l4PI/AAAAAAAADwQ/nkekkMfiCdE/s1600/Disney+Classic+-+29+-+The+Rescuers+Down+Under.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-X79oIlkOiZg/UxH5bK_l4PI/AAAAAAAADwQ/nkekkMfiCdE/s1600/Disney+Classic+-+29+-+The+Rescuers+Down+Under.png" height="192" width="320" /></a></div>
<br />
<b>19. Tangled ราพันเซล เจ้าหญิงผมยาวกับโจรซ่าจอมแสบ</b><br />
ฉากที่ราพันเซลบอกว่าเอามงกุฏไปซ่อนไว้ แล้วยูจีนบอกว่าอยู่นั้นใช่ไหม<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-LMDkCedooz0/UxH54pmqcdI/AAAAAAAADzo/M8ARqkC05ik/s1600/tangled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-LMDkCedooz0/UxH54pmqcdI/AAAAAAAADzo/M8ARqkC05ik/s1600/tangled.png" height="261" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-xX8XQgx_Q34/UxIQxJqlLII/AAAAAAAAD28/9Mj_mupRVHA/s1600/Windows+Media+Player_2014-03-01_22-56-48.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-xX8XQgx_Q34/UxIQxJqlLII/AAAAAAAAD28/9Mj_mupRVHA/s1600/Windows+Media+Player_2014-03-01_22-56-48.png" height="239" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-igcLmlCFRsY/UxIQyAlGF0I/AAAAAAAAD3E/dfyh4AMVqcg/s1600/Windows+Media+Player_2014-03-01_22-57-20.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-igcLmlCFRsY/UxIQyAlGF0I/AAAAAAAAD3E/dfyh4AMVqcg/s1600/Windows+Media+Player_2014-03-01_22-57-20.png" height="180" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<b><br /></b></div>
<b>20. Tarzan ทาร์ซาน</b><br />
ฉากที่ทาร์ซานตัดสินใจลงเรือไปอังกฤษกับเจน<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-HAajU9Paq-Y/UxIQ7CTt6GI/AAAAAAAAD3M/XVBTwFw94hA/s1600/Disney+Classic+-+37+-+Tarzan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-HAajU9Paq-Y/UxIQ7CTt6GI/AAAAAAAAD3M/XVBTwFw94hA/s1600/Disney+Classic+-+37+-+Tarzan2.png" height="215" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0RqfUBlJVmI/UxH5p_tLwjI/AAAAAAAADx4/rlJW9iKLS7w/s1600/Disney+Classic+-+37+-+Tarzan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-0RqfUBlJVmI/UxH5p_tLwjI/AAAAAAAADx4/rlJW9iKLS7w/s1600/Disney+Classic+-+37+-+Tarzan.png" height="216" width="320" /></a></div>
<br />
<b> 21. Mulan มู่หลาน</b><br />
ฉากที่ฉีฟู่ไม่ยอมให้ออกรบจนมูชูสร้างสาส์นคำสั่งปลอมไปให้<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-fk-ZL7lRGHk/UxIRDQeaLYI/AAAAAAAAD3c/gV8BU-yQqa8/s1600/Disney+Classic+-+36+-+Mulan3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-fk-ZL7lRGHk/UxIRDQeaLYI/AAAAAAAAD3c/gV8BU-yQqa8/s1600/Disney+Classic+-+36+-+Mulan3.png" height="178" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-xqXGEuQzHhA/UxIRCweKtJI/AAAAAAAAD3U/HjTrgpPTN-k/s1600/Disney+Classic+-+36+-+Mulan4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-xqXGEuQzHhA/UxIRCweKtJI/AAAAAAAAD3U/HjTrgpPTN-k/s1600/Disney+Classic+-+36+-+Mulan4.png" height="206" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-C2RgoFtqFEE/UxH5o4HWLHI/AAAAAAAADxw/vxKdWRvp0i0/s1600/Disney+Classic+-+36+-+Mulan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-C2RgoFtqFEE/UxH5o4HWLHI/AAAAAAAADxw/vxKdWRvp0i0/s1600/Disney+Classic+-+36+-+Mulan2.png" height="181" width="320" /></a></div>
<br />
<b>22. Peter Pan ปีเตอร์ แพน</b><br />
ฉากที่ไทเกอร์ลิลี่ถูกกัปตันฮุ๊คจับไปแล้วพีเตอร์แพนกับเวนดี้ไปช่วย<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Y3b-OzktECA/UxIRLjHHqbI/AAAAAAAAD3k/TlWHcTrN4hA/s1600/Disney+Classic+-+14+-+Peter+Pan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Y3b-OzktECA/UxIRLjHHqbI/AAAAAAAAD3k/TlWHcTrN4hA/s1600/Disney+Classic+-+14+-+Peter+Pan2.png" height="243" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-babd1fIPPig/UxH5HzvbYtI/AAAAAAAADuY/of9UwA1p8x0/s1600/Disney+Classic+-+14+-+Peter+Pan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-babd1fIPPig/UxH5HzvbYtI/AAAAAAAADuY/of9UwA1p8x0/s1600/Disney+Classic+-+14+-+Peter+Pan.png" height="238" width="320" /></a></div>
<br />
<b>23. The Lion King เดอะ ไลออนคิง</b><br />
ฉากที่พุมบ้าจะจับแมลงกิน แต่เจอนาล่าพอดี<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-JVCm8-E5gfc/UxIRTWEjn-I/AAAAAAAAD3s/DZW1R3XfuyE/s1600/Disney+Classic+-+32+-+The+Lion+King5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-JVCm8-E5gfc/UxIRTWEjn-I/AAAAAAAAD3s/DZW1R3XfuyE/s1600/Disney+Classic+-+32+-+The+Lion+King5.png" height="181" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-hLguaW_14BU/UxH5hspObkI/AAAAAAAADw4/72Y-5r95IOM/s1600/Disney+Classic+-+32+-+The+Lion+King2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-hLguaW_14BU/UxH5hspObkI/AAAAAAAADw4/72Y-5r95IOM/s1600/Disney+Classic+-+32+-+The+Lion+King2.png" height="227" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-XpcCRtyLxM4/UxIRUlzMVaI/AAAAAAAAD30/t2UNkbNGElw/s1600/Disney+Classic+-+32+-+The+Lion+King6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-XpcCRtyLxM4/UxIRUlzMVaI/AAAAAAAAD30/t2UNkbNGElw/s1600/Disney+Classic+-+32+-+The+Lion+King6.png" height="181" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-3OcjfklEBKA/UxIRVak5AxI/AAAAAAAAD38/n2IIQ5c2qek/s1600/Disney+Classic+-+32+-+The+Lion+King7.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-3OcjfklEBKA/UxIRVak5AxI/AAAAAAAAD38/n2IIQ5c2qek/s1600/Disney+Classic+-+32+-+The+Lion+King7.png" height="181" width="320" /></a></div>
<br />
<b> 24. Atlantis: The Lost Empire แอตแลนติส ผจญภัยอารยนครสุดขอบโลก</b><br />
ฉากที่ไมโลกระโดดลงไปเอาโซ่คล้องกล่องที่มีคีด้าซึ่งกลายเป็นคริสตัลไปแล้วอยู่ข้างในก่อนที่ภูเขาไฟจะระเบิด<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-4Xz1wCpjAtk/UxH5twUXxhI/AAAAAAAADyQ/Yb6VBxBt2TM/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-4Xz1wCpjAtk/UxH5twUXxhI/AAAAAAAADyQ/Yb6VBxBt2TM/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire.png" height="171" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-Nqiay2ejCpM/UxIRfgODUrI/AAAAAAAAD4E/RkIf625tNJs/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-Nqiay2ejCpM/UxIRfgODUrI/AAAAAAAAD4E/RkIf625tNJs/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire.png" height="134" width="320" /></a></div>
<br />
<b>25. The Emperor's New Groove จักรพรรดิกลายพันธุ์ อัศจรรย์พันธุ์ต๊อง</b><br />
ฉากที่อีสม่าใช้ยาทำให้คูสโก้กลายเป็นลามาแล้วให้ครอคเอาไปถ่วงน้ำแต่ครอคเปลี่ยนใจช่วยไว้ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-88nfeZgPQDw/UxIRpg0oOnI/AAAAAAAAD4M/V_VvnDKjy04/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-88nfeZgPQDw/UxIRpg0oOnI/AAAAAAAAD4M/V_VvnDKjy04/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove.png" height="192" width="320" /></a><a href="http://1.bp.blogspot.com/-u5vzJDdXEIM/UxIRqizvXhI/AAAAAAAAD4U/iNCL1j01bCs/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-u5vzJDdXEIM/UxIRqizvXhI/AAAAAAAAD4U/iNCL1j01bCs/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove2.png" height="186" width="320" /></a></div>
<label for="answer_1_25"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-moh3RFx6Tqw/UxH5s5Zq97I/AAAAAAAADyI/YtMWzQmARX8/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-moh3RFx6Tqw/UxH5s5Zq97I/AAAAAAAADyI/YtMWzQmARX8/s1600/Disney+Classic+-+39+-+The+Emperors+New+Groove.png" height="320" width="290" /></a></div>
<br />
<b>26. Tarzan ทาร์ซาน</b><br />
ฉากเพลง Son of Man ตอนที่ทาร์ซานโหนเถาวัลย์แล้วเจองู <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-5O-J06nfhM4/UxIR1zjURBI/AAAAAAAAD4c/x74-5lt5hOw/s1600/Disney+Classic+-+37+-+Tarzan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-5O-J06nfhM4/UxIR1zjURBI/AAAAAAAAD4c/x74-5lt5hOw/s1600/Disney+Classic+-+37+-+Tarzan.png" height="287" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-cgEtToLjKpc/UxH5r4gSBJI/AAAAAAAADyA/WmAjow-SEwg/s1600/Disney+Classic+-+37+-+Tarzan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-cgEtToLjKpc/UxH5r4gSBJI/AAAAAAAADyA/WmAjow-SEwg/s1600/Disney+Classic+-+37+-+Tarzan2.png" height="203" width="320" /></a></div>
<br />
<b>27. Pocahontas โพคาฮอนทัส</b><br />
ฉากกวางในเรื่อง ข้อสังเกตคือมีโก้อยู่บนหัวมัน <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-8NPWuqZAQ9o/UxH5jocLD3I/AAAAAAAADxA/pv-JKJOwuSk/s1600/Disney+Classic+-+33+-+Pocahontas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-8NPWuqZAQ9o/UxH5jocLD3I/AAAAAAAADxA/pv-JKJOwuSk/s1600/Disney+Classic+-+33+-+Pocahontas.png" height="185" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-4yUP6qi7i-M/UxIR-L6tAaI/AAAAAAAAD4k/qBOx6wYrnmc/s1600/Disney+Classic+-+33+-+Pocahontas.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-4yUP6qi7i-M/UxIR-L6tAaI/AAAAAAAAD4k/qBOx6wYrnmc/s1600/Disney+Classic+-+33+-+Pocahontas.png" height="166" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>28. Peter Pan ปีเตอร์ แพน</b><br />
ฉาก The Second Star to the Right บินไปเนเวอร์แลนด์ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-nsrlsQ5PSdY/UxISFLbxOVI/AAAAAAAAD4s/4RiuI8fDLR0/s1600/Disney+Classic+-+14+-+Peter+Pan.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-nsrlsQ5PSdY/UxISFLbxOVI/AAAAAAAAD4s/4RiuI8fDLR0/s1600/Disney+Classic+-+14+-+Peter+Pan.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-1AIMgni4fu4/UxH5JbS2tjI/AAAAAAAADug/-1nlWUpygtM/s1600/Disney+Classic+-+14+-+Peter+Pan2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-1AIMgni4fu4/UxH5JbS2tjI/AAAAAAAADug/-1nlWUpygtM/s1600/Disney+Classic+-+14+-+Peter+Pan2.png" height="229" width="320" /></a></div>
<br />
<b>29. Alice in Wonderland อลิชท่องแดนมหัศจรรย์</b><br />
ฉากลงไปจับพวกหอยในทะเล <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-kmo81fpviVw/UxISOC2s56I/AAAAAAAAD40/3GLkULMVqlM/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-kmo81fpviVw/UxISOC2s56I/AAAAAAAAD40/3GLkULMVqlM/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-s8WiZHG8Icw/UxH5Gx3HZ8I/AAAAAAAADuQ/LXvoe0g07_M/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-s8WiZHG8Icw/UxH5Gx3HZ8I/AAAAAAAADuQ/LXvoe0g07_M/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland.png" height="237" width="320" /></a><a href="http://2.bp.blogspot.com/-crYTKtbyLOM/UxISOw4RcjI/AAAAAAAAD48/BVVVyHOVkvQ/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-crYTKtbyLOM/UxISOw4RcjI/AAAAAAAAD48/BVVVyHOVkvQ/s1600/Disney+Classic+-+13+-+Alice+In+Wonderland2.png" height="241" width="320" /></a></div>
<br />
<b>30. Up ปู่ซ่าบ้าพลัง</b><br />
ฉากภูเขาในเรื่อง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-QzWb9l-dKBY/UxH51Oh1qhI/AAAAAAAADzQ/NasupUk5GKg/s1600/Windows+Media+Player_2014-02-27_23-43-33.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-QzWb9l-dKBY/UxH51Oh1qhI/AAAAAAAADzQ/NasupUk5GKg/s1600/Windows+Media+Player_2014-02-27_23-43-33.png" height="198" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-AcNa6BZgHjM/UxISZW4BfsI/AAAAAAAAD5E/rncVNDLLbUk/s1600/Windows+Media+Player_2014-03-01_23-00-58.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-AcNa6BZgHjM/UxISZW4BfsI/AAAAAAAAD5E/rncVNDLLbUk/s1600/Windows+Media+Player_2014-03-01_23-00-58.png" height="173" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b>31. Finding Nemo ปลาเล็ก หัวใจโต๊โต</b><br />
ฉากตอนที่บรูสได้กลิ่นเลือดแล้วไล่จับพวกมาร์ลีนแล้วตอปิโดเข้าปากเลยจับเหวี่ยงไปในดงทุ่นระเบิด<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-yysbSY5jk6E/UxISgMyKYeI/AAAAAAAAD5M/mDIFMiS-nT4/s1600/Pixar+Classic+-+05+-+Finding+Nemo2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-yysbSY5jk6E/UxISgMyKYeI/AAAAAAAAD5M/mDIFMiS-nT4/s1600/Pixar+Classic+-+05+-+Finding+Nemo2.png" height="165" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-rDnMvUau3bc/UxIShQ_YF4I/AAAAAAAAD5U/TWCjkW-2NlE/s1600/Pixar+Classic+-+05+-+Finding+Nemo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-rDnMvUau3bc/UxIShQ_YF4I/AAAAAAAAD5U/TWCjkW-2NlE/s1600/Pixar+Classic+-+05+-+Finding+Nemo.png" height="182" width="320" /></a><a href="http://1.bp.blogspot.com/-GSBHQY9_g8s/UxH5zpSjBYI/AAAAAAAADzI/dvi7PmX56ro/s1600/Pixar+Classic+-+05+-+Finding+Nemo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-GSBHQY9_g8s/UxH5zpSjBYI/AAAAAAAADzI/dvi7PmX56ro/s1600/Pixar+Classic+-+05+-+Finding+Nemo.png" height="173" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-nstmDC9IM5U/UxISiag-lOI/AAAAAAAAD5c/T9Jo4uHuIcc/s1600/Pixar+Classic+-+05+-+Finding+Nemo3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-nstmDC9IM5U/UxISiag-lOI/AAAAAAAAD5c/T9Jo4uHuIcc/s1600/Pixar+Classic+-+05+-+Finding+Nemo3.png" height="175" width="320" /></a></div>
<br />
<br />
<b>32. A Bug's Life ตัวบั๊กส์ หัวใจไม่บั๊กส์</b><br />
ฉากที่ฟลิ๊กเห็นรังนก<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-rkugLBU3EAU/UxH5y8b3MBI/AAAAAAAADzA/F_IIlkvpuAs/s1600/Pixar+Classic+-+02+-+A+Bugs+Life.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-rkugLBU3EAU/UxH5y8b3MBI/AAAAAAAADzA/F_IIlkvpuAs/s1600/Pixar+Classic+-+02+-+A+Bugs+Life.png" height="176" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-BXOms0nB3cg/UxISteM8iZI/AAAAAAAAD5k/ED2iZ_H8toM/s1600/Pixar+Classic+-+02+-+A+Bugs+Life.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-BXOms0nB3cg/UxISteM8iZI/AAAAAAAAD5k/ED2iZ_H8toM/s1600/Pixar+Classic+-+02+-+A+Bugs+Life.png" height="150" width="320" /></a></div>
<br />
<b> 33. The Hunchback of Notre Dame คนค่อมแห่งนอเทรอดาม</b><br />
ฉากโคลปินเล่าเรื่องตอนเริ่ม<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-bdRl8iaH2I0/UxIS0leHABI/AAAAAAAAD5s/Iz5BeBwQ07c/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-bdRl8iaH2I0/UxIS0leHABI/AAAAAAAAD5s/Iz5BeBwQ07c/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame.png" height="240" width="320" /></a></div>
<label for="answer_5_33"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-U3FbM_wazds/UxH5lPKbRwI/AAAAAAAADxI/b42sH0g-Svw/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-U3FbM_wazds/UxH5lPKbRwI/AAAAAAAADxI/b42sH0g-Svw/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame.png" height="234" width="320" /></a></div>
<br />
<b>34.Lady and the Tramp ทรามวัยกับไอ้ตูบ</b><br />
ฉากที่เดอะแทรมป์จะปลอกให้ยามทะเลกับคนที่ผ่านมา แล้วเสียงดังจนสัตว์ในสวนสัตว์หันมามอง<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-qs2mzDoqoko/UxIS70xewII/AAAAAAAAD50/92IaAieqCAw/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-qs2mzDoqoko/UxIS70xewII/AAAAAAAAD50/92IaAieqCAw/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp.png" height="240" width="320" /></a><a href="http://3.bp.blogspot.com/-eeUQ98G7Hvc/UxH5KxAtmUI/AAAAAAAADuo/5OufHe5pa7I/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-eeUQ98G7Hvc/UxH5KxAtmUI/AAAAAAAADuo/5OufHe5pa7I/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp.png" height="239" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-avWlhJVZ2ZU/UxIS9esczbI/AAAAAAAAD58/Ja2BG4YMgd0/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-avWlhJVZ2ZU/UxIS9esczbI/AAAAAAAAD58/Ja2BG4YMgd0/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp2.png" height="240" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-0csgLdowE2g/UxIS-qFbmmI/AAAAAAAAD6E/ked95yyX6iA/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-0csgLdowE2g/UxIS-qFbmmI/AAAAAAAAD6E/ked95yyX6iA/s1600/Disney+Classic+-+15+-+Lady+And+The+Tramp3.png" height="236" width="320" /></a></div>
<br />
<br />
<b>35. Bambi กวางน้อย...แบมบี้</b><br />
นกฮูกในเรื่อง Friend Owl<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-ViEeMztIlOo/UxH5Dzn_OYI/AAAAAAAADt4/q3PEkQmyKGU/s1600/Disney+Classic+-+05+-+Bambi.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-ViEeMztIlOo/UxH5Dzn_OYI/AAAAAAAADt4/q3PEkQmyKGU/s1600/Disney+Classic+-+05+-+Bambi.png" height="238" width="320" /></a></div>
<br />
<b>36. Robin Hood โรบิ้น ฮู้ด</b><br />
ฉากฟลายเออร์ ทักจับเซอร์ฮีสลงไปในถังเหล้า <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-P3cZb9vspHY/UxITMuYCWdI/AAAAAAAAD6M/Fcg0lc7XmQ4/s1600/Disney+Classic+-+21+-+Robin+Hood.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-P3cZb9vspHY/UxITMuYCWdI/AAAAAAAAD6M/Fcg0lc7XmQ4/s1600/Disney+Classic+-+21+-+Robin+Hood.png" height="249" width="320" /></a></div>
<label for="answer_4_36"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-axCT_XKWKCc/UxH5VIPtQ0I/AAAAAAAADvw/wtY4W3FInR8/s1600/Disney+Classic+-+21+-+Robin+Hood2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-axCT_XKWKCc/UxH5VIPtQ0I/AAAAAAAADvw/wtY4W3FInR8/s1600/Disney+Classic+-+21+-+Robin+Hood2.png" height="246" width="320" /></a></div>
<br />
<b>37. Frozen ผจญภัยแดนคำสาปราชินีหิมะ</b><br />
ฉากเอลซ่าเล่นกับอันนาแล้วเกิดอุบัติเหตุ พวกพ่อแม่จึงหาแผนที่พาไปให้โทรลภูเขาช่วย <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-CBDP7WhQEio/UxITgECb6_I/AAAAAAAAD6U/u2v9eI22JCs/s1600/Windows+Media+Player_2014-03-01_22-54-00.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-CBDP7WhQEio/UxITgECb6_I/AAAAAAAAD6U/u2v9eI22JCs/s1600/Windows+Media+Player_2014-03-01_22-54-00.png" height="138" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-fq49VIlvzCI/UxIThABlaDI/AAAAAAAAD6c/usNo5BoXxLw/s1600/Windows+Media+Player_2014-03-01_22-55-07.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-fq49VIlvzCI/UxIThABlaDI/AAAAAAAAD6c/usNo5BoXxLw/s1600/Windows+Media+Player_2014-03-01_22-55-07.png" height="215" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-uB1HLgkfFr4/UxIThP1TpiI/AAAAAAAAD6g/y8b-jVYP2TI/s1600/Windows+Media+Player_2014-03-01_22-55-28.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-uB1HLgkfFr4/UxIThP1TpiI/AAAAAAAAD6g/y8b-jVYP2TI/s1600/Windows+Media+Player_2014-03-01_22-55-28.png" height="257" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ymGHSmsqTx0/UxH537XnUoI/AAAAAAAADzg/vQg3yyM8Hrk/s1600/frozen.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ymGHSmsqTx0/UxH537XnUoI/AAAAAAAADzg/vQg3yyM8Hrk/s1600/frozen.png" height="190" width="320" /></a></div>
<br />
<b>38. Brother Bear มหัศจรรย์หมีผู้ยิ่งใหญ่</b><br />
ฉากที่ใช้หอกงัดไม้ซุงแล้วปลายมันหัก <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-5VD_9y0ZRgw/UxIUVj4iANI/AAAAAAAAD64/MRvgHR5N3Ho/s1600/Disney+Classic+-+43+-+Brother+Bear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-5VD_9y0ZRgw/UxIUVj4iANI/AAAAAAAAD64/MRvgHR5N3Ho/s1600/Disney+Classic+-+43+-+Brother+Bear.png" height="182" width="320" /></a><a href="http://4.bp.blogspot.com/-UyNuDQJZV84/UxIUUa4vrKI/AAAAAAAAD6w/Hxr0cPLI9XU/s1600/Disney+Classic+-+43+-+Brother+Bear2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-UyNuDQJZV84/UxIUUa4vrKI/AAAAAAAAD6w/Hxr0cPLI9XU/s1600/Disney+Classic+-+43+-+Brother+Bear2.png" height="179" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-g8bG7jy9eKg/UxH5xnDcLZI/AAAAAAAADy4/waVghNKbPXg/s1600/Disney+Classic+-+43+-+Brother+Bear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-g8bG7jy9eKg/UxH5xnDcLZI/AAAAAAAADy4/waVghNKbPXg/s1600/Disney+Classic+-+43+-+Brother+Bear.png" height="232" width="320" /></a></div>
<br />
<b>39. The Hunchback of Notre Dame คนค่อมแห่งนอเทรอดาม</b><br />
ฉากฟีบัสกับควอซิโมโด้ลงไปหาเอสเมอรัลด้าในวังปฏิหา <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-dukocSgSJdg/UxIUfeWIoVI/AAAAAAAAD7A/7wJkmuUqFEM/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-dukocSgSJdg/UxIUfeWIoVI/AAAAAAAAD7A/7wJkmuUqFEM/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame3.png" height="238" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-IFkkF_MKrlA/UxH5mJZTj6I/AAAAAAAADxQ/npCFkVQJCrE/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-IFkkF_MKrlA/UxH5mJZTj6I/AAAAAAAADxQ/npCFkVQJCrE/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame2.png" height="266" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ileZv3s3HCk/UxIUgmFiY-I/AAAAAAAAD7I/aZZr3s6nFmE/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ileZv3s3HCk/UxIUgmFiY-I/AAAAAAAAD7I/aZZr3s6nFmE/s1600/Disney+Classic+-+34+-+The+Hunchback+of+Notre+Dame4.png" height="237" width="320" /></a></div>
<label for="answer_5_39"></label><br />
<br />
<b>40. Treasure Planet เทรเชอร์ แพลเน็ต ผจญภัยล่าขุมทรัพย์ดาวมฤตยู</b><br />
ฉากดาวท่าเทียบเรือที่จิมกับด๊อปเปอร์ออกเดินทาง <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-R_4FjZ0DNgs/UxIUo1hEKRI/AAAAAAAAD7Q/sWAe9-2Px1k/s1600/Disney+Classic+-+42+-+Treasure+Planet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-R_4FjZ0DNgs/UxIUo1hEKRI/AAAAAAAAD7Q/sWAe9-2Px1k/s1600/Disney+Classic+-+42+-+Treasure+Planet.png" height="233" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-XeAOezTM4C8/UxH5w08B6BI/AAAAAAAADyw/T3_im-okws8/s1600/Disney+Classic+-+42+-+Treasure+Planet2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-XeAOezTM4C8/UxH5w08B6BI/AAAAAAAADyw/T3_im-okws8/s1600/Disney+Classic+-+42+-+Treasure+Planet2.png" height="190" width="320" /></a></div>
<br />
<b>41. Hercules เฮอร์คิวลิส</b><br />
ฉากดาวเรียงตัวกันในรอบ18ปีตามคำบอกของเฟต ซึ่งเฮดีสจะใช้โอกาสนี้ปลดปล่อยไททันออกมา <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-8djLV6kzrLo/UxIUwYzQQRI/AAAAAAAAD7g/P8BtcSP7ktw/s1600/Disney+Classic+-+35+-+Hercules4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-8djLV6kzrLo/UxIUwYzQQRI/AAAAAAAAD7g/P8BtcSP7ktw/s1600/Disney+Classic+-+35+-+Hercules4.png" height="188" width="320" /></a></div>
<label for="answer_3_41"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-dNt7rmExESA/UxH5m_hHoTI/AAAAAAAADxY/JcIquxZv940/s1600/Disney+Classic+-+35+-+Hercules.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-dNt7rmExESA/UxH5m_hHoTI/AAAAAAAADxY/JcIquxZv940/s1600/Disney+Classic+-+35+-+Hercules.png" height="186" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-STCnlUbODAk/UxIVJ-eAMVI/AAAAAAAAD7o/YS_O11i2xy0/s1600/Disney+Classic+-+35+-+Hercules5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-STCnlUbODAk/UxIVJ-eAMVI/AAAAAAAAD7o/YS_O11i2xy0/s1600/Disney+Classic+-+35+-+Hercules5.png" height="192" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<b> 42. Lilo & Stitch ลิโล่ แอนด์ สติทช์ อะโลฮ่า...เพื่อนฮาข้ามจักรวาล</b><br />
ฉากยานอวกาศในเรื่อง <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-h0aJNpIK3rg/UxH5vqshWhI/AAAAAAAADyg/u6s6apy4cXc/s1600/Disney+Classic+-+41+-+Lilo+and+Stitch.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-h0aJNpIK3rg/UxH5vqshWhI/AAAAAAAADyg/u6s6apy4cXc/s1600/Disney+Classic+-+41+-+Lilo+and+Stitch.png" height="209" width="320" /></a></div>
<b><br /></b>
<b> 43. Treasure Planet เทรเชอร์ แพลเน็ต ผจญภัยล่าขุมทรัพย์ดาวมฤตยู</b><br />
ฉากเปิดประตูห้องสมบัติของกัปตันฟลินต์ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-uXSDnVg-z-k/UxH5wZ8x9YI/AAAAAAAADyo/gXnf300b2Ss/s1600/Disney+Classic+-+42+-+Treasure+Planet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-uXSDnVg-z-k/UxH5wZ8x9YI/AAAAAAAADyo/gXnf300b2Ss/s1600/Disney+Classic+-+42+-+Treasure+Planet.png" height="228" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-clorpnvDpaY/UxIVRYaqbHI/AAAAAAAAD7w/tRpYjQqhxAg/s1600/Disney+Classic+-+42+-+Treasure+Planet2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-clorpnvDpaY/UxIVRYaqbHI/AAAAAAAAD7w/tRpYjQqhxAg/s1600/Disney+Classic+-+42+-+Treasure+Planet2.png" height="191" width="320" /></a></div>
<br />
<b>44. Cinderella ซินเดอเรลล่า</b><br />
ฉากที่กับพวกหนูช่วยกันเอากุญแจที่ล๊อกห้องซินเดอเรลล่าไปให้แต่กัซเห็นบันไดแล้วตาลาย <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-C-314eoJMCs/UxIVb0vHI9I/AAAAAAAAD74/uYUiypOupy0/s1600/Disney+Classic+-+12+-+Cinderella.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-C-314eoJMCs/UxIVb0vHI9I/AAAAAAAAD74/uYUiypOupy0/s1600/Disney+Classic+-+12+-+Cinderella.png" height="225" width="320" /></a><a href="http://3.bp.blogspot.com/-1pOUF4jJtZ4/UxH5E7_-zzI/AAAAAAAADuA/yHMjLcVqH6g/s1600/Disney+Classic+-+12+-+Cinderella.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-1pOUF4jJtZ4/UxH5E7_-zzI/AAAAAAAADuA/yHMjLcVqH6g/s1600/Disney+Classic+-+12+-+Cinderella.png" height="222" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-M9FP8tZo_5s/UxIVchALELI/AAAAAAAAD78/xvpT4SrtcyE/s1600/Disney+Classic+-+12+-+Cinderella2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-M9FP8tZo_5s/UxIVchALELI/AAAAAAAAD78/xvpT4SrtcyE/s1600/Disney+Classic+-+12+-+Cinderella2.png" height="227" width="320" /></a></div>
<br />
<label for="answer_2_44"></label><br />
<b>45. The Sword in the Stone อภินิหารดาบกู้แผ่นดิน</b><label for="answer_3_45"></label><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-NIo57WF-yNA/UxH5Qe5H5sI/AAAAAAAADvI/5OkSJgDUu78/s1600/Disney+Classic+-+18+-+The+Sword+In+The+Stone.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-NIo57WF-yNA/UxH5Qe5H5sI/AAAAAAAADvI/5OkSJgDUu78/s1600/Disney+Classic+-+18+-+The+Sword+In+The+Stone.png" height="239" width="320" /></a></div>
<br />
<b> 46. Atlantis: The Lost Empire แอตแลนติส ผจญภัยอารยนครสุดขอบโลก</b><br />
ฉากที่กลุ่มสำรวจรอดจากอสูรหุนยนต์ที่เฝ้าปากทางเข้ามาได้ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-9lmn7eyS5DQ/UxIVqLkTWCI/AAAAAAAAD8I/TSUKEZfWQcM/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-9lmn7eyS5DQ/UxIVqLkTWCI/AAAAAAAAD8I/TSUKEZfWQcM/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire2.png" height="140" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-VurCStWbx2E/UxH5u9TEF0I/AAAAAAAADyY/Wp_6TCPbuW4/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-VurCStWbx2E/UxH5u9TEF0I/AAAAAAAADyY/Wp_6TCPbuW4/s1600/Disney+Classic+-+40+-+Atlantis+The+Lost+Empire2.png" height="208" width="320" /></a></div>
<br />
<b>47. Robin Hood โรบิ้น ฮู้ด</b><br />
ฉากเชิดหุ่นเลียนแบบคิงจอห์นกับเซอร์ฮีส <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-7llqbZGGDis/UxIVwWQ0n8I/AAAAAAAAD8Q/bTEdTZ2O6og/s1600/Disney+Classic+-+21+-+Robin+Hood2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-7llqbZGGDis/UxIVwWQ0n8I/AAAAAAAAD8Q/bTEdTZ2O6og/s1600/Disney+Classic+-+21+-+Robin+Hood2.png" height="246" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-4SbzPr-vQY4/UxH5UeqtT7I/AAAAAAAADvg/iUG_X1kACpA/s1600/Disney+Classic+-+21+-+Robin+Hood.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-4SbzPr-vQY4/UxH5UeqtT7I/AAAAAAAADvg/iUG_X1kACpA/s1600/Disney+Classic+-+21+-+Robin+Hood.png" height="245" width="320" /></a></div>
<b><br /></b>
<b>48. The Jungle Book เมาคลี ลูกหมาป่า</b><br />
ฉากตอนเมาคลีเจอบาลูแล้วบาลูสอนวิธีการเป็นหมีให้ <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-6nWYL7y-4ek/UxIV3fmxtWI/AAAAAAAAD8Y/tOYGIt7q3T0/s1600/Disney+Classic+-+19+-+The+Jungle+Book.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-6nWYL7y-4ek/UxIV3fmxtWI/AAAAAAAAD8Y/tOYGIt7q3T0/s1600/Disney+Classic+-+19+-+The+Jungle+Book.png" height="242" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-DqstSduObtE/UxH5RsfmNHI/AAAAAAAADvQ/reLbPC8E4mc/s1600/Disney+Classic+-+19+-+The+Jungle+Book.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-DqstSduObtE/UxH5RsfmNHI/AAAAAAAADvQ/reLbPC8E4mc/s1600/Disney+Classic+-+19+-+The+Jungle+Book.png" height="242" width="320" /></a></div>
<br />
<b>49. The Aristocats แมวเหมียวพเนจร</b><br />
ฉากที่กลุ่มแมวเพื่อนของโทมัส โอมัลลี่เล่นดนตรี <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-nu8SRh5s-IA/UxIWAlxhGXI/AAAAAAAAD8g/ElsGCwuM4pA/s1600/Disney+Classic+-+20+-+The+Aristocats.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-nu8SRh5s-IA/UxIWAlxhGXI/AAAAAAAAD8g/ElsGCwuM4pA/s1600/Disney+Classic+-+20+-+The+Aristocats.png" height="234" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-k_CEzfhubj4/UxH5TE1H6jI/AAAAAAAADvY/de-DSVz-ls0/s1600/Disney+Classic+-+20+-+The+Aristocats.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-k_CEzfhubj4/UxH5TE1H6jI/AAAAAAAADvY/de-DSVz-ls0/s1600/Disney+Classic+-+20+-+The+Aristocats.png" height="231" width="320" /></a></div>
<br />
<b>50. Cinderella ซินเดอเรลล่า</b><br />
ฉากลูซิเฟอร์จะจับกัซแต่จับไม่ได้ซะที <br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-hLJeRNv32a0/UxIWGM21fjI/AAAAAAAAD8o/4IRu_2bmkjc/s1600/Disney+Classic+-+12+-+Cinderella3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-hLJeRNv32a0/UxIWGM21fjI/AAAAAAAAD8o/4IRu_2bmkjc/s1600/Disney+Classic+-+12+-+Cinderella3.png" height="222" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-W6z_pvMF3wI/UxH5F2z29TI/AAAAAAAADuI/3vnUQ0Bf580/s1600/Disney+Classic+-+12+-+Cinderella2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-W6z_pvMF3wI/UxH5F2z29TI/AAAAAAAADuI/3vnUQ0Bf580/s1600/Disney+Classic+-+12+-+Cinderella2.png" height="224" width="320" /></a></div>
<br />
<br />
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-iio-ehz_emg%2FUxH5c4wSkbI%2FAAAAAAAADwY%2Fkw7pezU2D6w%2Fs1600%2FDisney%2BClassic%2B-%2B30%2B-%2BBeauty%2BAnd%2BThe%2BBeast.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://1.bp.blogspot.com/-iio-ehz_emg/UxH5c4wSkbI/AAAAAAAADwY/kw7pezU2D6w/s1600/Disney+Classic+-+30+-+Beauty+And+The+Beast.png" -->nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-13478533393191591912014-10-16T21:58:00.001+07:002014-10-17T23:44:41.670+07:004 สิ่งที่ควรทำก่อนเรียนจบปี 4เวลาที่ผ่านไปแล้ว ไม่สามารถย้อนกลับมาได้อีกนะ ... ชีวิตนักศึกษามหา'ลัย (ป.ตรีแบบปกติ ไม่นับป.โท) ก็มีได้แค่ครั้งเดียวนะ ถ้าน้องๆ ปล่อยมันผ่านไปอาจจะเสียใจที่หลังก็ได้ว่า "ตอนนั้นทำไมไม่ทำนะ"<br />
<br />
บล๊อกนี้เราพยายามรวบรวมเรื่องที่ตัวเองคิดทำแล้วเกิดประโยชน์มาก ไม่ก็ถ้ากลับไปได้จะทำตั้งแต่ตอนเรียน แต่ถามว่าไม่ทำแล้วใช่เรื่องใหญ่คอขาดบาดตายมั้ย ... ไม่เลย!<br />
มันก็เป็นแค่เรื่องที่ "ควร" ทำเท่านั้น ไม่ใช่ "ต้อง" ทำ<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-bya3xe29LuQ/VD_QY45qAII/AAAAAAAAFJk/HJ1CVmt4Bxc/s1600/graduate%2B-%2B%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%2BGoogle%2B-%2BMozilla%2BFirefox_2014-10-16_21-01-19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-bya3xe29LuQ/VD_QY45qAII/AAAAAAAAFJk/HJ1CVmt4Bxc/s1600/graduate%2B-%2B%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%2BGoogle%2B-%2BMozilla%2BFirefox_2014-10-16_21-01-19.png" height="441" width="640" /></a></div>
<h3>
1.วางแผนอนาคต (นิดหน่อยก็ยังดี)</h3>
น้องๆ หลายคนมักจะคิดว่าการสอบเข้ามหา'ลัยได้คือที่สุดแล้ว มันคือการปลดปล่อยจากการสอบเข้าอันเหนื่อยล้า ความคิดแบบนั้นแหละทำให้น้องเฉื่อยและไม่ตั้งใจเรียน (ไม่ตั้งใจเรียนก็ยังไม่เท่าไหร่นะ) และที่ร้ายที่สุดคือลืมเป้าหมายชีวิตจริงๆ ของตัวเอง<br />
เราจะต้องทำงานหาเงิน ที่นี่คือสถานที่สุดท้าย นับถอยหลัง 4 ปี ใช้มันให้คุ้ม อย่าปล่อยผ่านไปวันๆ ล่ะ<br />
<br />
แล้วนิยามของการ "ใช้มันให้คุ้ม" มีอะไรบ้าง?<br />
<ul>
<li>คนชอบเรียน ก็เรียนไป แต่ระวังไว้ด้วยว่าพอทำงานแล้วไม่มีคนคิดโจทย์แล้วเอามาให้คุณแก้ แต่เขาจะให้คุณคิดโจทย์เอง แก้โจทย์เอง</li>
<li>คนชอบเล่น ก็เล่นไป จะเล่นเกม เล่นกีฬา เที่ยว ก็ทำไป ถือว่าปลดปล่อยครั้งสุดท้ายก่อนจะเจองานหนัก แต่อย่างเล่นอย่างเดียว หาความรู้สำหรับใช้ทำงานด้วย ใช้คำว่าหาความรู้นะ ไม่ใช่ทำเกรดให้ดี ... แต่อย่างว่า ถ้าคุณมีความรู้ เกรดจะเป็นผลพลอยได้เอง</li>
<li>คนเบื่อเรียน ก็ไม่โฟกัสที่การเรียนมาก ลองรับงานมาทำ คุณอาจจะเป็นเลิศในการทำงานมากกว่าการเรียนก็ได้นะ</li>
</ul>
<h3>
2. สนความรู้+ประสบการณ์ดีกว่า .. เกรดไม่ใช่ทุกอย่าง (แต่ใช่ว่ามันไม่สำคัญ)</h3>
น้องๆ ส่วนใหญ่มักจะมองว่าเกรดที่อยู่บนผลการเรียนของเราตอนปลายเทอมคือตัวตัดสินทุกอย่าง แต่มันไม่ใช่เลย!<br />
<br />
"ความรู้(สักอย่าง)" หรือ "ประสบการณ์(สักอย่าง)" ตั้งหากที่เราควรจะโฟกัสไปหาในระหว่างเทอมที่ผ่านมา ถ้าน้องไม่ได้ตั้งเป้าจะเรียนต่อหรือทำงานในสายวิชาการ เกรดมันก็มีความสำคัญแค่ 4 ปีในรั้วมหา'ลัยเท่านั้นแหละ อ้อ พูดอย่างนั้นก็ไม่ถูกนั้น มีผลการสมัครงานครั้งแรกนิดหน่อยด้วยเหมือนกัน<br />
<br />
ลองคิดดูว่ามหาวิทยาลัยนี่น่ะ มันคือสถานที่สุดท้ายก่อนที่เราจะออกไปสู่โลกในชีวิตจริงๆ โลกที่ต้องทำงานหาเงิน แล้วอะไรที่ใช้ทำงานหาเงินได้? เกรดตอนเรียนหรือว่าความรู้ล่ะ<br />
คำตอบคือความรู้ละนะ คนที่ได้เกรดไม่ดีแต่มีสกิลในการหาเงินมากกว่าอาจจะประสบความสำเร็จในชีวิตได้มากกว่าคนที่เรียนเป็นอย่างเดียวก็เป็นได้<br />
<br />
คนดังของโลกยุคนี้หลายคนที่ละการเรียนในมหา'ลัยออกไปทำงานตามความฝันตัวเองเลยเพราะว่าเขาพวกนั้นพบว่าการเรียนที่อาจารย์สอนนั้นไม่ตอบโจทย์เขาเลย ประมาณว่าสอนไปทำอะไรเนี่ย ฉันอยากรู้เรื่องนี้ๆๆ มากกว่านะ<br />
<br />
แต่! ... ไม่ใช่ว่าทุกคนจะทำแบบนั้นได้นะ อาจจะเป็นหนึ่งในร้อย หรือ หนึ่งในพัน ดังนั้นน้องๆ ที่อ่านบทความนี้อยู่ก็อย่าเพิ่งละทิ้งการเรียนในมหาวิทยาลัยไปล่ะ แค่พยายามโฟกัสที่ความรู้ที่ได้ให้มากกว่าคะแนนก็พอ วิธีทดสอบว่าตัวเองโฟกัสที่คะแนนจริงแล้วรึเปล่าสังเกตง่ายๆเลย ... คุณจะตื่นเต้นและดีใจเมื่อเข้าใจอะไรที่เรียนเรื่องใหม่ๆ (ไม่จำเป็นต้องตรงกับเนื้อหา อาจจะเป็นเรื่องเล่าของอาจารย์ที่ทำให้เราปิ๊งบางอย่างก็ได้) แต่คุณจะเฉยๆ เวลาเห็นเกรด ก็งั้นๆ แหละ ฉันรู้ตัวดีว่าฉันมีความรู้แล้ว เกรดไม่ใช่ตัวตัดสิน<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-lPexz-26exY/VD_QX0N4TGI/AAAAAAAAFJc/Y_L15NScgC8/s1600/google%2Boffice%2B-%2B%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%2BGoogle%2B-%2BMozilla%2BFirefox_2014-10-16_21-03-21.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-lPexz-26exY/VD_QX0N4TGI/AAAAAAAAFJc/Y_L15NScgC8/s1600/google%2Boffice%2B-%2B%E0%B8%84%E0%B9%89%E0%B8%99%E0%B8%AB%E0%B8%B2%E0%B8%94%E0%B9%89%E0%B8%A7%E0%B8%A2%2BGoogle%2B-%2BMozilla%2BFirefox_2014-10-16_21-03-21.png" height="358" width="640" /></a></div>
<h3>
3. ลองทำงานจริงให้ได้มากที่สุด</h3>
การบ้าน ข้อสอบ กับโปรเจคในห้องเรียนมันไม่ทำให้น้องๆ รู้หรอกว่าจบไปทำงานน้องๆ จะเจออะไรบ้าง <br />
<ul>
<li>เคยรู้มั้ยว่า "ลูกค้าผู้น่ารัก" เป็นยังไง ระดับอาจารย์ตรวจโปรเจคน่ะเหรอเด็กๆ ไปเลย</li>
<li>เคยรู้มั้ยว่า วิชาที่คุณถนัดเหลือเกินมันไม่มีใครใช้แบบนั้นแล้ว</li>
<li>อยากรู้มั้ยว่าบางเรื่องที่เรียนแล้วบ่นตลอดว่าไม่เห็นจะได้ใช้ มันเอาไปใช้ทำอะไร</li>
</ul>
คำถามพวกนี้น้องไม่มีทางจะรู้คำตอบหรอกจนกว่าจะจบออกไปทำงาน แล้วบางเรื่องที่ทำงานปุ๊บถึงจะรู้ว่ามันต้องใช่จะกลับมาเรียนทันเหรอ?<br />
วิธีแก้ก็คือหาคำตอบพวกนั้นให้ได้ก่อนที่จะเรียนจบ จะได้มีเวลาแก้ตัวก่อนออกไปลุยสนามจริงๆ แต่ในเมื่อมหา'ลัยไม่สอน คุณก็ต้องหามันด้วยตัวเองล่ะ ลองรับงานจริงๆ จากลูกค้าจริงๆ ดู อาจจะเป็นจากเพื่อนๆ หรือประกาศในเน็ตว่าเป็นนักศึกษา อยากลองงาน ค่าจ้างถูกๆ ก็ได้นะ<br />
<br />
แล้วคุณจะรู้ว่า "ลูกค้า" เป็นยังไง อารมณ์มันไม่เหมือนเราทำงานส่งอาจารย์แน่นอน ความกดดัน ความเครียด ความกังวลมันจะต่างกันเลย ยิ่งถ้าเป็นลูกค้าที่โทรตามงานบ่อยๆ นะบอกเลยว่าสนุกมาก (ประชดนะ ฮา)<br />
<h3>
4. ใช้สถานะ "นักศึกษา" ให้คุ้มที่สุด</h3>
บริษัทมากมายที่ชอบรับนักศึกษาไปฝึกงาน (ใช้งาน) แต่ถ้าน้องๆ จบมาแล้วจะไปเอาสถานะนักศึกษาจากที่ไหนอีกล่ะ ตอนนั้นมันไม่ใช่การฝึกงานแล้ว มันเป็นการ "ทดลองงาน" แล้วรู้มั้ยว่าการฝึกงานกับการสมัครงานแล้วเขาลองงานเรา 3 เดือน (ที่เขาเรียกกันว่า จะผ่านหรือไม่ผ่านโปรฯ น่ะ) มันต่างกันเยอะนะ<br />
<br />
ถ้าน้องเขาไปบริษัทในฐานะนักศึกษา -> พี่ๆ จะมองว่ามีน้องใหม่มาฝึกงาน ต้องดูแล ต้องสอนงาน ให้น้องเป็นงาน<br />
แต่ถ้าน้องเข้าไปในฐานะนักศึกษาจบใหม่มาสมัครงาน -> พี่ๆ จะมองว่าน้องคนนี้เป็นพนักงานใหม่ อาจจะมีสอนงานให้บ้าง แต่ก็ไม่ต้องมากหรอก สมัครผ่านมาได้น่าจะเป็นงานพอสมควรแล้ว รับโปรเจคไปลองทำเลยละกัน<br />
<br />
ดังนั้นถ้ายังอยากเรียนรู้อะไรอยู่ พยายามทำตัวเป็นนักศึกษาไว้ก่อนนะ โอกาสก็มีช่วงปี3-4 และหลังจบปี4 (ช่วงที่เป็นรอยต่อ ยังพอจะใช้สถานะนักศึกษาได้อยู่)<br />
<br />
<br />
---<br />
ตอนนี้คิดได้เท่านี้ เอาไปแค่ 4 ข้อก่อนละกัน<br />
<h2>
สรุป...</h2>
ลองคิดว่ามหา'ลัยเป็นที่เตรียมตัวสำหรับชีวิตทำงานแบบผู้ใหญ่ คุณมีเวลา 4 ปีในการเตรียมพร้อมตัวเองให้มากที่สุด ลองปรับมุมมองตัวเอง ทุกคนทำได้ถ้าเชื่อมั่นในตัวเอง ชีวิตทำงานไม่ได้วัดกันที่คะแนน บางครั้งความตั้งใจและดวงก็ใช้เอาชนะได้<br />
<br />
จาก ... คนที่ล่วงหน้าไปก่อนแล้ว ^ ^nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-5379700650890151832014-10-13T23:44:00.002+07:002016-10-29T19:05:20.282+07:00~compiler - ตอนที่ 4.2 (ต่อ) Grammar ไวยากรณ์ภาษา ทำยังไงให้คอมมันรู้ว่าประโยคที่พิมพ์แปลว่าอะไรย้ายบทความไปอยู่ที่<a href="http://www.tamemo.com/post/67/compiler-4-2-grammar/"> http://www.tamemo.com/post/67/compiler-4-2-grammar/</a>nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0tag:blogger.com,1999:blog-3565944301664295783.post-71442592530453642732014-10-11T00:24:00.001+07:002014-10-11T00:24:45.694+07:00อ่านหนังสือยังไงให้ทันสอบ?ช่วงนี้ก็ใกล้สอบล่ะนะ น้องๆ หลายคนคงจะประสบปัญหาคลาสสิก "อ่านหนังสือไม่ทัน" ไม่ก็ "อ่านไม่เห็นจะรู้เรื่องแล้ว" หรืออารมณ์ขึ้นหน่อยก็ "ไม่อ่านมันแล้ว(โว้ย)"... แหม่ คลาสสิกมาก บ่นกันมาทุกรุ่นแล้วก็ต้องทนอ่านกันต่อไปทุกรุ่นละนะ<br />
<br />
วันนี้เลยจะมาสรุปวิธีการอ่านหนังสือของตัวเองให้ฟังหน่อยว่าตอนยังใช้ชีวิตแบบนักศึกษาอยู่น่ะ เราทำอะไรบ้าง<br />
<br />
ย้ำว่าวิธีของ<b>เรา</b>นะ อาจจะใช้ไม่ได้ผลกับหลายๆ คน ... น้องที่ถามว่า "พี่อ่านหนังสือยังไงให้ทันสอบ" ก็คิดก่อนนะว่าวิธีนี้น่ะมันใช้กับเราเองได้มั้ย<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-lUbVNkCCTv4/VDgJ_daLLOI/AAAAAAAAFHw/RKGyFndOAkw/s1600/reading-for-exam.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-lUbVNkCCTv4/VDgJ_daLLOI/AAAAAAAAFHw/RKGyFndOAkw/s1600/reading-for-exam.png" height="256" width="400" /></a></div>
<br />
<h3>
คิดว่า"เราทำได้" </h3>
ไม่ใช่ให้หลอกตัวเองนะ 555 น้องๆ ส่วนใหญ่มันจะคิดว่า(หนังสือ)เยอะขนาดนี้ เราทำไม่ได้หรอก ไม่เก่งพอ ถ้าคิดอย่างนี้ยังไงก็ทำได้ไม่ดี ไม่ว่าจะอ่านทัน หรือไม่ทัน ก็ต้องคิดไว้ก่อนว่าเราทำได้สิ คือให้คิด บวก (+) ไว้ก่อนอย่างดูถูกตัวเอง<br />
<h3>
รู้เขา รู้เรา รบร้อยครั้ง ชนะร้อยครั้ง</h3>
ต้องรู้ตัวเองก่อนว่าเรามีสกิลในการทำความเข้าใจเนื้อหาขนาดไหน ถ้าน้องเรียนคณะด้านวิทยาศาสตร์ ผู้หญิงก็อาจจะเห็นว่าผู้ชายส่วนใหญ่มันไม่อ่านหนังสือกันเลยแต่แค่3วันก่อนสอบมันก็เข้าใจกันแล้ว แล้วทำไมฉันอ่านแล้วอ่านอีกมาเดือนนึกก็ยังทำไม่ได้<br />
<br />
น้องต้องหาให้เจอว่าเราอ่านแบบไหนมันจำและเร็วที่สุด เช่นของเราเป็น <b>"อ่าน3วันก่อนสอบ"</b> เพราะสมาธิของเราไม่ค่อยมาก เป็นพวกเบื่อง่าย ถ้าอ่านนานกว่านั้นจะเบื่อแล้วเลิกอ่านไป สู้รวมสมาธิแล้วอ่านทีเดียวเลยดีกว่า ... แต่บางคนก็เป็นสายอดทน+สะสม พวกนี้จะต้องอ่านวันละนิดนิด แต่อ่านบ่อยๆ ทุกวัน เพราะสไตล์ของกลุุ่มนี้มันจะจำอะไรเยอะๆ ในคราวเดียวไม่ได้ ตัวเองเป็นสายไหนก็เลือกเอาละกัน<br />
<h3>
อาจารย์สอนไม่รู้เรื่อง ฉันเลยอ่านไม่รู้เรื่อง (งั้นเหรอ?)</h3>
จากที่เจอมา มีอาจารย์ไม่เยอะหรอกที่จะสอนรู้เรื่อง โดยเฉพาะยุคนี้ที่การเรียนการสอนมีอุปกรณ์ช่วยมากมายเช่น สไลด์ ... ในความเห็นเราเนี่ย การสอนด้วยสไดล์เป็นอะไรที่แย่มากเป็นอันดับต้นๆ ทำให้คนเรียนไม่รู้อะไรเลย<br />
<br />
แต่ก็อย่างว่านะ คุณเป็น "นักศึกษา" แล้วนะ ไม่ใช่นักเรียน ไม่มีคนมาป้อนแล้ว ต้องหาความรู้ด้วยตัวเอง ในเมื่ออาจารย์ (บางคน) ช่วยให้เราเข้าใจไม่ได้เลย ก็ต้องหาแหล่งความรู้ที่สอง นั่นคือ ตัวเอง เพื่อนที่มันเก่งๆ ไม่ก็จบที่ Google<br />
<br />
มันเลยเป็นที่มาของวิธีการพลักของเรา!
<b>เรียนในห้องไม่รู้เรื่องก็ไม่ต้องเรียนในห้องสิ ห้องเรียนเอาไว้นอนพักผ่อน</b>
(แต่กลับหอพักแล้วต้องอ่านเองให้ได้ด้วยนะ) <h3>
นอน...</h3>
ปกติยิ่งใกล้สอบ น้องๆ จะนิยมการโต้รุ่งกันเพราะอ่านไม่ทัน แต่สำหรับเราแล้วยิ่งใกล้สอบเท่าไหร่ จะเพิ่มชั่วโมงการนอนของตัวเองขึ้นอีก<br />
<br />
ถ้าปกตินอนวันละ 7 ชั่วโมง อาทิตย์ก่อนสอนอาจจะซัดไปสัก 8 ชั่วโมงเลยล่ะ การพักผ่อนเป็นสิ่งสำคัญ อยู่ต่อดึกๆ ไม่ได้แปลว่าคุณจะเข้าใจหรืออ่านทันขึ้นนะ รอชาร์ตพลังแล้วตื่นกลับมาอ่านใหม่ดีกว่า<br />
<h3>
เปิดติว</h3>
อ่านให้ตบสัก 1-2 รอบ ไม่ต้องจำได้หมดก็ได้ แล้วป่าวประกาศเลยว่า "ฉันจะติววิชานี้นะ" เพื่อนน้องจะแห่กันมาจากทั่วทุกทิศ เป็นการกดดันให้เราต้องอ่านเนื้อหาจนขึ้นใจเพราะสัญญาไปแล้วว่าจะติว แถมตอนติวคนอื่นนี่แหละ ทำให้จำอะไรดีมากเลย และเพื่อนมักจะมีคำถามที่คาดไม่ถึงมาเสมอทำให้เราจะรู้มากขึ้นเรื่อย ดีไม่ดี ติวไปติวมาเพื่อนกลับมาเป็นคนสอนเราแทนซะงั้น<br />
<h2>
สรุป</h2>
วิธีการอ่านหนังสือของเราไม่ใช่วิธีที่ดีเท่าไหร่หรอก แต่มันเกิดจากสถานการณ์บังคับ (เริ่มตอนปี2ที่อาจารย์บางคนสอนไม่รู้เลย ปี1นี่ยังเข้าใจได้อยู่นะเลยยังเรียนในห้องอยู่) ในเมื่อเขาสอนสไตล์เขาแล้วเราไม่รับ ก็เปล่าประโยชน์ที่จะเรียนในห้อง ใช้วิธีอ่านเองดีกว่า งั้นเวลาในห้องทำไรล่ะ ก็ใช้พักผ่อนไง แต่พักผ่อนจริงๆ นะไม่ใช่นั่งเล่นมือถือ<br />
<br />
ก็พยายามหาวิธีอ่านหนังสือของตัวเองให้เจอละกัน ยิ่งเจอเร็วเท่าไหร่ก็ยิ่งดีเท่านั้น<br />
<br />
สุดท้ายของฝากไว้ ... คะแนนกับเกรดไม่ใช่ทุกอย่าง มันจะมีค่าก็แค่ตอนเรียนกับตอนหางานครั้งแรกเท่านั้นแหละ เรียนจบไปคุณอาจจะทำเงินได้มากกว่าเพื่อนที่สอบได้คะแนนเต็มตลอดก็ได้นะ ;)nartrahttp://www.blogger.com/profile/18005844828207933988noreply@blogger.com0