30 พฤษภาคม 2555

Internship, DAY 26-28

วันที่ 26 - หยุดงาน ไข้แด๊ก งดเขียนบล็อก

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


มันก็โอเคอะนะ แต่ธีมเว็บมันสีเรียบๆ โทนเทา-ส้ม แต่โลโก้สีสดใสมว๊ากกก ตัดกับเว็บอย่างแรง เลยโดนจับเปลี่ยนใหม่ แล้วก็เรื่องโค้ด Copy To Clipboard ที่พี่สั่งไปตั้งแต่วันพฤหัสฯที่แล้วก่อนจะป่วย แต่ดันลืมไปซะได้

ก็ไปนั่งคุ้ยโค้ดใน google ก็เจอโค้ดตัวอย่างดีๆมากมาย แต่ไม่ค่อยตรงสเป็กเท่าไหร่ เพราะมักจะเป็นการ copy ค่าจากใน textbox ซึ่งเราต้องการให้กดปุ่มแล้ว copy ค่าที่เราสร้างขึ้นมาเอง เลยค่อนข้างงงเรื่องการเรียกใช้ตัวแปร เพราะจนแล้วจนรอดก็ยังไม่สามารถเขียน javascript ได้เอง เศร้า ก็พยายามหาวิธีไปเรื่อยๆจนกระทั่งหมดเวลา

ปล.เสียเวลากับ photoshop นานมากกกกกกกก


วันที่ 28 - ตั้งสติ เจอของดีเข้าให้ ใช้ง่ายเว่อๆจนน่าตื่นตะลึง แล้วก็ทำโลโก้ใหม่ จัด layout ให้เข้าที่เข้าทาง แล้วพี่ต้นก็ให้อัพขึ้น server ขั้นตอนนี้งงมาก เพราะตอนแรกเข้าใจผิดคิดว่าให้ติดต่อ Database จาก server ก็เลยไปปรึกษาแมวซะยกใหญ่ สรุปคือเบลอเอง ก็ติดต่อแบบปกตินั่นแหละ แต่การติดต่อ Database พิลึกกึกกือมาก เพราะนอกจากเข้าผ่านเว็บ xxx.com/phpmyadmin แล้ว ไม่สามารถติดต่อได้โดยช่องทางอื่นเลย เข้า server ทาง FTP ก็ต้องระบุ port เป็น 2121 อีก

มึนค่ะมึน

สุดท้ายก็ทำอะไรไม่ได้ นั่งลัลล้าบ้าง เช็คบั๊กบ้าง อะไรบ้าง จนกระทั่งพี่ต้องบอกว่าที่เราติดต่อ Database ไม่ได้เพราะพี่แกเล่นกำหนด permission เป็น IP เลย โหดมาก พอหลังจากติดต่อได้แล้ว ก็เจอน้องบั๊กกระจายเลยจ้า บางทีดึง DB จากเครื่องกับอัพขึ้นเว็บมันก็ทำงานต่างกันแล้วนะ เราก็แก้โค้ดไปเรื่อยๆ ลืมทำนู่นนี่ก็ต้องทำ ใส่เพิ่ม อุดช่องโหว่

แล้วก็เรื่อง css ยังไม่ค่อยเรียบร้อยเท่าไหร่นัก แต่หลักๆก็เรียบร้อยดีแล้ว เหลือแต่รอพี่ต้อง อาจจะสั่ง feature เพิ่ม


ลองเข้าไปดูได้เลยจ้า

http://www.thaipostcode.com/

เว็บทำเอง ขึ้นออนไลน์ เว็บแรกในชีวิต 5555



ปล.หนนี้ต้องจัดระเบียบการวางไฟล์ยกใหญ่ การติดต่อ Database ก็ต้องแยกมาเป็นไฟล์เดียวแล้ว include เอา เพราะงานนี้แก้บ่อยมาก เดี๋ยวก็อัพขึ้นเซิร์ฟเวอร์มั้ง เดี๋ยวก็ติดต่อ DB ตัวเองมั่ง แล้วก็จัดพวกไฟล์ .css .js ให้อยู่ในโฟลเดอร์ที่ควรจะอยู่ แล้วก็อดีตไฟล์ test ทั้งหลายบวกกับของเก่าๆที่ไม่ใช่แล้วก็ต้องลบทิ้งให้หมด จะได้ไม่มึน

เว็บเล็กๆ แต่ใช้ไฟล์เยอะเหมือนกันนะเนี่ย

24 พฤษภาคม 2555

Internship, DAY 25

ป่วยอีก 1 วัน วู้ววว แม้ตอนพิมพ์อยู่ก็ยังรู้สึกไม่ค่อยดี แต่นิดๆหน่อยๆเองมั้ง ป่วยหนักกว่านี้ยังต้องไปสอบเลย TwT

ช่วงเช้า เราได้ทำการเอาโค้ดท่าเก่ากับโค้ดท่าใหม่ของเรามารวมร่างเป็นหนึ่งเดียว ต้องใจเย็นๆในการทำ เพราะตอนแรกนึกไม่ค่อยออกว่าจะรวมร่างมันยังไง ใช้ฟังก์ชั่น strpos() ใน php เพื่อเช็คว่ามี 'ต.','อ.','จ.' อยู่ใน input ที่เรารับมารึเปล่า แต่สมมติว่าถ้ามี 'ต.' อยู่ใน input ของเรา มันจะ return ตำแหน่งว่าไปอยู่ตรงตัวอักษรที่เท่าไหร่ของ input ไอ 'ต.' เนี่ยก็จะอยู่ตำแหน่งที่ 0 ส่วนถ้าหาไม่เจอเลยมันจะ return เป็น false

แล้ว 0 กับ false ใน php มันมีความหมายเดียวกัน...

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

เอาให้พี่ต้องดู ตรงตามที่พี่เค้าต้องการเด้ะ มีท่ายาก search อำเภอก่อนตำบลไรงี้ก็ได้ด้วย แม้ว่าเราจะเจอบั๊กตัวเบอเร่อ แต่พี่ต้องเค้าต้องการแค่นี้ งั้นก็ไว้แค่นี้ก่อนละกัน ><

งานใหม่คือ ทำเว็บให้มันสดใสหน่อย ลดความเข้มพื้นหลังลง ทำโลโก้ให้สดใส เปลี่ยนนู่นเปลี่ยนนี่ ใส่ตารางให้หน้า search ตำบลของเก่า ตอนแรกพื้นหลังตั้งใจจะใช้ opacity ทำให้ซีดลง ปรากฎว่ามันซีดไปทั้งเว็บเลยครับพี่น้อง content ทั้งหมดโดนอิทธิผลของ opacity ครอบงำยังกะเว็บค้าง พอ google ดูพบว่ามันเป็นปัญหาระดับโลกเลยทีเดียว แล้วพอลองมาเทียบๆดูแล้ว opacity ทำให้พื้นหลังสีเข้มกว่าเดิมอีกต่างหาก

ตูใช้ photoshop ก็ได้ฟ่ะ = ="

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

ถึงขณะนี้ก็เริ่มหมดสภาพ เสื้อกันหนาวก็ไม่มี หายใจก็ไม่ออก ไม่ได้หนาวมาก แต่รู้สึกแย่สุดๆ ก็เลยหาอะไรโง่ๆทำ เช่น เปลี่ยนสีที่เรืองแสง textbox และสีปุ่มกดค้นหา 555 สีปุ่มกดแก้ไม่ยาก แค่เปลี่ยน class ตามที่ bootstrap ให้มา แต่เปลี่ยนสี focus ใน textbox ก็วุ่นๆนิดหน่อย แต่ก็แก้จนได้ล่ะนะ

ส่วนโลโก้ ปิ๊งไอเดีย ทำ-ลายธงชาติแม่งเลย (ต้องเขียนแยก เดี๋ยวมีคนเข้าใจผิด 555) เป็นไทยสุดๆ กล่องไปรษณงไปรษณีย์อะไร ขี้เกียจ เคยหาแล้ว หาดีๆเวิร์กๆไม่เจอ ไม่ photoshop ใหม่แล้ว ขี้เกียจ (แต่ถ้าพี่เค้า require มา ก็ต้องหาล่ะนะ)


ถ้าเว็บสมบูรณ์เมื่อไหร่ ได้อัพขึ้นเว็บแน่นอน แล้วจะเอาลิ้งมาให้ยล

Internship, DAY 24

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

จัด CSS ให้ดูโอเคขึ้นนิดหน่อย ตัวอักษรดูจะ expand มากไป ตอนนี้ดีขึ้นล่ะ แล้วก็ทำลิ้ง คลิกโชว์ตำบล บลาๆ เรียบร้อย ให้พี่ต้องดู

ได้งานเพิ่มเลย ก็คือ autocomplete เจ้าเก่า ทำให้มันฉลาดขึ้น หลังจากคุยกับทั้งพี่ต้องและพี่ต้นแล้ว พี่เค้าอยากได้ autocomplete เวอชั่นโหดสัด คือใส่มาเป็น ต.xxx อ.yyy จ.zzz 00000 ได้เลย เวลา autocomplete ขึ้นมาก็เด้งมาให้ชนิดที่ว่าก๊อปแปะส่งไปรษณีย์ได้เลยทีเดียว

ตอนแรกหนูออกแบบไว้แบบนั้น แต่พี่ไม่เอาเองนะ TwT

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

เริ่มเขียน query แบบที่พี่ว่ามา ตอนแรกเราใช้วิธีต่อ string โง่ๆ ดักเอา split คำเอา ก็ใช้ได้แบบโง่ๆสมกับวิธีทำของมัน เป็น autocomplete แบบที่ต้องพิมพ์เริ่มต้นด้วยตำบลเท่านั้น พิมพ์อย่างอื่นขึ้นก่อน ม่องงงง

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


        $sql = "select concat('ต.', TUMBON, ' อ.', AMPHUR, ' จ.', PROVINCE) AS FIELD
            from post_code
            WHERE concat('ต.', TUMBON, ' อ.', AMPHUR, ' จ.', PROVINCE) like '%{$input}%'
            order by TUMBON, AMPHUR, PROVINCE
            limit 0,10";


ขนาดว่ารันได้สมบูรณ์งดงามตามที่พี่ต้องการ เรายังนั่งเอ๋ออยู่เลย 555 แล้วพี่ต้องก็แนะนำโปรแกรม เอาไว้เทสต์ดาต้าเบสแบบง่ายๆ ไม่ต้องมานั่งสร้างไฟล์เองอีกให้รกคอม

แล้วก็เผ่น

ปล.เขียนย้อนหลัง นับถึงวันที่เขียนบล็อกก็ม่องมา 2 วันแล้วจ้า
ปล2. แม้ว่าจะป่วย แต่หลังเลิกงาน ก็ถ่อไปกินเนื้อที่โคขุนปาร์คกับชาวแก๊งจ้าา

Internship, DAY 23

วันนี้เข้างานสายโด่งมาก เพราะขอไปทำธุรกรรมการเงินนิดหน่อย (แต่จริงๆก็แอบตื่นสายด้วยแหละ อะฮิๆ)

ตอนเช้าก็ไม่มีอะไรมาก ทำตาม Requirement ที่ได้มาตั้งแต่เมื่อวาน งานหลักๆก็เรียบร้อย แต่ CSS ยังไม่น่าพอใจ พอถึงเวลากินข้าวเที่ยง พี่ต้องก็เตือนว่าวันนี้เป็นเวรเราดูคอมนะจ้ะ

วันนี้แดดแรงมากเป็นประวัติการณ์ กลับเข้าตึกมาหน้ามืดเลยอะ TwT

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

ตื่นเต้นเหมือนกัน ได้เป็นช่างซ่อมคอม ได้แผล ดมฝุ่น ปรากฎว่าคืนนั้นไข้แดร๊ก แล้วก็ยังคงแดร๊กอยู่ในตอนที่พิมพ์อยู่เนี่ย

พอทำงานเสร็จตามที่ได้รับมอบหมายไปเมื่อวาน พี่ต้องก็บอกว่ากดลิ้งอำเภอต้องแสดงตำบลด้วยนะเออ

แล้วก็เผ่น...

22 พฤษภาคม 2555

Internship, DAY 22 [Google Student Ambassador]

วันนี้มาจากบ้าน แต่ดันมาถึงเร็วกว่าทุกวัน ได้ตื่นเช้า กินข้าวเช้าที่บ้าน สุขใจแบบสุดๆ

กับข้าวที่บ้านเนี่ย มันคือที่สุดแห่งอาหารจริงๆ อิ่มจังตังค์อยู่ครบ นั่นคือสาเหตุที่ไม่ยอมอยู่หอตั้งแต่ปี 1 ทั้งที่พ่อก็บอกให้อยู่ ก็เพราะอยากกินข้าวบ้านเนี่ยแหละ เรียนเสร็จรีบกลับบ้านไปกินข้าว อยู่บ้านสุขอุราจนผลการเรียนดิ่งลงนรก 555

เข้าเรื่องๆ วันนี้ก็เริ่มใช้เจ้า Bootstrap ให้เกิดประโยชน์ ใช้ตาราง และ form submit จาก Bootstrap ให้เกิดประโยชน์ เพิ่มขนาดฟ้อน จัดนู่น แต่งนี่ ทำ Logo เว็บกากๆด้วย Photoshop แบบกากๆ แต่เน้นให้เรียบๆ เพราะหวือหวากว่านี้ไม่มีปัญญา จัดไป ตบไป

บั๊กที่เจอก็คือ ถ้าเราไม่พิมพ์อะไรลงใน textbox แล้วกดค้นหาเลย มันจะไม่ขึ้นอะไรเลย เขียนโค้ดดักใน php แล้ว มันก็ไม่ยอมขึ้นให้ ไม่รู้ทำไม ไม่พิมพ์อะไรลงไปก็ pass มาเป็น null ไม่ใช่หรอ แต่พอลองดักเป็นคำอื่นๆที่ไม่ null ก็ดักได้ เวรเอ๋ยเวรกรรม

พอจัดไปได้ซักพัก ก็เล่น twitter พี่บิ๊ว tweet ประมาณว่าได้เมล์ Congrat จาก Google Student Ambassador แล้ว

ตูไม่ได้ เอาล่ะไง

Hurt มาก TwT อกหักสุดๆ ไม่เป็นอันทำงาน อดแล้วตู แล้วเพ่ส่งเมล์มาให้หนูกรอกตอนนั้นทำไม ตีอกชกหัว โวยวายสารพัด 5555

แล้วก็ไปกินข้าว กลับมา เพื่อนแนะนำให้ส่งเมล์ไปถามว่าเรากรอก Date of Graduation ถูกรึเปล่า เผลอกรอกเป็น 2012 ชิบลอสแน่ๆ ก็เลยส่งเมล์ไปถาม พอกดส่งปุ๊บ

เมล์ Congrat เด้งมาปั๊บ สาดดดดดดดดดดดดดดดดดดดด

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

พี่ต้องบอกให้เอา Highlight-Autocomplete ออก...

อยากจะเอาหัวโขกคีย์บอร์ดตาย พี่รู้ไหมว่าหนูติดบั๊กมันมากี่ทศวรรษ TwT

พี่ต้องบอกให้เปลี่ยนสี Highlight ผลการค้นหา ให้สรุปผลการค้นหาอยู่ในบรรทัดเดียว ให้เปลี่ยน Logo ใหม่ ใช้ชื่อ website เป็นโลโก้แทน ใช้ font เรียบๆด้วย (ตอนแรกใช้ภาษาไทย font โหลดจาก f0nt.com มาอย่างอินดี้เลย) นอกนั้นก็ปรับธีมนิดหน่อยตามความเหมาะสม

โล่งใจจริงจัง ธีมไม่ต้องแก้อะไรแล้ว เย่ๆ

พี่ต้องเลยมีงานใหม่มาให้ทำ ก็คือเว็บเดิมแหละ แต่เพิ่มหน้าที่แสดงอำเภอทั้งหมด เรียงตามจังหวัดลงไป google จะได้หาเจอง่ายๆ rank จะได้เพิ่ม

query ตาม requirement ปุ๊บ ยังไม่แก้ CSS ใดๆ ก็เผ่นกลับก่อน


เพราะหิวมาก หิวเร็วสุดๆ กระเพาะครากรึไงเนี่ย = ="

Internship, DAY 20-21

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

รวมไว้บล็อกเดียวละกัน เนื่องจาก 2 วันนี้งานก็คล้ายๆเดิมไม่มีไรมาก


วันที่ 20

แก้บั๊ก onmouseout ไวกว่าที่คิด เนื่องจากผิดแค่ 1 วรรค ย้ำ! 1 เคาะ space bar เนี่ยแหละที่ทำให้ IE กับเบราเซอร์อื่นๆแสดงผลไม่เหมือนกัน จากนั้นก็ เอ่อ...อะไรหว่า เราได้ทำอะไรไปบ้างเนี่ย

เหมือนตอนนั้นรู้สึกว่า ไม่มีบั๊กแล้วเว่ยเห้ย~ ทำตัวชิว กดทราเวียน เล่นเฟส พี่ต้องมองแล้วมองอีกก็ไม่เปลี่ยนหน้ากลับ เลวมาก 5555 แต่สุดท้ายก็โดนให้เปลี่ยนธีมเว็บอันแสนมืดมนออก ซึ่งก็ใช้เวลาเลือกนานมากกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกกก...

(นานจริงๆนะ เชื่อเค้าเหอะ)

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


< ! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >< html xmlns="http://www.w3.org/1999/xhtml ">


แปะไว้บรรทัดแรกของโค้ดหลักก็จบล่ะ เพียงเท่านี้ IE ก็จะแสดงผลเหมือนชาวบ้านชาวช่องมากขึ้น

จากนั้นก็จัดการเปลี่ยนธีม ได้เว็บนี้ช่วยเหลือดีมาก

สุดท้ายตารางก็ต้องเปลี่ยนเป็นรอบ 3 ให้เข้ากับธีมอยู่ดี Orz



วันที่ 21

เริ่มได้ธีมที่ถูกใจ จัดการแปลงโฉมเว็บ ตบๆให้มันเข้าที่เข้าทาง เปลี่ยน class id บลาๆ

เนื่องจากวันนี้มีงานอื่นด้วยก็คือ ghost เครื่องเพิ่ม ขั้นตอนก็ next next แล้วก็ next 5555 โดยใช้ Hiren เป็นตัวจัดการ

ได้เจอเครื่องที่ RAM มีปัญหาด้วย เวลาเปิดเครื่องมันจะแหกปากร้อง ตื๊ด ตื๊ด ตื๊ด เป็นจังหวะ วิธีการแก้คือ เอายางลบ ลบตรงส่วนทองแดง กำจัดออกไซด์ และจัดการขี้ฝุ่นเก่าๆไปในตัว

ระหว่างรอ ghost ซึ่งก็ใช้เวลานานอยู่ ก็ค่อนข้างเหลวไหล ไร้สาระ

จากนั้นก็ตระหนักได้ว่า เราคงไม่มีปัญญาออกแบบตารางให้สวยเองได้แน่ รวมไปถึงส่วนอื่นๆด้วย บอลก็แนะนำเจ้า Bootstrap มาให้ จริงๆมังกรก็เคยแนะนำมาแล้ว แต่ตอนนั้นไม่คิดว่าจะโดนเปลี่ยนให้ทำธีมใหม่ยกเครื่องแบบเน้ TwT ก็เลยศึกษาไปพลางๆ



...แล้วก็เผ่นกลับก่อน ช่วงนี้เผ่นกลับค่อนข้างไว เพราะหิวมาก กระเพาะจะทะลุเอาทุกวัน


ปล.วันไหนซักวันจำไม่ได้แล้ว พี่ต้องให้เพิ่มจำนวนรายการที่ค้นหาเข้าไปด้วย ตอนแรกตั้งใจจะใช้ SQL ไปๆมาๆพี่ต้องพิมพ์โค้ดให้เฉยเลย ใช้วิธีวนลูปนับเอานี่แหละ = ="

17 พฤษภาคม 2555

Internship, DAY 19

วันนี้งานเริ่มเข้าที่เข้าทางขึ้น เย่ๆ ^w^

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

หนนี้พอโยนค่าตัวแปรได้ ก็ติดบั๊กนิดหน่อย แต่ใช้เวลาหานานมาก ด้วยความโก๊ะส่วนบุคคล และที่น่าดีใจสุดๆคือการแสดงผลบน IE เจอปัญหาน้อยที่สุดเท่าที่เคยทำมาแล้ว โล่งใจจริง

บั๊กแรก CSS แสดงผลเพี้ยน ก่อนจะกดลิ้ง แสดงปกติ พอกดลิ้งเท่านั้นแหละ ไอก้อนทางขวามือควายๆ ดันมาแทรก result ที่ได้หลังจากโยนค่าไป เวรกรรม = =" กล่าวคือการแสดงผลมีสองส่วน คือข้อความ และตาราง ข้อความแสดงผลปกติ แต่เจ้า 77 ลิ้งกับ Footer ดันมาแทรกอยู่ใน div ส่วน result เฉยเลย Footer จากที่เต็มจอก็หดเหลือนิดเดียว แถมตารางยังลงไปอยู่ล่างสุดอีก เวรกรรม

ถึงขนาดนั่งไล่ div ใหม่หมดเลย เอาไปเรียงให้สวยงาม แต่ก็ยังไม่เจอบั๊ก ดูส่วนแสดงผลใน .php ก็ไม่น่ามีปัญหาอะไร แต่จริงๆปัญหามันอยู่ในไฟล์นั้นนั่นแหละ ด้วยความที่นอนใจว่างานๆเก่ามันก็แสดงผลได้ถูกต้อง แต่การ include ไฟล์ .php เข้ามานั้นเป็นสิ่งที่เราไม่เคยทำ การพิมพ์ ตกไปแค่นิดเดียว ทำให้การแสดงผลเพี้ยนไปมาก และกว่าเราจะหาเจอก็ใช้เวลาทั้งบ่าย!

บั๊กสอง IE โยนค่าจากลิ้งไปหาตัว query ตารางเพี้ยนแค่เฉพาะตัว "ภ" ทำให้จังหวัดที่มีตัว "ภ" บึ้มกลายเป็นโกโก้ครั๊นซ์ แต่จาก Autocomplete กับทำได้แฮะ ตอนนั้นเริ่มขี้เกียจคิด ขอให้พี่ต้องช่วยเลย 555 พี่ต้องก็ใช้มุกเดิมคือ urlencode() ส่งค่าไป ตอนแรกกะว่าจะดักเฉพาะตัวที่บึ้ม แต่วิธีพี่ต้องได้ผลแฮะ

เหลือแค่เรื่องบั๊ก onmouseout บน IE ที่ไม่ยอมทำงาน

วันนี้ได้ ghost เครื่องแล้ว เนื่องจากคราวก่อนลงวินโดว์มีปัญหาเลยต้องลงใหม่ จึงได้ ghost วันนี้แทน ขั้นตอนซับซ้อนเหมือนกัน


จำวิธีไม่ได้แล้ว 5555


15 พฤษภาคม 2555

Internship, DAY 18

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

ไปถึงก็สายโด่ง ทุกคนทำงานกันหมดแล้ว เราก็เปิดคอม กดทราเวียน เย้ยย เออนั่นแหละ แต่เค้าก็ทำงานด้วยนะ เริ่มจากหาโค้ดแสดงผลใน div ใหม่ (ก็คือ ajaxpage ตัวใหม่นั่นแหละ) ก็ได้จากเว็บใกล้ตัวอย่าง w3school โค้ดเข้าใจง่ายขึ้น แต่เอาไปใช้ยากขึ้นหน่อย

ลองเอาโค้ดไปเทสต์กับ Database ตัวเอง พบว่าต้องแปลง input ในฟังก์ชั่นของ Javascript ด้วย encodeURI() ก่อน ถึงจะเวิร์ก

จากการส่งค่าแบบธรรมดาอย่างนี้

xmlhttp.open("GET","getuser.php?q="+str,true);

ก็เปลี่ยนใหม่เป็นแบบนี้

xmlhttp.open("GET","getuser.php?q="+encodeURI(str),true);

และต้องแก้โค้ดที่ query Link 77 จังหวัดเสียใหม่ งมอยู่พอสมควร เพราะโค้ดเก่ามันเป็น Dropdown List แต่เราต้องการให้มันเป็น Link โง่ๆ ก็ได้ความช่วยเหลือจากเว็บนี้ จึงทำให้การเทสต์เบื้องต้นของเราสำเร็จ แก้แค่ตรง echo ใน Loop ก็จบ

echo ' < li class="list" >< a class="linklist" href="#" value="'.$p.'" onclick="showUser( this.value )" >'.$p.'< /a >< /li > ';

และพบความจริงที่แทบอยากจะร้องไห้

โค้ดนี้ส่งค่าให้ไฟล์ที่ query ตารางถูกเฉพาะ IE เท่านั้น นอกนั้นบึ้ม!

สรุปก็คือ โค้ดคราวก่อนใช้ได้ทุกตัวยกเว้น IE พอมาทำวันนี้ได้เฉพาะ IE ตัวอื่นใช้ไม่ได้ เจริญ!

ตอนนั้นกำลังหาทางรวมร่างโค้ดอยู่ ทั้งๆที่รู้ว่ามันบั๊กนั่นแหละ แต่ว่ามึนหัวมากเลย แถมพี่ต้องเรียกไปดูบั๊กที่ลง Driver ไปตั้งแต่เมื่อวาน ดูไปดูมา พี่ต้องบอกว่า เดี๋ยวพี่ดูเอง เหอๆๆๆ หนูขอโต๊ดดด แต่มันไม่รู้จะทำไงจริงๆอ๊ะ

พี่ต้องมาดูความคืบหน้างาน และบอกว่า ให้ทำแบบธรรมดา include ไฟล์ php มาแบบโง่ๆเลย คือบางส่วนหนูนึกออกอะค่ะ แต่บางส่วนก็นึกไม่เอาว่าทำไง ก็เลยใช้ ajax ปนด้วย พี่เค้าเห็นบั๊กบานเบอะของเราแล้วพูดว่า

เดี๋ยวโปรเจ็กจะเสร็จไม่ทันนะ

พอได้ยินคำว่าโปรเจ็กปุ๊บ เริ่มรู้สึกแปลกๆ รู้สึกว่าไองานที่นั่งทำอยู่นี่มันชักจะไม่ใช่ของเล่นแฮะ

แล้วที่ผ่านมา เราทำอะไรลงไปเนี่ย????

Internship, DAY 17

คำเตือน: บล็อกตอนนี้ยาวมาก

วันนี้มาจากบ้าน แทนที่จะมาจากหอ แถมกะเวลาพลาด เพราะนอกจากจะเป็นวันเปิดเทอมของเด็กมัธยมวันแรกแล้ว ยังเป็นวันสอบสัมภาษณ์ของเด็กปี 1 อีกต่างหาก ไปถึงออฟฟิศ 10 โมงครึ่ง เข้าไปถึง...

ไม่มีใครด่าซักกะคน 5555

วันนี้อารมณ์ดีขึ้นหน่อย เพราะไม่ได้จมอยู่แต่กับโค้ดแล้ว มีคอมพิวเตอร์เก่าๆโผล่มาจากไหนก็ไม่รู้เป็น 10 เครื่อง เหมือนจะเคยเป็นคอมจากร้านเน็ตมาก่อน เพราะนอกจากคอมแล้ว ยังมีเก้าอี้ โต๊ะ โผล่มาในออฟฟิศเต็มไปหมด

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

สภาพเครื่องที่ต้องเอาตัวอ่าน CD จากเครื่องอื่นมาใช้แทน


ที่เหลือพี่เค้าบอกให้ Ghost เอาพรุ่งนี้ (เราตื่นเต้นมาก เพราะไม่เคยทำไรยังงี้มาก่อน แต่เพื่อนบอกว่า ก็แค่ บลาๆๆๆๆๆๆๆ จบกัน รู้สึกว่าตัวเองโง่มาก)

เพื่อนจัดการลง windows ซึ่งกินเวลา Format ยาวนานสามล้านปี เสร็จแล้วเราก็มานั่งลง Antivirus ต่อ พี่เค้าให้ใช้ของ avg ต้องลงตัวออฟไลน์ด้วยนะ ตอนแรกลงตัวออนไลน์ไป ไม่ได้ต่อสายแลน พี่เค้าไม่ยอมให้ต่อตอนที่ลงใหม่ๆ กลัวมีปัญหา ก็เลยต้องเอา avg ตัวออฟไลน์มาลงแทน แล้วก็ลงน้องแพนด้าด้วย

และก็ลง Nvidia Driver ซึ่งแผ่นที่พี่เค้ามีอยู่เดิมนั้นใช้บ่ได้ คนละรุ่นกัน เช็คใน DirectX Diagnostic Tools ก็ขึ้นว่า N/A ก็เลยต้องไปเช็คที่เลขรหัสไรซักอย่าง เนื่องจากโน้ตบุ๊กที่พิมพ์อยู่เป็น 7 เมนูอะไรหลายอย่างก็ต่างกัน ทำให้ลืมไปแล้วว่าเช็คยังไง เอาเป็นว่าได้รหัสก้อนควายๆมาเช็คได้ว่าการ์ดจอเรารุ่นอะไรกันแน่ แล้วก็โหลดจากเครื่องเราเนี่ยแหละ ก๊อปใส่ Flash Drive ไปลงเครื่องพี่เค้า ไอวิธีการเช็คแบบนั้นก็ถือเป็นความรู้ใหม่อย่างหนึ่ง

เสร็จแล้วก็ลง Driver ต่อ (จริงๆคิดว่าเพื่อนลงไปแล้ว ปรากฎว่ามันยังไม่ลง) เนื่องจากว่าต้องลง XP เนื่องจากสภาพเครื่องค่อนข้างเก่าพอควร ทำให้ต้องมาระลึกความหลังการลง Driver เรียงตามลำดับ โชคดีที่พี่ต้องม่โฟลเดอร์เรียงตามลำดับให้เรียบร้อย ฟิ่ว~~

แต่ยังเห็นเครื่องหมายต๊กกะใจสีเหลืองๆโผล่มาตรง Device Manager อยู่เลย ก็งงเหมือนกัน เพราะมันเป็นส่วน Audio และ Realtek ก็ใช้ได้ตามปกติแล้วด้วย อุตส่าห์เอาหูฟังอันเท่าบ้านมาเช็คเสียงให้เลยนะ พอดีพี่ต้องกลับไปแล้วตอนนั้น ก็เลยดองบั๊กไว้ก่อน Assume ว่าใช้ได้แล้ว


ส่วนระหว่างขั้นตอนการลงวินโดว์ ลงไดร์เวอร์อันแสนยาวนาน เราก็หนีไปเล่นทราเวียน เอ๊ย เออนั่นแหละ เล่นด้วยทำงานไปด้วย ทำ CSS ของตารางให้มัน fix ซักหน่อย แต่มันก็ fix ได้แค่ระดับนึง ยังขยับบ้างนิดหน่อย แต่ก็ดีกว่าตอนแรกที่ดูยืดขยายตามข้อมูลมากเกินไป พยายามหาวิธีจนขี้เกียจหาก็เลยค่อยๆไล่แกะบั๊ก Highlight Auto-Complete ทีละนิดอย่างใจเย็น (ใช้เวลาสงบสติอารมณ์กับบั๊กนานมาก สังเกตจากการโวยวายในบล็อกก่อนๆ) สุดท้ายก็ค้นพบว่า บั๊กมันอยู่ที่ไฟล์ที่ชื่อ reset.css ซึ่งสามารถหาโหลดได้ง่ายๆ มีไว้ reset CSS ให้เกลี้ยงเกลา จะได้เอาไปเขียนใหม่ต่อได้ง่ายๆ


โค้ดส่วนที่ต้องแก้ไขใน reset.css


  1. html, body, div, span, applet, object, iframe,
  2. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  3. a, abbr, acronym, address, big, cite, code,
  4. del, dfn, em, img, ins, kbd, q, s, samp,
  5. small, strike, strong, sub, sup, tt, var,
  6. center,
  7. dl, dt, dd, ol, ul, li,
  8. fieldset, form, label, legend,
  9. table, caption, tbody, tfoot, thead, tr, th, td,
  10. article, aside, canvas, details, embed,
  11. figure, figcaption, footer, header, hgroup,
  12. menu, nav, output, ruby, section, summary,
  13. time, mark, audio, video {
  14.     margin: 0;
  15.     padding: 0;
  16.     border: 0;
  17.     font-size: 100%;
  18.     font: inherit;
  19.     vertical-align: baseline;
  20. }



วิธีแก้ไขก็ไม่ยาก สังเกตเห็นว่าจะไม่มีประเภท b,i,u อยู่ในนั้น เพราะเราลบออกไปหมดแล้ว การที่ไปเซ็ตค่า b ใหม่ทำให้มันไม่ยอมแสดงตัวหนา เลยทำให้พาลไฮไลท์ไม่ได้ไปด้วย พอเอาออกแล้วก็ไฮไลท์ได้ทันที ดีใจน้ำตาร่วง เอาออกแค่นิดเดียวเอง นึกว่าโค้ดมันตีกันจนบึ้มไปแล้วซะอีก


script ที่ทำ Auto-Complete และทำให้มัน Highlight ได้ด้วย ใส่ไว้ในส่วน Header

ขอขอบคุณเว็บนี้ ที่ทำให้เราทำได้ จริงๆแยกกันก็ทำได้ พอรวมกันเจอ reset.css เข้าไป บึ้มเลย


  1. <script type="text/javascript">
  2.    
  3. $(function() {
  4.  
  5.             $( "#tags" ).autocomplete({
  6.                         source: "for_auto.php",
  7.                         minLength: 2,
  8.                         delay: 0
  9.             })
  10.             ;
  11. });
  12.  
  13. //makes jQuery autocomplete highlight properly
  14. //via http://stackoverflow.com/questions/3695184/jquery-autocomplete-highlighting
  15. $.ui.autocomplete.prototype._renderItem = function( ul, item){
  16. var term = this.term.split(' ').join('|');
  17. var re = new RegExp("(" + term + ")", "gi") ;
  18. var t = item.label.replace(re,"$1");             //$1
  19. return $( "
  20. )
  • .data( "item.autocomplete", item )
  • .append( "" + t + ")
  • .appendTo( ul );
  • };
  •  
  • function jQueryUIAutoCompleteMustMatch(input) {
  •             var found = 0;
  •            
  •             var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( jQuery.trim($(input).val()) ) + "$", "i" );
  •            
  •             jQuery.each($('.ui-autocomplete li'), function(i, val) {
  •                         if(jQuery.trim( $(val).text() ).match( matcher ) ) {
  •                                     found = 1;
  •                         }
  •             });
  •            
  •             if (found) {
  •                         return true;
  •             } else {
  •                         $(input).val('');
  •                         return false;
  •             }
  • }
  • script>



  • เสร็จแล้วก็จะได้ออกมาแบบนี้


    ให้พี่ต้องดู พี่ต้องบอกว่าไม่ค่อยชัด อยากให้ Highlight เป็นสีๆไปเลยมากกว่า ซึ่งลองแก้โค้ดเบื้องต้นแล้วไม่สามารถยัดความสามารถอื่นใดนอกจาก b,u,i ลงไปได้ ลองท่าอื่น Auto-Complete บึ้มทันที

    ส่วนบั๊ก IE ที่เคยพูดถึงในบล็อกคราวทีแล้ว พี่ต้องบอกว่าน่าจะเกิดจากเจ้า Ajaxpage นั่นแหละ ซึ่งเราว่า Ajaxpage อะ ไม่มีปัญหาหรอก เพราะมันก็แสดงส่วน linklist 77 จังหวัดได้สวยงาม

    IE ต่างหากที่มีปัญหา

    พี่เค้าบอกว่า...

    เขียนใหม่เถอะน้อง

    Orz



    13 พฤษภาคม 2555

    ประวัติน้ำหนักของข้าพเจ้า และ วิธีควบคุมน้ำหนักเบื้องต้น (แบบไม่รู้ตัว)

    ช่วงนี้ได้อ่านกระทู้เกี่ยวกับเรื่องอ้วนๆบ่อย เห็นหลายคนบ่นว่าอ้วน (ทั้งที่ตัวเองก็ไม่ได้อ้วนเล้ย) หรือการลดน้ำหนักขั้นเทพของหลายๆคน ก็โอเค มันก็ดีนะ แต่เราสงสัยไง สงสัยว่าตัวเองก็กินไม่ใช่น้อยๆนะ ทำไมมันผอมจังฟะ คือแบบ ถ้ากินน้อยๆซัก 2-3 วัน (เช่น กินข้าวแค่มื้อละจาน ไม่มีขนมอะไรเลย)

    น้ำหนักจะลงไปอย่างน้อย 1 กิโลแน่ๆ TwT

    มาดูประวัติน้ำหนักของข้าพเจ้าดีกว่า

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

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

    ม.ปลาย: น้ำหนักจะอยู่ที่ช่วง 46-48 กิโล ใส่เสื้อหลวมเหมือนเดิม ไม่มีใครดูออกอยู่ดี แต่ก็มีเพื่อนคนนึงอุตส่าห์ด่าว่าอ้วนประจำ แต่ก็ไม่สนใจนะ เพราะน้ำหนักกะส่วนสูงมันสัมพันธ์กันพอดี แล้วก็โตขึ้นด้วย น้ำหนักเยอะแต่กระดูกมันก็โตตาม ไม่เป็นไรหรอก ฮี่ๆ

    ตอนนั้นไม่รู้เลยว่า พอขึ้นมหา'ลัย มันจะยังผอมลงไปได้อีก อย่างไม่น่าเชื่อ o_O

    มหา'ลัย: ขึ้นมาปี 1 ก็ทำพิษเลยคับ เนื่องจากพฤติกรรมการกินมันเปลี่ยนอย่างรุนแรง ไปกินข้าวตามเพื่อน คนเยอะๆ สั่งเบิ้ลก็ไม่ค่อยได้ ไม่อยากให้เพื่อนรอ เสาร์อาทิตย์ไม่มีเรียนพิเศษอีกแล้ว ไม่ได้กินเล่นเหมือนเคย น้ำหนักลงไปอยู่ที่ 44 กิโลแบบงงๆ (เท่ากับตอนอยู่ ม.1 เลยอะ!) เอ่อ แสดงว่าที่เค้าด่าว่าอ้วนๆกันเนี่ย สงสัยจะจริงแฮะ 555

    ปล. น้ำหนักช่วง 45-47 กิโล จะไม่ค่อยมีคนเห็นความต่างเท่าไหร่ ฉะนั้นเลย prefer 47 กิโล 5555

    แต่หลังจากนั้นไม่นาน ก็เริ่มไปทัวร์กินกับเพื่อนๆ น้ำหนักก็กลับมาขึ้นเฉลี่ยอยู่ที่ 46-47 อะ แล้วก็กลับมาหนักโคตรๆ ตอนไปอเมริกา เนื่องจากโดนน้าสาวกับน้าเขยขุนเป็นอย่างดี กินหรู 3 มื้อ แต่ล่ะมื้อใหญ่มวากกกก ขึ้นมาหนัก 49 กิโล เกือบๆ 50 แหนะ

    อ่อ ไม่ต้องสงสัย ไม่เคยขึ้นถึง 50 อยู่แล้ว ได้แค่นี้แหละ

    แล้วน้ำหนักก็อยู่ในเกณฑ์เหมือนตอนอยู่ ม.ปลายพักนึง หนักสุดๆช่วงนั้นก็คือ 48.9 กิโล (ยังอุตส่าห์ .9 แต่มันเป็นงั้นจริงๆ) เคยชั่งน้ำหนักให้เพื่อนดู ดูเพื่อนๆจะไม่ค่อยเชื่อ คิดว่าเราหนัก 45 กัน กำ = =" ตั้งแต่อยู่มหา'ลัยมานี่แปลกมาก คือไม่ว่าจะหนักกี่โลคนก็จะทักว่าผอม = =a บางทีน้ำหนักขึ้นตั้งเยอะ ก็โดนทักว่าผอม เอ้อวว ทำตัวไม่ถูกนะฮับ

    หลายคนบ่นๆว่าอ้วนกัน จริงๆมันอาจจะแค่ไม่เฟิร์มเฉยๆรึเปล่า คือบางครั้งลดน้ำหนักก็ไม่ช่วยอะไรนะ อย่างเราน้ำหนักน้อยจะแย่ ยังรู้สึกว่าตัวเองมีส่วนเกินเลย ฮ่าๆ กล่าวคือ ไม่ค่อยได้ออกกำลัง กล้ามเนื้อมันเริ่่มย้วยแล้ว จะบ้าตาย

    แต่เรื่องออกกำลัง เก็บลงกรุไปก่อน เนื่องจากเจ้าของบล็อกเองก็ใช้วิธีแค่เดินไปเรียน = ออกกำลัง 555 ส่วนเรื่องสารอาหารที่กินไปในแต่ละมื้อ ต้องใช้วิจารณญาณพิจารณาในแต่ละคนด้วย เพราะเราเลือดค่อนข้างจางอะ มันต้องกินเสริมเยอะกว่าคนทั่วไปอยู่แล้ว และเป็นคนที่เผาพลาญดีมาก วันไหนอากาศร้อนๆอาบน้ำแค่เดินออกมาสองสามก้าว เหงื่อเต็มหลังแล้ว = ="



    ดูวิธีการควบคุมน้ำหนักแบบไม่รู้ตัวของข้าพเจ้ากันดีกว่า

    • ข้าว หรือพวกอาหารจำพวกแป้งสำคัญมาก ปกติเป็นคนกินข้าวน้อย อัตราส่วนข้าว:กับ นี่คือประมาณ 1:2 เลย เพราะแม่สอนมาดี แม่บอกว่า เข้าร้านอาหารให้กินกับเยอะๆ อย่ากินแต่ข้าว ไม่คุ้ม  (ตอนนั้นมีคนจ่ายให้) 555
    • อย่าตะกละ กินพออิ่ม หิวก็กิน กินไปเหอะ อยากกินอะไรก็กิน ให้อิ่มพอดี ถ้าไม่ใช่บุฟเฟต์อย่ายัด! (ถ้าบุฟเฟต์ก็อีกเรื่องนะ แต่อย่าไปกินบ่อยล่ะ) ถ้าอยู่บ้านใช้พลังงานน้อยๆ ก็จะกินน้อยมากจนแม่งง แต่ไม่รู้จะกินไปทำไมเยอะๆนี่นา ไม่ใช่บุฟเฟต์ซะหน่อย 555
    • รักษาสมดุล อันนี้ก็สำคัญ เช่น มื้อก่อน บุฟเฟต์ซะเต็มคราบ อีกมื้อก็ไม่ควรจัดหนักแล้ว ปกติเราจะอิ่มจนกินมื้อต่อไปไม่ไหวด้วยซ้ำ แต่ถ้าหิวจริงๆก็กินของเบาๆแทน เพราะถึงหิวยังไงก็รู้สึกอึดอัดอะ ต่อให้อาหารย่อยแล้ว แต่มันยังค้างอยู่ในลำไส้นะ o_O หรือถ้าวันไหนเผลอตัวกินพวกเครื่องดื่มแก้วใหญ่ๆอารมณ์ประมาณ Starbuck ก็ตีซะว่ามันเป็นข้าวจานนึงไปซะ หิวอีกทีค่อยกิน (แต่ปกติเผลอกินหลังอาหารตลอด ก็เลยอดมื้อถัดไปแทน ถ้าไม่หิวนะ ^^)
    • กินขนมน้อย ขนมจำพวกเบเกอรี่ เค้ก ทั้งหลายแหล่ ตัวดีเลย ที่ยกตัวอย่างเจ้าพวกนี้มาเพราะทั้งแป้ง ทั้งน้ำตาล เพียบ แต่ความจริงคือเราไม่ค่อยชอบกินต่างหาก 555 (ยกเว้นเค้กที่อร่อย เนื้อเนียนๆ อันนี้ชอบ แต่ไม่ได้คลั่งไคล้ เพื่อนชวนไปก็กิน ไม่มีคนชวนก็ไม่กินอะ แต่เบเกอรี่นี่ถ้ากินก็คือกินแทนข้าวเลย)
      ชอบกินช็อกโกแลต ไอติม มันฝรั่งทอดมากกว่า แต่มันฝรั่งนี่ก็พยายามลดอยู่ เพราะมีแต่สารก่อมะเร็งทั้งนั้น ตั้งแต่พยายามงดพวกมันฝรั่งทอด น้ำหนักลงมาที่ 45 กิโล และทุกวันนี้ก็ยังกู้ไม่ขึ้น แล้วก็ ขนมพวกนี้ กินแต่พองามนะ สมัยเด็กๆเรากินช็อกโกแลตแทนข้าวเลย สมัยนั้นบวมฉุตัวกลมเลยทีเดียว ดีว่าไวกำลังโต ไม่ค่อยมีคนว่ามาก
    • กินเผ็ด อาหารเผ็ดช่วยเผาพลาญดีนะ แต่นี่เป็นแค่ออปชั่นเล็กๆ สำหรับคนที่กินเผ็ดได้ ปกติกินเผ็ดได้ระดับนึง แต่หลังๆเป็นโรคกระเพาะ ก็เลยลดลงไปเยอะเลย น่าเสียดายอาหารเผ็ดๆเหมือนกัน

    คร่าวๆก็มีแค่นี้แหละ แต่เราค่อนข้างโชคดีตรงที่กรรมพันธุ์ไม่อ้วนมาตั้งแต่รุ่นยาย เผาพลาญดี น้ำหนักก็เลยไม่แกว่งมาก บวกกับที่บ้านทำกับข้าวกินเองด้วย ก็เลยได้กินแต่ของมีประโยชน์ ปลาผักเน้นๆ ความจริงอยากได้น้ำหนักเพิ่มนะ แต่ดูท่าทางคงต้องใช้วิธีออกกำลังกายแล้วอะ

    เห้อ~


    Internship, DAY 15-16

    ไม่มีอะไรจะพิมพ์มาก

    แค่อยากจะบอกว่า

    ตูไม่อยากแก้บั๊กแล้วโว้ยยยยยยยยยยย!!!!!!!!!

    มาฝึกงานทำให้รู้ว่า เราคงไม่เหมาะกับงานสายทำเว็บไซต์แน่ๆ เพราะปกติถ้าเจอบั๊ก ติดปัญหา เราะก็จะพยายามไปเรื่อยๆ มีไองานนี้นี่แหละที่ถอดใจจนแต้ม หนีไปเล่นทราเวียนล่ะเนี่ย

    คิดไว้ว่าเรามี content ในหัวก็ควรจะรู้จัก present มันด้วย แต่จริงๆ ที่ปัญหามันไม่จบซะทีเพราะเจ้า IE นี่แหละ อินดี้ชะมัด เบราเซอร์อื่นก็แสดงผลปกติ มีแต่มันเนี่ยยยย แสรดดดดดดด ชั้นจะไปใช้บริการชาวบ้าน ไม่ทำเว็บเองแล้วแม่มมมม Orz

    ขนาดให้พี่ต้องช่วยแล้ว อะไรก็แล้ว ยังไม่รอดเลยเจ้าค่ะ uninstall IE น่าจะเป็นตัวเลือกที่ดีที่สุด

    อ่อ แล้วก็ วันศุกร์หรรษา พี่ต้องไม่มาออฟฟิศ เหมือนจะมีธุระที่อื่น สรุปคือวันศุกร์นี่เหมือนย้ายที่เล่นคอมเฉยๆอะ มาทำไมวะเนี่ย

    หมดอารมณ์เขียน Blog ล่ะตู หึยๆ

    9 พฤษภาคม 2555

    Internship, DAY 14 [พระโคให้หนูหยุดงาน และ Google Student Ambassador รอบสุดท้าย]

    วันนี้ตื่นขึ้นมาตอนที่ยังเช้าๆอยู่ ปวดบ่าอย่างรุนแรง ขยับตัวซีกนึงไม่ได้

    ล้มตัวนอนต่อ คร่อกกก zZZZZ

    ตื่นมาอีกที ชิบลอสสสส เก้าโมงครึ่ง! ขณะกำลังตกกะใจอยู่นั้น เพื่อนก็โทรเข้ามาบอกว่า

    "เจ๊ วันนี้เค้าหยุดงาน บริษัทปิด!" 

    เฮือกกก แล้วทำไมพี่ไม่บอกหนู TwT (หนูจะได้หยุดรวดทีเดียว 5 วันเลย 55555)

    สงสารก็แต่เพื่อน อุตส่าห์ถ่อมาจากบ้าน ก็เลยนัดเจอมันที่หอสมุด แล้วก็ลากมาร้านกาแฟอินทนิล เล่นเน็ตกันอยู่ในร้านกาแฟนั่นแหละ มีปลั๊ก มีแอร์ มีเครื่องดื่ม สมบูรณ์พร้อม กะว่ามื้อเที่ยงจะไปกินพระโคย่างที่ Max Beef ไหนๆก็หยุดแม่มล่ะ

    เดชะบุญ นางสาว The Fool โทรเข้ามาพอดี ก็เลยนัดมาเจอกินพระโคย่างด้วยกันเลย สุขจริงอะไรจริ๊งงง

    จากนั้นก็เล่นไปซักพัก กด Travian เช็ค FB อ่านเทรนด์พระโคใน twitter สรุปคือโคตรไร้สาระ งานการไม่ยอมทำ

    แล้วเมล์สำมะคัญ ก็เด้งขึ้นมา


    จริงๆ กรี๊ดล่วงหน้าตั้งแต่มันเด้งขึ้นมามุมขวาล่างแล้ว ยิ่งเปิดมายิ่งกรี๊ดเข้าไปใหญ่ ผ่านได้ไงเนี่ย มึนน

    นี่เป็นการสอบสัมภาษณ์ 1 ใน 4 อย่างในช่วงหลังๆ นี้ที่ติด นอกนั้น ปิ๋วหมดเลย ฮ่าๆ TwT

    ตอนแรกอ่านเดือนที่ไปสิงคโปร์ผิดเป็นเดือนนี้ เท่ากับว่าเราต้องไปสิงคโปร์พรุ่งนี้! ช็อกสติแตก ดีนะว่ามังกรอ่านให้ว่ามันเดือนกรกฎาต่างหาก ฟิ่วว~ โล่งง

    เค้าให้เรากรอก Form ซึ่งถามข้อมูลส่วนตัวปกติ แต่ถามข้อมูลคณะบดีละเอียดยิบจนงง จะเอาเบอร์คณะบดีไปทำอร๊ายยยย TwT เดี๋ยวค่อยโทรไปถามสายตรงคณบดีพรุ่งนี้ละกัน หวังว่าเค้าจะให้เบอร์มานะ

    อากู๋เอาอีกล่ะ ชอบส่งเมล์งานสำคัญๆมาระยะกระชั้นชิดอยู่เรื่อย ทำไมโหดจังวะ?

    ตัดสินใจลัลล้าซักระยะ ไม่กรอกแบบฟอร์ม  ไปกินพระโคย่าง ตามด้วยเค้ก กลับมาหอ


    ชิวสุดๆ

    Internship, DAY 13

    หมดใจกับบั๊กจริงๆ เลยตัดสินใจถอยทัพไปทำพวก CSS ตกแต่งเว็บก่อน ทำผักชีโรยหน้าดีกว่า 555

    เนื่องจากได้ตัวอย่างโค้ดที่เหมาะเหม็งกับงานเราที่สุดแล้ว ลองเอามาเทสต์ก็สามารถทำ Highlight บน Autocomplete ได้ (วิธีเทสต์ก็เหมือน blog ตอนที่แล้ว เพียงแค่แก้ตรง source แค่นั้นเอง จบ!)

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

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

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

    หลังจากได้ CSS แบบที่เราชื่นชอบแล้ว ก็ต้องเอาโค้ดเราไปรวมร่างกับไฟล์ .php ที่ไว้ติดต่อกับ DB ทั้งหลาย วิธีการของเราคือสั่ง echo โค้ดภาษา HTML มันเลยก๊าบ ดิบเถื่อนไร้อารยธรรม แต่ได้ผลเสมอ :D

    ตัวอย่างโค้ด คัดมาเฉพาะส่วนแสดงผล (แกรมม่าวิบัติ ไม่งั้นแสดงผลไม่ได้อะ)


    echo '< br/ >';
    echo '< label style="font-weight: bold;" >จังหวัด:< /label > '.$p.'< br/ >< br/ >';
    echo '< table class="hovertable" >';
    echo '< tr >< th >'.ตำบล.'< /th >< th >'.อำเภอ.'< /th >< th >'.จังหวัด.'< /th >< th >'.รหัสไปรษณีย์.'< /th >< /tr >';
    while($rs=mysql_fetch_assoc($result))
    {
        echo '< tr onmouseover="this.style.backgroundColor=\'#FFFFFF\';" onmouseout="this.style.backgroundColor=\'#E0E0E0 \';" >';
        foreach ($rs as $i)
            echo '< td >'.$i.'< /td >';
        echo '< /tr >';
        }


    อย่าลืมว่าเหล่าเครื่องหมาย single quote จะต้องมีเครื่องหมาย back slash นำหน้าเสมอ ส่วน double quote ไม่ต้องมี ไม่รู้ทำไม แต่มันรันผ่านละกัน 555


    ตัวอย่าง CSS เฉพาะส่วนที่ทำ table (เอาตัวอย่างมาจากเว็บชาวบ้าน แล้วแก้ไขสีเพิ่มเติม)



    table.hovertable
    {
        font-family: verdana,arial,sans-serif;
        font-size:15px;
        color:#333333;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
        margin: auto;
    }

    table.hovertable th
    {
        background-color:#C8C8C8;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #E8E8E8 ;
        font-weight: bold;
    }

    table.hovertable tr
    {
        background-color:#E0E0E0;
    }

    table.hovertable td
    {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #E8E8E8;
    }




    ส่วนนี้ยัดไว้ในไฟล์ .css ลองมาดูตัวอย่างที่ได้กัน









    ฝั่งขวามือเป็น list ที่จัดการแปลงร่างให้เป็นโทนสีเทา hover link จะขีดเส้นใต้ให้ selected link จะเปลี่ยนสี แต่ visited link หน้าตาเหมือนเดิมเด้ะ ยังแก้ไม่ได้ สงสัยเพราะใช้ javascript รวมร่างกับ ajax แหง


    ส่วนตัวตาราง ก็ตามในรูป เอาเม้าส์ชี้ที่แถวไหนก็จะเปลี่ยนสีให้ด้วย จะได้ดูง่ายๆ


    เสร็จแล้วก็กะว่าจะทำโลโก้ซะหน่อย พี่ต้องบอกว่าขอเป็นภาษาไทย ในเครื่องเราไม่มี tool อย่าง photoshop ไรงี้ด้วย (ถึงมีก็ใช้ไม่เป็นหรอก 555) ก็เลยพยายามหาโปรแกรมที่เอาไว้ออกแบบโลโก้ เจอดีๆหลายอันนะ เช่น AAA LOGO หรือแม้กระทั่งทำโลโก้ออนไลน์ก็มี


    แต่มันไม่รองรับภาษาไทยซักกะอัน Orz


    ตอนนั้นเริ่มปวดท้องกระเพาะด้วย เพราะกินข้าวผิดเวลา ปวดโคตร ก็เลยใช้งานเด็กฝึกงานหน้าใหม่ให้หาโปรแกรมที่มันรับภาษาไทย แล้วมันก็หาเจอจนได้ แต่ก็ยังไม่ทันได้ใช้หรอกนะ


    มาสรุปบั๊กที่ต้องแก้ไขดีกว่า



    • ทำ Auto complete Highlight ให้ได้
    • แก้บั๊กเรื่องจัดวาง layout เวลาย่อหน้าต่างเว็บแล้ว content มันเลย Header กับ Footer
    • Link List ฝั่งขวามือไม่แสดงผลใน Firefox ซะงั้น (แต่ถ้ากด Firebug ดู มันก็อ่านเจอนะ = =)
    • ส่วนใน Chrome เอง บางทีก็โชว์มั่งไม่โชว์มั่ง ปวดประสาท -*-
    • ใน IE content ไม่ยอมอยู่ตรงกลางเลยอะ TwT
    • ช่อง Search ต้องกดปุ่ม 'ค้นหา' อย่างเดียวถึงจะแสดงผล กด Enter แล้วบรึ้มม
    • เปลี่ยนแบบ visited link ใน Link List ไม่ได้
    • ถ้าเป็นไปได้ กดลิ้งชื่อจังหวัดแล้วอยากให้แสดงผลเลื่อนขึ้นมาโชว์บรรทัดแรกให้เห็นเลย ปกติกดปุ่มโชว์ปั๊บ ไม่มีเลื่อนหน้าใดๆทั้งสิ้น (feature นี้เอาไว้หลังจากแก้บั๊กข้อแรกๆได้หมดก่อน)





    มัวแต่จมอยู่กับบั๊กอันเดียว บางทีก็ไม่ได้เรื่องนะ


    นึกบั๊กออกแค่นี้แหละ เดี๋ยวทำไปเรื่อยๆก็คงเจอเพิ่มเอง = =