Internship, DAY 7

วันนี้งานไม่คืบหน้าอย่างรุนแรง เนื่องจากเนื้อหางานเข้าสู่โหมดความรู้เป็น 0 ของจริง เราใช้เวลา 2 ชั่วโมงนั่งงมโข่งหา plug in สำหรับ Auto Complete ใจจริงอยากจะเข้าใจภาษามันจริงๆซะทีจะได้เขียนเองไปเลย แต่ในเวลาอันสั้นคงทำไม่ได้เลยหาตัวช่วยไปก่อน ตอนแรกเจอโค้ด Auto Complete ตัวนึง หลงดีใจคิดว่าได้ใช้แล้วแหงๆ เอาให้พี่ต้องดู พี่ต้องบอกว่านี่มัน Auto Complete สำหรับ Browser เฉยๆนี่ กล่าวคือมันไม่ได้ดึงค่าจาก Database มาโชว์ให้ดูอย่างเดียว คือมันจะจำค่าเก่าที่เราเคยพิมพ์แล้ว Enter ไว้ก่อนหน้าเฉยๆ ไม่ใช่แบบที่เราอยากได้

โชคดีที่รู้ตัวเร็ว ก็ไปนั่งคุ้ยๆต่อ ไปเจอของเด็ดเข้าให้ มันบอกว่าสอนวิธีทำ Google Suggestion อ่านหน้าแรกๆ เข้าใจง่ายมาก เริ่มมีกำลังใจ พออ่านไปถึงหน้าสาม เนื้อหาหายงง แต่เห็นลิ้ง .pdf ก็นึกว่าให้โหลด ที่ไหนได้ เก็บตังค์ตั้ง $5 เมินซะเถอะ 5555

จากนั้นก็งม งม งม งม งม งม งม งม งม นานมากกกกกก ไปโหลดโค้ดชาวบ้านมาลองเล่นก็ไม่รู้เรื่อง ทำไม่ได้ โง่เกิ๊น~ จนกระทั่งทนไม่ไหวไปโวยวายใส่ twitter และ facebook พี่ชินมหาเมพก็แนะนำเว็บนึงมาให้ ซึ่งเป็นเว็บที่เราเคยเข้าไปดูแล้ว แต่ Demo มันกากเลยไม่ได้ใส่ใจ แต่มันทำให้เรารู้ว่า

ต้องโหลดไฟล์ของเค้ามาก่อนถึงจะใช้ได้ Orz

พี่ชินทำให้เรากลับมาเห็นความสำคัญของ jQuery UI อีกครั้ง 555 หลังจากอ่านคู่มือแล้วก็เอาโค้ดตัว Basic สุดของ Auto Complete ไปลองใช้ ปรากฎว่ามันเวิร์กว่ะเว่ยเห้ย! (แต่โก๊ะ พิมพ์ผิดมั่ง ลืมนู่นนี่มั่ง ก็เลยใช้เวลานานอยู่) แต่ตัวอัพเกรดขึ้นมาหน่อยคือดึงข้อมูลจาก Database ของเราเองยังใช้ไม่ได้ เราก็สงสัยสิว่าทำไม ลืมไรอีกฟะ?

ก็อย่างที่บอกไปแต่แรกอะนะว่า Demo มันกากก็ไปคุ้ยๆใน Google ดู แต่หมดอารมณ์อ่านภาษาอังกฤษแล้วก็เลยพยายามคุ้ยหาภาษาไทยแทน แต่คนไทยเท่าที่เคยคุ้ยเจอนี่เขียนสอนอะไรจะมีอยู่ 2 ระดับคือ ง่ายมาก จะง่ายไปไหน นึกภาพเอาไปประยุกต์ใช้ต่อไม่ค่อยออก กับ ยากสลัดผัก โค้ดยาวเป็นหางว่าว เอาไว้สำหรับ Geek คุยกันเอง ใครเจอที่สอนแบบกลางๆ แนะนำหนูบ้างเน้อ จริงๆแล้วไม่ค่อยชอบไปคุ้ยตามเว็บบอร์ดอะ ชอบเข้าเว็บสอนหรือเป็น Blog มากกว่า เว้นแต่จะติดปัญหาก็เจอเว็บบอร์ดที่ช่วยได้บ้างเหมือนกัน (แต่ส่วนใหญ่ไม่ค่อยเวิร์กฟ่ะ Orz)

ลิ้งที่เจอแล้วไม่ค่อยใจจะไม่นำเสนอในนี้ แต่สุดท้ายก็หันกลับไปพึ่งภาษาอังกฤษอีกครั้ง แล้วก็เจอเว็บที่ถูกใจตรงสเปกพอดี เพราะเค้าด่าเจ้าเว็บ jQuery UI เอาไว้เหมือนกันเรื่อง Demo กากเนี่ย แต่ยังไม่ได้ลองใช้ เนื่องจากลองมาเยอะแล้ว มึน (แต่คิดว่าน่าจะใช้ได้แล้วนะ พอเถอะ ไม่ไหวแล้ว TwT) เลยไปลองเช็คดูว่าโค้ด php เราเองนั่นแหละ echo json ได้ไหม (ฟังก็ชั่นมันบังคับว่าต้อง return กลับมาในรูปแบบ json อะ) โดยลองกับโค้ด php เก่าจากงาน Database เผื่อพลาดอะไรจะได้ไม่มีปัญหาทีหลัง

บั๊กก็ตรงนี้ล่ะคับ TwT

มัน echo ภาษาไทยออกมาเป็นอักขระหยึกหยึย

 \u0e21\u0e32\u0e23\u0e34\u0e2a\u0e32 \u0e2a\u0e38\u0e42\u0e01\u0e28\u0e25 แบบนี้อ๊ะ 

ลองเปลี่ยนนู่น ลองนี่ ลบโค้ด

http-equiv=Content-Type content="text/html; charset=utf-8">

ออกจากบรรทัดแรกแล้วใส่

header("content-type:text/javascript;charset=utf-8");

ลงไปในส่วน tag ของ php แทนตามคำแนะนำของพี่ลิ่ว คำสั่งพวก  iconv ไรงี้ก็ลองหมด พี่ต้องมาช่วยแก้บั๊กให้ เปลี่ยน encoding สารพัดแล้วก็ยังไม่ได้

สุดท้าย ใช้วิธี ต่อ string โง่ๆ มันเลย Orz

แต่เราคิดว่ามันไม่น่าจะได้ผลแฮะ ตอนแรกบอกพี่ไปว่าแค่ออกมาเป็นฟอร์มนี้ก็น่าจะได้ (คิดอะไรอยู่เนี่ย = =") แต่จริงๆที่เรา return ออกไปแบบนั้นมันเป็น string ไม่ใช่ฟอร์ม json ก็เลยคิดว่า ยังไงก็น่าจะบรึ้ม Orz


แล้วแบบนี้เมื่อไหร่จะเสร็จ TwT

Internship, DAY 6

วันนี้ขอบอกก่อนเลยว่า เป็นวันที่โก๊ะและเพลียที่สุดในชีวิตฝึกงาน

เพราะอะไรน่ะเหรอ~

เพราะว่าไม่ยอมไปกินข้าวเที่ยงไงล่า Orz อาหารสำคัญมากนะคะเด็กๆ ยามทำงานห้ามอดอยากปากแห้งเด็ดขาด

วันนี้ตื่นเช้ากว่าทุกวัน แต่ดันไปสายกว่าทุกวัน เวรกรรม ==" ที่ตื่นเช้าสืบเนื่องจากเมื่อเช้าแดดแผดเผาเข้าห้อง สะลืมสะลือขึ้นมาเห็นมายอยู่หน้ากระจก เอ๊ะ ทำไมมายยังไม่ออกจากหอหว่า ปกติฟ้ายังไม่ทันสว่างก็เผ่นแล้วนี่นา ก็เลยหยิบมือถือขึ้นมาดูเวลา

"มาย นี่มันเจ็ดโมงครึ่งแล้วนะ ไม่สายหรอ?"

...จากนั้นมายก็ช็อกไปเลยคับ หูตูบวิ่งออกจากห้องไป ลืมปิดไฟอีกตะหาก 5555

ไปถึงออฟฟิศก็เจอทุกคนแล้ว(ยกเว้นพี่เติ้ง เพราะปกติพี่เค้าจะมาอีกเวลานึง) ขาดแต่พี่ต้น คือจริงๆแล้วเนี่ยพี่ต้นเป็นคนดูแลเราตามชื่อที่ขึ้นในเว็บฝึกงาน แต่ดูเหมือนพี่เค้าไม่ค่อยว่าง คนที่ assign งานให้ดูนู่นนี่ก็เลยกลายเป็นพี่ต้องแทน พอไปถึงปุ๊บเราก็โอ้เอ้แป๊บนึง เล่น FB ไปฟาดหมูปิ้งไป 4 ไม้ (สาเหตุที่ไม่ไปกินข้าวเที่ยงนั่นแหละ คือมันอิ่มข้าวเหนียวง่ะ กะว่าจะไปกินเลทๆ แต่สุดท้ายกลัวแดดร้อนเลยไม่ไป 555)

แล้วก็เริ่มวาง layout ตามแบบที่ได้ทำไว้เมื่อวาน ติดบั๊กบ้างอะไรบ้างแต่ก็ทำไปได้เรื่อยๆ และทำให้ได้ความรู้ใหม่ (แต่จริงๆทุกคนก็คงรู้กันหมด ยกเว้นเรา ><) ว่า CSS มันไล่โทนสีได้ ทำอะไรได้ตั้งหลายอย่าง แต่ครั้นจะให้เรานั่งจินตนาเกินเอาเองบน Notepad++ ไอคนไม่มีหัวศิลป์อย่างเรามันก็ลำบากอยู่ สุดท้ายเลยไปค้นเจอผู้ช่วยที่แสนดี Gen โค้ดไล่สีให้แม่งเลย 555 สะดวกสบายลัลล้ามาก

หลังจากวาง layout ซึ่งได้ 960 grid จากใน pencil project (พูดถึงในวันก่อนๆ) ช่วยออกแบบเทียบขนาด pixel ในเว็บ ทำให้สะดวกมากยิ่งขึ้น และไล่สี Header กับ Footer จนเรียบร้อยแล้ว เราก็นั่งเรียบเรียงลำดับความสำคัญในหัว ถ้าจะให้ทำ Auto-complete วันนี้เลยไม่เสร็จแน่ เพราะความรู้ jQuery Ajax ยังอ่อนด๋อยอยู่ ก็เลยไปทำส่วนที่ทำได้แน่ๆก่อนก็คือ link list (ไม่ใช่ Algorithm นะเห้ย หมายถึง list ที่มี link) ทางด้านขวามือ 77 จังหวัดเมื่อคลิกเข้าไปแล้วจะต้องให้ไฟล์ .php query ข้อมูลรหัสไปรษณีย์ของจังหวัดนั้นๆออกมา เรื่อง query ไม่ใช่ปัญหา เอาโค้ดเก่าจากงาน Database มาแก้นิดเดียวก็เสร็จ แต่ปัญหาคือ ต้องทำลิ้งทั้ง 77 จังหวัด แสรดดดดดด

ตอนนั้นเริ่มบ่ายสอง เริ่มหิวแล้ว แต่ไม่ยอมออกไปกิน (แดดมันแรง วันนี้ร้อนที่สุดด้วย 555) ก็เลยเพลียหน้ามึนอยู่หน้าโน้ตบุ๊กต่ออีกประมาณ 3 ชม. Orz

ก็เลยเริ่ม google หาวิธีง่ายๆ โค้ดสั้นๆ แต่กลับไปได้ผลลัพธ์การโยนค่าให้ php ที่ถูกต้อง ซึ่งทำเป็นอยู่แล้วเฟ่ย เลยไปถามหนุ่มโรงงานจากอยุธยาผู้ว่างงาน... วุ้ย! ยาว ขี้เกียจเรียกล่ะ เรียกปอมละกัน ดูเหมือนภาษาที่เราอธิบายปอมไปจะทำให้ปอมงงเป็นอย่างมาก แต่พออธิบายเข้าใจแล้ว ปอมบอกว่า

"ลองไปถามเจดูดิ"

Orz โชคดีที่เจออน FB อยู่ตอนนั้น ก็เลยไปถาม เจบอกว่าเจนึกออกแต่วิธีใช้ javascript ยากๆ (ซึ่งแน่นอน เราเก่ง javascript มวกกกก) และยังบอกอีกว่า

"ลองไปถามอุ้ยดูสิ อุ้ยน่าจะพอรู้วิธีที่ง่ายกว่านี้นะ"

กลัวว่าถ้าไปถามอุ้ย อุ้ยอาจจะโยนไปหาปอมก็เป็นได้ ก็เลยใช้ excel ให้เกิดประโยชน์สูงสุด ก๊อปโค้ดแมร่งง 77 บรรทัด อย่าได้แคร์ แต่ระหว่างที่นั่งลบพวก space, indent ที่มันเกินๆมา ก็นึกขึ้นมาได้ว่า ทำไมเราไม่ใช่ replace วะ แป๊บเดียวก็เสร็จ ก๊อปลง excel ทำไมเนี่ยยย TwT

แต่กว่าจะนึกได้ ก็ต้องแก้โค้ด 77 บรรทัดรอบที่ 2 แล้ว อยากจะบ้า อาการหนักสุดๆ

อธิบายโค้ดนิดนึงก่อน คือว่าเราเรียกการแสดงผล link list 77 จังหวัด ไปไว้ใน div ฝั่งขวามือ เมื่อกดลิ้งไปซักอันแล้ว ผลการ query ต้องไปแสดงผลใน div อีกส่วนนึงในหน้า page เดิม ตอนแรกคิดว่าจะเป็นงานหินซะแล้ว จนกระทั่งเจอโค้ดของชาวบ้าน มันเวิร์กจริงๆ แต่ก็เป็นสาเหตุที่ทำให้ต้องไปแก้โค้ด 77 บรรทัดรอบที่ 2 ด้วย (อ่านมาถึงตรงนี้แล้ว จะสังเกตเห็นว่า เรามึนมากๆ รู้ทั้งรู้ว่าลิ้งยังไม่เรียบร้อย ยังอุตส่าห์ก๊อปตั้ง 77 บรรทัดไปใช้ = =")

หลังจากแสดงผลถูกเรียบร้อยแล้ว แม้จะยังเน่าๆเพราะไม่ได้ตกแต่งอะไรเลยนอกจาก Header กับ Footer ก็ให้พี่ต้องมาดู ทำให้รู้ว่า ควรจะเรียกพี่เค้ามาตั้งแต่แรกๆ แต่ไม่ค่อยอยากเรียก เพราะพี่เค้าก็มีงานต้องทำเหมือนกัน พี่ต้องดูโค้ดแล้วถามกลับว่า

"ถ้าเกิด รมต. เกิดเฮี้ยนอยากเปลี่ยนชื่อจังหวัด 'กระบี่' เป็น 'กระบี่ไร้เทียมทาน' จะทำยังไง?"

ติด stunt ไปสามชั่วกัปป์ พี่ต้องก็เลยบอกว่าข้อมูล list 77 จังหวัดต้องดึงมากจาก Database สิ ก็มีให้อยู่แล้ว ณ ตอนนั้นแม้จะมึนมากเพราะเลยเวลาอาหารไปนานแล้วแต่ก็ยังถึงบางอ้อ เพราะมัวแต่คิดว่าจะโยนค่าให้ php เอาไป query ต่อยังไง ลืมนึกไปว่า Database ก็มีให้อยู่แล้ว จะไปโยนค่าไปทำซากอ้อยหอยหลอดอะไร แล้วโค้ดวนลูปสั้นๆ ที่จริงก็เคยทำมาในวิชา Database ด้วยซ้ำไป เพียงแต่คนที่เอาไปแก้คือทิพไม่ใช่เรา ทำให้อาจจะหลงๆลืมๆไปมั่ง แต่ที่แน่ๆ ก็แค่ทำฟอร์มประมาณ echo 'HTML code'.$var.'HTML code'; เหมือนที่เคยทำก็เรียบร้อยแล้ว

แล้วก็เอา scroll bar ตรงส่วน link list ออกด้วย พี่ต้องว่า scroll bar มันเยอะเกิน ให้เนื้อหามัน flow ไปตามปกติดีกว่า

ลองก๊อปโค้ดจากไฟล์ php ลงในตัว HTML ปรากฏว่าไม่เวิร์กแฮะ เห็นเหมยเคยทำได้ แต่เราเอาวิธีแบบเราละกัน ก็คือใช้โค้ดที่มาจากเว็บเดียวกับที่ทำให้คลิกลิ้งแล้วไปแสดงผลในส่วนของ div ได้ เพียงแต่หนนี้เราไม่ต้องการคลิกลิ้ง เราต้องการให้แสดงผลเลย เว็บนั้นก็มีให้เหมือนกัน แก้เสร็จแล้วก็ให้พี่ต้องดูอีกรอบ พี่ต้องถามว่า โค้ดนี้วน Loop กี่รอบ?

การเอาโค้ดเก่ามาแก้นั้นต้องระวังมาก แม้ว่าจะแสดงผลถูกต้องแล้วก็ตาม แต่ดันมีลูปพิเรนทร์ๆจากโค้ดเก่าซ้อนมาอีกชั้นนึงแบบไม่จำเป็น เพราะโค้ดก่อน query ออกมา 1 row มีหลาย column หนนี้มี column เดียว จะวนอะไรกันนักกันหนา แล้วก็เรื่องการตั้งชื่อตัวแปล ไม่ควรตั้งเป็นอักษรตัวเดียว เพราะมันจะดูเป็นตัวเลขมากกว่า และก็ไม่ค่อยบ่งบอกความหมาย คนที่เอาไปพัฒนาต่ออาจมึนตึ้บได้

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

while($rs=mysql_fetch_assoc($result))

{

echo ' < tr > ';

foreach ($rs as $i)

echo ' < td >'.$i.' < /td > ';

echo ' < /tr > ';

}

ส่วนนึงโค้ดใหม่ที่ตอนแรกลืมเอา foreach ออก แต่ตอนนี้เอาออกเรียบร้อยละน้า (แต่ยังใช้ตัวแปรเป็นอักษรตัวเดียว แค่เลี่ยงตัว i จะได้ไม่คิดว่ามันเป็นตัวเลข)

while($rs=mysql_fetch_assoc($result))

{

$p = $rs["PROVINCE"];

echo ' < li >< a href="javascript:ajaxpage(\'province.php?p=' .$p. '\',\'result\');" > ' .$p. ' < /a >< /li > ';

}

จบความมึนแต่เพียงเท่านี้...


ปล.พี่ต้องบอกให้ออกแบบโลโก้เว็บแบบเรียบๆ ใช้แค่ตัวอักษรก็พอ เป็นภาษาไทย คิดว่าจะใช้ font อันนี้แหละ แต่พรุ่งนี้คงต้องไปหา tool ออกแบบมาเพิ่ม
ปล.2 มังกรแนะนำ Auto-complete มาอีกตัว ยังไม่ได้ศึกษาเลย

Internship, DAY 5

วันนี้เราได้เจอกับงาน Database แล้ว พี่ต้องให้ไฟล์ SQL เอาไปยัดไว้ใน Database ของเรา ข้อมูลที่ได้มีแค่ table เดียว แต่ record เป็นล้าน การ query ก็ง่านแสนง่าย เพราะโจทย์คือ "ค้นหารหัสไปรษณีย์" แต่ดันไปติดบั๊กโง่เง่าอยู่ 2 เรื่อง คือ

• โค้ด SQL ที่ได้มานั้น support InnoDB engine ซึ่งใน phpMyAdmin ของเรามัน disable หน้าตาเฉย ตอนที่เกิดปัญหานี้แรกๆก็พยายามลง Appserv ใหม่แต่ก็ยังไม่ได้เรื่อง สุดท้ายก็ไปใช้ google ให้เกิดประโยชน์และเจอวิธีแก้ไขแบบไม่ต้องลง Appserv ใหม่ มันสุดยอดมากเลยล่ะตัวเธอว์
• พิมพ์ผิด ... อันนี้ความโก๊ะส่วนตัว แต่ใช้เวลานานมากกว่าจะแก้ได้ ต้องตั้งสติก่อนสตาร์ทนิดนึง

หลังจากจัดการปัญหา Database เรียบร้อย ทดสอบ query ผ่านเป็นที่น่าพอใจ ก็มาทบทวนโจทย์ที่พี่ต้องให้อย่างกว้างๆว่า ให้ใช้งานง่ายๆ ผู้สูงอายุก็ใช้ได้ (แต่ไปๆมาๆ requirement change ไม่ต้องทำเผื่อผู้สูงอายุก็ได้ แต่ concept ยังเหมือนเดิมคือเรียบง่าย) โดยพี่ต้องแนะนำ Auto-complete Suggestion ยกตัวอย่างง่ายสุดๆคือ เข้า google ตั้งแต่ google มีเจ้านี่มาชีวิตมันช่างสะดวกสบายซะเหลือเกิน แต่เราจำไม่ได้แฮะว่า google มีตั้งแต่เมื่อไหร่ เหมือนเราอยู่กับน้องจนโตไม่เห็นความเปลี่ยนแปลงทั้งที่จริงก็เปลี่ยนไปมากยังไงยังงั้น

คุยเสร็จก็กลับมานั่งคิดว่าจะเอาไงดีหว่า ก็เลยไปคุ้ยหาการออกแบบเว็บสำหรับผู้สูงอายุ เจอเว็บที่ scope เนื้อหาดูเข้าที เว็บที่ใช้งานง่ายมีอีกชื่อเก๋ๆว่า Web Accessibility แต่เว็บที่เราเจอนั้นยังมีเสริมท้ายอีกว่า for older users (คลิกเลย แค่เห็นชื่อเว็บก็เชื่อถือได้แล้ว 555) สรุปก็คือ 

• คนแก่ชอบอะไรสะดวกๆ ไม่ชอบของลูกเล่นเยอะ เช่นพวก pull-down menus, scrolling-list แม้กระทั่ง scrolling page ก็ยังไม่เหมาะ ยิ่งไอประเภทเอา cursor วางบนตัวอักษรแล้วมี Effects นี่ยิ่งไม่เหมาะเข้าไปใหญ่ เม้าส์ควรมีไว้คลิกโง่ๆเท่านั้น
• Link และ Text ต่างๆ ควรชัดเจน เข้าใจง่าย ตัวใหญ่ๆ พวก headings, menu items ไรงี้สำคัญ ควรจัดลำดับความสำคัญของข้อมูลด้วย (information hierachy) และไม่ควรมีอะไรซ้ำซ้อน
• ไม่ควรมี Link หรือ page อะไรที่มันทำให้คนแก่สับสน ยกตัวอย่างง่ายๆเช่น เข้าเว็บจะไปโหลดอะไรซักอย่าง แล้วเจอพวกโฆษณาแฝง ทำให้เพจนั้นมีคำว่า 'Download' อยู่สี่ห้าอัน อย่าว่าแต่คนแก่เลย วัยรุ่นอย่างเรายังมึน
• Content เองก็สำคัญ ควรจะมีเนื้อหาสอดคล้องกับหัวข้อของ page นั้น หรือวัตถุประสงค์ของเพจด้วย

พอได้เนื้อหามาดังนี้แล้วก็คิดว่า การทำช่อง search ไม่ควรซับซ้อน ให้คนแก่มานั่งติ๊กว่าจะ search อะไร ขอแค่รู้ keyword ก็พอแล้วดีกว่า พอคิดแบบนี้แล้วไอเดีย Auto-complete Suggestion ก็สำคัญขึ้นมาทันที ก็ไล่ Search กันมันมือ ไปเจอ jQuery plugin สำหรับงานนี้ ในใจคิดว่าหวานหมู แต่มันบอกว่าเลิกใช้ไปแล้ว ย้ายไปอยู่กับ jQuery UI แทน ณ ขณะนั้นเริ่มอับจนหนทาง ลองเข้า w3school ไปอ่านเพิ่มเติมก็ไม่รู้เรื่อง คงเป็นเพราะพื้นเดิมไม่แน่นพอ จนสุดท้ายหนุ่มโรงงานจากอยุธยาผู้ว่างงาน (แบบนี้มันน่าจะตกงานแล้วมากกว่านะ = =") ก็ได้แนะนำ UI สำหรับงานนี้ ทำให้ใจชื้นขึ้นมาหน่อย นั่งเลือก UI กันสนุกสนาน แต่พออ่าน code ก็ม่องเท่งเหมือนเดิม มี Ajax เพิ่มมาอีกอย่างที่ไม่รู้เรื่องหนักกว่า jQuery อีก

พี่ต้องเข้ามาดูงาน ประมาณว่าออกแบบเสร็จยังน้อง น้องก็เฮือกสิ มัวแต่คุ้ยหาอะไรไม่รู้ ไม่ได้ออกแบบเป็นชิ้นเป็นอันเลย พี่เค้าก็เลยแนะนำโปรแกรมฟรีสำหรับออกแบบเว็บง่ายๆ หน้าตาน่ารักๆ ชื่อ pencil project มาลองเล่น พอออกแบบเสร็จคร่าวๆง่าวๆ ออกมาหน้าตาแบบนี้ ก็ให้พี่เค้าดู

รูปบน: ขณะ search มี suggestion ตำบล, เมือง, จังหวัด ให้
รูปล่าง: แสดงผลลัพธ์เป็นตาราง

ก็ได้ suggestion เพิ่มอีกว่า แถบด้านขวาควรจะมีลิ้งแบบที่ไม่ต้องกด search ด้วย เราก็เสนอไปว่าควรเป็นจังหวัดเรียงตามตัวอักษร พี่แกก็คุยไปๆมาๆประมาณว่า หรือจะแยกตามภาค หรือจะเอาแผนที่ประเทศไทยมาจิ้มเลือกจังหวัดเอาเลย สุดท้ายก็กลับเข้าฝั่ง 5555 พอออกแบบไปตาม requirement ใช้ 960 grid ให้เกิดประโยชน์ด้วย และแถม Header กับ Footer พอเป็นพิธี สุดท้ายก็พอว่า แม่ง scroll เยอะไปป่าววะ มันชักจะขัดกับที่พิมพ์ไว้ข้างต้นซะแล้วสิ แต่พี่ต้องมาเห็นก็ไม่ว่าอะไร แค่บอกว่าโทนสีควรจะเรียบๆ โทนสีเทาประมาณนั้น แล้วก็ควรมีข้อความกับ Logo อะไรบ้างตรง Header เราก็แค่จับไล่เฉดสี เทา-ขาว ตรง Header ใส่สิ่งที่ควรจะเป็น Logo ไว้มุมขวาบนแล้วก็เพิ่มข้อความอีกนิดหน่อย ใส่ไปมั่วๆเท่านั้น



ก็มันยังไม่ใช่ของจริงนี่นา :P


ปล.ลิ้งเหล่านี้มีประโยชน์

• Tool ที่น่าสนใจ ค้นเจอโดยมังกร
• สอน jQuery สำหรับผู้เริ่มต้น แมวเขียนให้โดยเฉพาะเลยนะเนี่ย ซึ้ง ขอบคุณมากๆ -/\- (ดองไว้อ่านพรุ่งนี้ 555)

Internship, DAY 4

เช้าวันจันทร์... ไม่อยากลุกจากเตียงเลยให้ตาย

เมื่อคืนนั่งปั่นงานที่พี่เค้ามอบหมายให้ตั้งแต่วันศุกร์ แต่ดันดองไว้ทำวันอาทิตย์ เนื่องจากวันเสาร์ดู The Voice, The Star, Travel Chanel, อาหารเมนูไข่, Harry Potter ภาค 3 ฯลฯ สรุปคือเหลวไหลสุดๆ พอวันอาทิตย์ก็ติดบั๊กทั้งบ่าย แถมตอนกลางคืนยังแรดไป Festival Walk กับมังกรอีก

อะไรมันจะชิวขนาดน้าน...

ดีที่กลับมาหอมายยังไม่นอน ให้มายแก้บั๊กให้เลย แป๊บเดียวเสร็จ = =" แต่ก็นั่งทำต่อเท่าที่ทำไว้ถึงตี 2 ก็ต้องยอมแพ้ไปนอน

พอตอนเช้าไปถึงออฟฟิศ พี่ต้องก็ขอดูงาน แล้วก็ตื่นตะลึงในความโหดของเว็บที่เราดูเป็นตัวอย่าง (เช่น เฮียเจ้าของเว็บประหยัด Header สุดๆ ชอบเอารูป 2 รูปรวมเป็นรูปเดียวแล้ว sprites เอา) แล้วพี่แกก็ให้เราอธิบายแต่ละส่วนที่ทำมาพอสังเขป จากนั้นพี่เค้าก็เริ่มเอาลิ้งต่างๆที่น่าสนใจมาให้เราดู เช่น สามย่าน นอกจาก content มันจะน่าสนใจแล้ว รูปแบบการ scroll เปลี่ยนเพจก็น่าสนใจอีกด้วย ประมาณว่า พี่เค้าแอบอยากได้แบบนี้ ให้เราไปศึกษามา แต่ยังไม่ได้สั่งงานเป็นชิ้นเป็นอันหรอกนะ 5555

 เว็บตัวอย่าง และสอนทำ คลิกที่นี่ ซึ่งเข้าไปแล้วก็ได้แต่ดูวิวัฒนาการอีกขั้นของเว็บไซต์ แต่ให้ทำ ทำไม่ได้หรอกนะ Orz

ลิ้งที่น่าสนใจก็เช่น บันทึกการบรรยายเรื่อง HTML5-CSS3 อันนี้เฉยๆ เพราะว่าตัวเองก็ได้ไปฟังมาเหมือนกัน 5555

แต่ที่โหดสุดๆเห็นจะเป็น E-Card อวยพรวันปีใหม่ ซึ่ง No Flash เจ้าค่ะ โหดสลัดเป็ดสลัดไก่ ยิ่งไปอ่านเบื้องหลังการทำและบันทึกอื่นๆแล้วรู้สึกตื่นตะลึงถึงความเจ๋งของ Creative ชาวไทย โดยเจ้า E-Card ที่ว่านี้ใช้ Technique ที่เรียกว่า Parallax Scrolling พออ่านไปคุ้ยไปก็พบว่าจริงๆแล้วมันก็มีมาตั้งแต่นานนม เช่น เกมมาริโอ้สุดฮิตนั่นเองงง

อ้ะ ตัวอย่างงง

โอ๊ะ จู่ๆก็อยากเล่นขึ้นมาทันใด 5555 สังเกตว่า BG หลังสุด พวกวิวทิวทัศน์ทั้งหลายจะขยับด้วยความเร็วต่ำสุด เหมือนเวลาเรานั่งรถตอนกลางคืนแล้วมองพระจันทร์ พระจันทร์ก็ไม่หายไปไหนซักที ยังอยู่ที่เดิมนั่นแหละ ในขณะที่ของใกล้ๆตัวเช่นตึกรามบ้านช่องต่างก็ผ่านมาแล้วก็ผ่านไปอย่างรวดเร็ว Parallax Scrolling ก็ใช้หลักการบ้านๆอันนี้ในการทำภาพเคลื่อนไหว 2 มิติให้ดูสมจริงนิดนึง มักจะเจอในเกมเดินหน้าล่าแต้มแบบ 2D อย่าง Mario หรือ Metal Slug

หลังจากได้ศึกษาจนอิ่มหนำแล้ว (แต่ไม่แกะโค้ดหรอกนะ ขี้เกียจ = =") ก็รู้สึกว่าถ้าเจองานพวกนี้เข้าจริงๆ คงต้องศึกษาพวก javascript, jquery ติดตัวไว้มั่ง ก็เลยนั่งอ่านของพื้นฐานไปก่อน ซักพักพี่ต้องก็ส่งลิ้งนี้มาให้

ลองคลิกดูแล้ว ภาพสวยใช่ไหมล่า เกมมันเจ๋งใช่ป่ะล่า ไม่ได้เอาไว้ศึกษาหรอก พี่เค้าสั่งให้เล่นแข่งกันทั้งออฟฟิศ ใครแต้มสูงสุดชนะ ><

ก่อนกลับ พี่ต้อง Assign ไว้เลยว่าพรุ่งนี้เตรียมตัวเจอ Database ได้ พี่จะให้ฐานข้อมูลที่ไว้ใช้งานจริงลองให้เรา query ดูก่อน ดูว่าพื้นฐานมีอยู่ประมาณไหน

พรุ่งนี้ก็เจอของจริงแล้วสินะ :D

Internship, DAY 3

ความรู้สึกขี้เกียจเริ่มพอกพูน วันนี้ไปถึงเกือบสิบโมง พี่ๆมากันครบแล้ว รู้สึกผิดบาปจังวุ้ย ต่อไปต้องไปให้เช้ากว่านี้

เสร็จแล้วก็ประเดิมงานต่อโดยการลองใส่นู่น ขยับนี่ลงไปใน layout พี่ต้องมาดูงาน แล้วก็บอกว่า ออกแบบ layout แบบนี้จะมีปัญหาในอนาคตได้ เพราะในหนึ่งเว็บจะมีส่วนหลักๆ 3 ส่วนคือ Header Main และ Footer ซี่งไอ้เจ้า Main นี่ในแต่ละ page layout ก็จะเปลี่ยนไปด้วย แล้วก็ลองให้เราลองจัด layout ตามเว็บ http://nickfinck.com/ ซึ่งก็เป็นตัวอย่างจากเว็บ http://960.gs/ นั่นแหละ เราก็ลองๆจัดๆดู แต่ติดบั๊กนานมาก เพราะเจ้าภาษา HTML+CSS เวลาพิมพ์ผิดมันไม่ Error ขึ้นมาให้ มันจะแค่ไม่แสดงผลส่วนที่ผิด แม้จะมี FireBug เป็นตัวช่วยแต่ก็ทำเอามันเหมือนกัน เพราะบั๊กหลายๆอย่างไม่ได้เกิดจากการพิมพ์ผิด แต่มันเกิดจากความไม่รู้

เช่น เรื่อง height:auto เนี่ย มันจะถูกตีความว่าความยาวเป็น 0 ไปเลย เราสร้าง div ตัวใหญ่ๆ แล้วก็มี div ก้อนเล็กๆอยู่ข้างใน ซึ่งมีการสั่ง float ซ้ายเป๋ขวาใน div เล็กๆนั้นด้วย ซึ่งทำให้ div ตัวใหญ่ บรึ้มเป็นโกโก้ครั๊น หนนี้ก็ได้หนุ่มโรงงานจากอยุธยาผู้ว่างงานมาช่วยอีกแล้ว สงสัยคงจะได้ช่วยตลอดการฝึกงานแหงๆ ถ้าได้ตังค์มีหวังคงต้องแบ่งครึ่งกะมัน 5555

มื้อเที่ยงวันนี้ได้ไปกินข้าวกับพี่เติ้ง พี่ต้อง และพี่บ่วง Mind Innovation ด้วย พอพี่บ่วงมาบรรยากาศก็เปลี่ยนไป พี่เค้าเล่าว่าแต่ก่อนสองบริษัทเช่าห้องอยู่ด้วยกัน แบ่งกันคนละครึ่ง แล้วพี่บ่วงแกต้องเป็นทัพหน้าคอยสู้รบปรบมือกับอะไรซักอย่าง พี่ต้องไม่เคยช่วย ไปๆมาๆกลายเป็นสงครามข้ามเขตแม่น้ำฮวงโห Mind Innovation ครอบครองเขตฝั่งซ้ายทั้งหมด ไปๆมาๆนี่มันเกมออนไลน์ชัดๆ ~_~ พี่บ่วงพาเราไปร้านเค้ก และบอกกับแม่ค้าว่า "พี่ครับ น้องคนนี้เป็นน้องของพี่ต้อง อย่าไปขายนะครับ" (เห้ยย 5555) แต่สุดท้ายพี่ต้องเลี้ยงเครปกล้วยช็อกโกแลตเราจนได้ ขอบคุณพี่ต้องมากๆเน้อ

หลังจากแก้บั๊กได้พอสมควรแล้วก็ให้พี่ต้องดู พี่ต้องก็ระบุ requirement มาชัดเจนขึ้นว่าให้ลอกเว็บมาเลย เอาสีให้เหมือนด้วย เหยดดดดดดด (ใจเย็นๆ นี่คือการฝึก ไม่ได้เอาไปใช้จริง) พี่ต้องว่าจะได้เข้าใจมากขึ้น เราก็ปรับไปเรื่อยๆ เริ่มสติแตกดู The Voice ฟัง Adele แถมท้ายด้วยครัวกากๆ พอหกโมงเย็นก็ได้แค่เค้าโครงง่อยๆเนื่องจากติดบั๊กเยอะอยู่เหมือนกัน พี่ต้องก็เลยให้กลับมาทำต่อที่บ้าน วันจันทร์จะมาดูใหม่

Orz

Internship, DAY 2

เมื่อวานนี้พี่ต้องบอกว่าให้เข้างาน 9:30 เลทได้ไม่เกิน 10 โมง ห้ามเข้าเร็วกว่านั้น เพราะห้องจะยังไม่เปิด

5555555 (ถามจริงๆ มีใครชิวเท่าเราอีกบ้างเนี่ย???)

ฉะนั้นวันนี้ก็เลยออกจากหอเร็วกว่าเดิมนิดหน่อย แว้บซื้อหมูปิ้งหน้าหอแล้วบึ่งแมงกะไซด์เหมือนเดิม เอาไปกินในออฟฟิศเลย

พอไปถึงก็เจอพี่ลี่กับน้องออยอยู่ก่อนแล้ว (ไปถึงประมาณ 9:40) รู้สึกผิดบาป แต่ก็ยังนั่งแทะหมูปิ้งอยู่ดีนั่นแหละ แล้วก็อ่าน HTML + CSS ต่อจากเว็บ w3school อ่านไปเรื่อยๆจนพี่ต้องเข้ามาทักว่าเป็นไงมั่ง ติดตรงไหนรึเปล่า ก็เลยบอกไปตามตรงว่านึกไม่ออก อ่านไปเดี๋ยวก็ลืม 5555 พี่เค้าก็ Assign งานมาให้ลองทำเล่นก่อนเป็นวาง layout โดยใช้ div และวาดภาพแบบที่ต้องการมาให้ โดยให้ใช้ editor โง่ๆ ไม่ใช่ Dreamweaver บอกให้เราฝึกจะได้คุ้นเคย

นั่งทำไปติดบั๊กไปงงไป ที่งงเพราะดูตัวอย่างมันออกมาได้ แต่ทำจริงทำไมมันเพี้ยนจัง งงจนถึงมื้อเที่ยง(ตอนบ่ายโมง)ก็เลยหยุดงานไปหม่ำข้าว ระหว่างเดินไปบาร์ใหม่กว่านี่แดดร้อนมากจนหน้าชาอะ สาวๆในออฟฟิศเตรียมซื้อข้าวไว้ก่อนเลย เพราะทนแดดร้อนไม่ไหว แต่เราไม่อยากกินข้าวกล่องเซเว่นแล้วอะ คราวหน้าคงต้องพกร่มจริงๆ ใครจะว่ายังไงก็ช่าง 5555

กลับมาแก้บั๊กต่อ หนนี้ได้ที่ปรึกษาชั้นเลิศผ่าน GTalk เป็นหนุ่มโรงงานจากอยุธยาที่ไม่มีอะไรทำ 5555 ซึ่งแนะนำให้ใช้ FireBug ซึ่งเป็น Add-on ของ Mozilla Firefox เอาไว้ลองเทสต์ HTML+CSS กันแบบสดๆใน Browser เลย ซึ่งเวิร์กมากตรงที่แค่วาง cursor ลงบนโค้ดบรรทัดไหนก็จะแรเงาให้เห็นเลยว่ามันแสดงผลตรงส่วนไหน ชัดเจนดี แก้บั๊กได้ราบรื่น แต่กว่าจะเสร็จตั้งบ่าย 3 = =" กากจริง

โชว์ผลงานง่อนแง่นให้พี่ต้องดู แก้ไขอีกนิดหน่อยก็เรียบร้อย พี่เค้าก็เลยให้ลองไปนั่งแกะโค้ดเว็บไซต์ ensogo ซึ่งขอบอกว่ายากและปวดกระดองตับมาก เพราะเว็บเค้ารายละเอียดและลูกเล่นเยอะ FireBug หรือฟังก์ชั่นใน Chrome ก็ช่วยเหลือสมองน้อยๆของเราไม่ได้ ส่วนอีกเว็บก็คือ 960 grid เป็นเว็บที่ช่วยเรื่องการจัดวาง layout ซึ่งลองคลิกเข้าไปแกะโค้ดตัวอย่างในเว็บนั้นพบว่าสวยงาม เข้าใจง่าย คิดว่าคงได้เอาไปใช้ต่อในอนาคตแหงมๆ

หลังจากแกะโค้ดเสร็จ ก็เลยหันกลับไปอ่าน CSS ต่อเอาให้คุ้นว่าอะไรอยู่ตรงไหน จะได้กลับมาเปิดถูกเวลางง ระหว่างนี้ก็เริ่มเหลวไหลหนักข้อขึ้น ฟังเพลงไปด้วย tweet ด้วย บลาๆ ตอนแรกคาดว่าจะเลิกงานหกโมงครึ่ง แต่พอแว้บไปเข้าห้องน้ำกลับมา พี่ลี่บอกว่า ให้เราเลิกงานห้าโมงครึ่งนะ (ตอนนั้นหกโมงแล้ว) เราก็งงเส่ะ เพราะถ้าเลิกห้าโมงครึ่ง เราก็ได้ฝึกแค่ 7 ชม.เอง ก็เลยบอกพี่เค้าไปว่าไม่นับพักเที่ยงนะ ต้องหกโมงครึ่งเส่ะ พี่แกก็ประมาณว่า บริษัทเราพักเที่ยง 10 นาทีเองน้อง (อารมณ์ประมาณว่า หิวเมื่อไหร่ก็ไปแดก 555)  พี่ต้องก็เลยบอกว่า อีก 1 ชม. ก็ไปฝึกที่บ้านเอาละกัน เพราะห้าโมงครึ่งพี่ๆก็เริ่มกลับบ้านกันแล้ว ไม่อยากให้น้องอยู่ดึก

ตกลงคือลงเวลา 8 ชม. ฝึกจริงๆ 7 ชม. แถมเริ่มงานสายโด่ง

สุขจริงอะไรจริง :D

Internship, DAY 1

เมื่อคืนนอนไม่หลับ กระสับกระส่ายทั้งคืน ไม่รู้เป็นบ้าอะไร
ตั้งนาฬิกาปลุก 8 โมง กว่าจะแซะออกจากที่นอนได้ก็ปาเข้าไป 9 โมง


เมื่อวาน เวลาเที่ยง
Nyan Nyan Nyan Nyan ~~~ (ริงโทนมือถือ)

พี่ที่ฝึกงาน: น้องสะดวกเข้ามาฝึกงานวันศุกร์ไหมครับ
ข้าพเจ้า: (วันศุกร์ที่ 20 หนิ มหา'ลัยบอกให้ฝึก 18 ไม่ไปตามนั้นมีหวังชิบลอส) แต่กำหนดมหาลัยบอกให้ฝึกพรุ่งนี้นี่คะ
พี่ที่ฝึกงาน: งั้นน้องมาวันพรุ่งนี้เลยละกันครับ
ข้าพเจ้า:กี่โมงคะ?
พี่ที่ฝึกงาน: เอาเป็น 10 โมงละกัน
ข้าพเจ้า: (นี่ตูไม่ได้ฝันไปใช่มั๊ย????)




ฝึกงานสิบโมง อ๊ากกกกกกกกกกกกกกกกกกกก ถามใครก็ไม่เห็นมีใครชิวเท่าเรา เลือกที่ฝึกงานด้วยความขี้เกียจตื่นล้วนๆ (เลือกด้วยตรรกะแบบนี้เลยไม่มีใครมาฝึกเป็นเพื่อนเลย Orz) แถมยังได้เข้างานตอนสิบโมงอีก อุแม่เจ้าาาาา

เดินออกจากหอตอนประมาณ 9:38 AM แวะซื้อโยเกิร์ตที่ปั๊ม เดินเข้า ม.จับแมงกะไซด์ซิ่งไปแถวๆ บาร์ใหม่กว่า ผ่านตึก อก. แล้วเลี้ยวซ้ายเข้าไปอีกหน่อยก็เจออาคารวิจัยและพัฒนา จ่ายเงิน 15 บาทบึ่งขึ้นลิฟต์มาถึงชั้น 5 โชคดียังไม่ 10 โมง TwT

ตอนแรกยังงงๆว่าออฟฟิศมันห้องไหนกันแน่ เห็นมีหลายห้องเหลือเกิน พลันสายตาเหลือบไปเห็นป้ายชื่อบริษัท Find Out Solution ตัวเท่ามดติดอยู่บนประตูกระจก เอาวะ ห้องนี้แหละ พอจะดึงประตูเปิด ดันดึงไม่ออกอีกแหนะ แง่มม

พี่ผู้หญิงในห้องคงสมเพชเวทนา เลยเดินออกมาเลื่อนประตูให้ เขิลเลยตู ดึงตั้งนาน 5555

เข้าไปทำความรู้จักพี่ลี่ที่เปิดประตูให้ น้องออยปี 2 (ไม่ใช่เด็กฝึกงาน มาช่วยงาน แต่ดูมีงานทำมากกว่าเด็กฝึกงานแบบเรา 555) และพี่ต้องซึ่งเป็นผู้ชายคนเดียวในขณะนั้น


พี่ต้องพาไปสำรวจชั้น 5 ว่ามีอะไรน่าสนใจบ้าง เช่น สำนักวางแผนพัฒนาธุรกิจอะไรซักอย่าง จำชื่อไม่ได้ 555 แต่มันน่าสนใจตรงที่หากเราอยากจะ start up อะไรซักอย่าง เราก็เขียนแผนธุรกิจไปให้ที่นี่ช่วยดูช่วยปรับปรุง ก่อนจะขอเช่าห้องในตึกเค้า แสดงว่าการเช่าตึกที่นี่ได้ ไม่ใช่ธรรมดาเลยนะเนี่ย

จากนั้นก็พาไปดูสำนักอะไรซักอย่าง (จำชื่อไม่ได้อีกแระ) เป็นที่ที่อาจารย์ทั้งหลายจะมาจดสูติบัตรกัน ทรัพย์สินทางปัญญาว่างั้นเถอะ แล้วก็พาไปดูบริษัทของรุ่นพี่ในตำนาน จากที่เคยได้ยินชื่อ ก็ได้เจอตัวจริงกันล่ะคราวนี้

บริษัทชื่อ Mind Innovation ได้เช่า 2 ห้องเลย ห้องนึงเป็นสำนักงาน อีกห้องนึงเอาไว้ประกอบหุ่น 5555 งานของพี่ๆเค้าน่าสนใจมากๆ คือทำอาวุธให้ทหารเอาไว้ซ้อมรบ จากที่ใช้กระสุนจริงก็เปลี่ยนเป็นสัญญาณไวร์เลสแทน แล้วก็มีตู้หยอดตังค์แล้วรหัสเข้า wifi ก็จะออกมาให้เอาไปใช้กันได้ ตัวนึงเป็นแสน เห็นในห้องนั้นก็หลายสิบตัวแล้วนะ


แต่นั่นไม่ใช่ที่ฝึกงานของเรา กลับมาดีกว่า

Facility นี่น่าสนใจคือ ไมโครเวฟ และ ตู้เย็น  แค่สองสิ่งนี้ก็กันตายได้แล้ว TwT นอกจากนี้ยังมีตู้กดน้ำในห้อง และมีห้องสัมนาข้างๆครัวเอาไว้นั่งเล่นด้วย (แต่คาดว่าคงไม่ได้เข้าไปใช้)

จากนั้นก็กลับเข้ามาในห้อง พี่เค้าก็เริ่มซักประวัติว่าเคยทำอะไรมามั่ง พอพี่เค้ารู้ว่าเราไม่เคยมีโปรเจ็กเป็นชิ้นเป็นอันก็จัดการ assume ว่าหนูเป็นแก้วอันแสนว่างเปล่า แล้วก็เริ่มสอนงานทันที

พี่ต้องวาดแผนภาพขึ้นมาให้เห็นว่าบริษัทนึงต้องการคนประเภทไหนบ้าง พอดีกับที่กำลังอ่านบทความนี้ก็เลยทำความเข้าใจไม่ยาก แต่ติด stunt ตอบคำถามพี่เค้าไม่ได้เยอะอยู่เหมือนกัน เง้อออ แล้วพี่ต้องก็พาสำรวจ Data Center ของ Google อธิบายให้ฟังว่าเพราะ Google มันเป็นเจ้าแรกและใหญ่มวากเลยต้องออกแบบระบบเอง  พี่ก็เปิดบทสัมภาษณ์ของคุณ peerapong ซึ่งก็เคยได้ยินข่าวคราวบ้างแต่ไม่ได้เจาะลึกเท่าไหร่ ประมาณว่าพี่เค้าเปิดให้เราดูเป็นแรงบันดาลใจ

จากนั้นก็ถึงเวลาสำคัญ พี่เค้าให้เลือกว่าจะเขียนเว็บ หรือเขียน win app สำหรับ WP 8 ประมาณว่า ถ้าเขียนเว็บ พี่เค้าสอนได้ แต่ถ้า win app เราต้องไปด้วยกัน o_O จริงๆสนใจ win app มาก แต่เหตุผลที่เลือกที่นี่แต่แรกก็เพราะอยากเขียนเว็บเก่งๆ (นอกเหนือไปจากมันอยู่ใกล้มากๆอะนะ) ก็เลยขอทำเว็บก่อน ถ้าเวลาเหลือค่อยว่ากัน 5555

ว่าแต่...มันจะเหลือหรอฟะ???

จากนั้นพี่เค้าก็ให้เราไปศึกษา HTML ไปก่อน ยังไม่ได้ให้งานมาเลย ซึ่งก็ไม่รู้ว่าเป็นเพราะพี่เลี้ยงตัวจริงไม่ได้เข้ามาวันนี้ หรือเป็นเพราะว่าเรากากกันแน่ TwT (สงสัยจะอย่างหลัง) ให้เวลาศึกษา 2 วันน่าจะยังไม่รวมกับ CSS อีก สรุปว่าทั้งบ่ายก็หมดไปกับ HTML นั่นแหละ จะ knock แหล่ มิ knock แหล่ เพราะเมื่อคืนนอนไม่หลับเลย อาศัยหูฟังที่รักฟังเพลงแก้ง่วง

มื้อเที่ยง: บาร์ใหม่กว่าน่ะสิ ถามได้ เดินออกไปกลายเป็นผัดเผ็ดแดดเดียวเลยง่ะ

ตอนบ่าย พี่บ่วงเจ้าของบริษัทที่ได้ไปเยี่ยมชมแล้วข้างต้นก็มาลัลล้าในห้อง ทุกคนเตือนข้าพเจ้าว่าให้ระวังพี่คนนี้เอาไว้ คือพี่เค้าฮาและเกรียนแตกมาก แต่ถึงกระนั้นก็ให้คำแนะนำที่ดีมากๆ เช่น ถามเกรด เกรดเราอย่างน้อยเลยไม่อยากพูด แต่พี่เค้าจบ 7 ปี เกรดเฉลี่ย 1.996 เลยโดนปัดเป็น 2.00 รับปริญญาได้   พี่เค้าบอกว่าเกรดไม่สำคัญหรอก หาตัวเองให้เจอ จะได้ทำงานในสิ่งที่ตัวเองชอบ ไม่ซังกะตายไปวันๆ

สรุปๆ ก็ประมาณนั้นแหละ :D

ปล. โอ๊ยยย สำคัญมาก ลืมได้ไงเนี่ย
1. พี่ยอมเปลี่ยนจากฝึกงานวันละ 7 ชม. เป็น 8 ชม. เราจะได้ไม่ต้องขาดเรียนอาทิตย์แรก ในทางปฏิบัติออฟฟิศปิดตั้ง 2 ทุ่ม อยู่ทำ OT ยังได้เลย
2. บริษัทนี้มีอาชีพเสริมคือขายสมุนไพรความงามและเลือดจระเข้แคปซูล สนใจติดต่อได้นะ

555555555555555