9 กันยายน 2555

Last Night with Lucy Spraggan

ไม่เคยเขียน Blog หมวดดนตรีเลยเห้ย ทั้งที่ก็ชอบมาก ฟังเพลงอยู่ทุกวี่ทุกวันแท้ๆ

งานอดิเรกอย่างนึงของเราคือเสาะหาศิลปินใหม่ๆ (บางทีก็ไม่ใหม่แล้ว แต่เพิ่งรู้จัก) ทาง youtube ซึ่งช่องทางในการเสาะหาที่ดีที่สุดก็คือ ดูรายการแข่งร้องเพลงอย่าง TheXFactor ทางฝั่ง UK เรากรี๊ด Cheryl Cole ที่เป็น Commentator แบบสุดๆ (ต้องไปดูเทปเก่าๆนะ เทปใหม่ๆไม่มี Cheryl แล้วง่ะ) ซึ่งที่อังกฤษนี้ก็แจ้งเกิดศิลปินหลายคนอย่าง One Direction หรือแม่นาง Cher Lloyd แต่ถ้าทางฝั่งอเมริกันไม่ค่อยได้ดูแฮะ ทั้งที่ก็ชอบ Nicole Scherzinger มว๊ากกก

ตกลงจะดูคนแข่งหรือดูกรรมการกันแน่เนี่ย?

เอาเป็นว่า วันนี้ก็เข้า Channel ของ TheXFactorUK แล้วก็หาคลิป Audition ที่ยอดวิวมันเยอะๆ ก็ไปเจออันนึงเพิ่งโพสต์เมื่ออาทิตย์ที่แล้วเอง วิวตั้งแปดล้านกว่า


พอดีว่าไม่ได้อยู่ที่อังกฤษเลยไม่รู้ว่าเทปนี้ออนแอร์ตั้งแต่เมื่อไหร่ (คิดว่าจะนานพอสมควรแล้วแหละ) รู้แต่ว่าเพลงนี้มี Official Music Video เรียบร้อยแล้วจ้า



หลังจากโชว์เพลง Last Night ที่แต่งเองออกรายการ TheXFactorUK ก็คิดว่า Lucy Spraggan ได้แจ้งเกิดแน่ๆแล้ว แต่พอลองค้นประวัติดู พบว่าเด็กคนนี้ไม่ธรรมดาเลย (เด็กสิ เด็กกว่าเราอีก เกิดปี 91 ชิส์) มันทำให้เห็นว่ากว่าจะดัง กว่าผู้คนจะชื่นชอบ มันต้องมีมากกว่าพ่อตายแม่ยายเสียอย่างแน่นอน

Lucy ได้รางวัลที่ 3 จากการประกวดศิลปินไร้สังกัดที่ชื่อว่า Live and Unsigned ในอังกฤษเมื่อปีที่แล้ว มีโอกาสทัวร์คอนเสิร์ตทั่วทั้งเกาะ มีเว็บไซต์ส่วนตัว มีอัลบั้มของตัวเองด้วยซ้ำไป

ความสามารถระดับนี้แล้ว ยังต้องมาออก TheXFactorUK !

แต่ถ้าเธอไม่ออกรายการนี้ เราก็คงไม่รู้จักจริงๆอะ เพราะศิลปินไร้สังกัดช่องทางโปรโมทตัวเองมันน้อยกว่าจริงๆ


ทิ้งท้ายด้วยเพลงเดิม แต่มีเนื้อร้องแถมเอาไว้ให้ร้องตาม


18 สิงหาคม 2555

แน่ใจหรอว่าการ Capture ภาพบนหน้าจอ จะเป็นหลักฐานทาง Internet ที่เชื่อถือได้?

เห็นดราม่าหลายงานมัก Capture ภาพเป็นหลักฐาน เอาไว้เพิ่มความน่าเชื่อถือว่ามันชวนดราม่าจริงๆนะเออ คนกลุ่มนึงอาจจะหาว่าตัดต่อ แต่อีกหลายคนอาจจะเชื่อว่าเป็นของจริงก็เป็นได้

แต่รู้ไหมว่า มีวิธีสร้างเนื้อหาเท็จง่ายๆ แล้วค่อย Capture ภาพทีหลัง ไม่ต้องตัดต่อ ไม่มีสีภาพเพี้ยนๆไว้ให้จับผิดอย่างแน่นอน

วิธีเกรียนเบื้องต้น เหมาะสำหรับคนไม่ถนัดตัดต่อ ขอลองเอาตัวอย่างการโพสต์ของเพื่อนคนนึงมาโชว์ให้ดูก่อน :p

ข้อความที่ยังไม่ได้แก้ไขใดๆ เซนเซอร์ชื่อกับหน้าเพื่อนอย่างเดียว

สำหรับ Geek ก็คงพอเดาออกว่าทำยังไง เรากำลังโชว์ให้คนที่ไม่ Geek ดูว่า Capture ภาพอย่างเดียวอาจจะไม่พอ ลองมาดูกันดีกว่า


1. สำหรับ Chrome ให้กด Ctrl+Shift+I จะโผล่หน้าต่างตรงด้านล่างของ Browser แบบนี้


เอา Cursor เม้าส์วางบนโค้ดบรรทัดไหนก็จะแรเงาส่วนของเว็บไซต์ที่เกิดจากโค้ดส่วนนั้นได้ ลองเล่นดูๆ

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


3. แล้วก็ไล่ไปเรื่อยๆ ก็จะได้ดังภาพ แอบเหนื่อยอยู่เหมือนกัน


4. เมื่อเจอข้อความที่ต้องการแก้ไขแล้ว ก็ double click แล้วแก้เล้ยยยย


5. แก้เป็นอะไรดีน้า... แบบนี้ละกัน เสี้ยมๆ

เล่นประเด็นล้อๆกันในภาคนี่แหละ 5555


6. เมื่อแก้แล้ว ก็ลองมาดูการแสดงผลบนหน้าจริง

แก้ใหม่ ไร้รอยต่อ :p


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


จึงอยากเตือนผู้เสพดราม่าทุกท่านว่าหลักฐานบนโลกออนไลน์มันเชื่อถือไม่ได้เสมอไปนะ อย่างน้อยก็วิธีการ Capture ภาพเนี่ยแหละ :p


4 สิงหาคม 2555

มา List อาชีพน่าทำสำหรับคนไทยเตรียมรับ AEC กัน

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

ถ้าไม่มีการแข่งขัน ก็ไม่มีการพัฒนา จริงป่ะล่ะ?

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

อดีตเด็กขอบ่นด้วยความชอกช้ำ

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


  • ต่างชาติจะเริ่มเข้ามา
    • คนไทยส่วนใหญ่ยังไงก็กากภาษาอังกฤษ ?
      • เปิดโรงเรียนสอนภาษา ?
        • อังกฤษ - ไม่ดีกว่า คู่แข่งเยอะล่ะ
        • ไทย - เปิดสอนกะเหรี่ยงราคาไม่แรง น่าจะรุ่งนะ เปิดหลายๆสาขา ย่านที่แรงงานอยู่กันเยอะๆ 
แรงงานต่างด้าวค่าแรงถูกกว่า ขยันกว่า อดทนกว่าแรงงานไทยเยอะอยู่นะ แรงงานไม่มีฝีมือเตรียมตกงานได้เลยถ้ายังเลือกงานอยู่

        • ภาษาที่สาม - ไม่ค่อยมีความรู้เท่าไหร่ แต่แนะนำภาษารัสเซีย ถ้าเปิดสอนสถานที่ท่องเที่ยวที่ต่างชาติเยอะๆอย่างภูเก็ต กระบี่ ไรเงี้ย เวิร์กแน่นอน เพราะคนรัสเซียพูดอังกฤษกันไม่ค่อยได้นะ พนักงานโรงแรมก็พูดได้แต่อังกฤษ แต่ทั้งนี้ทั้งนั้นก็ต้องมี contact บ้างอะไรบ้างอะนะ
    • วิถีแห่งต่างด้าวกับคนไทยย่อมไม่เหมือนกัน
      • ร้านอาหารสำหรับต่างชาติ
        • ราคาไม่แรง - ขอเป็นแบบ real authentic ที่ไม่ใช่ authentic หรูหราราคาโรงแรม
        • ทำเลแรงงานเข้าถึงง่ายๆ - บนห้าง ในโรงแรม ไม่เอาไม่เวิร์ก รถเข็น ตึกแถว นี่แหละ แจ่ม
        • อาหารจานด่วน - เอาแบบฉบับ ลาว พม่า เวียดนาม มาเลย์ อินโด etc. (ตามถนัด) เค้ากินอะไรกัน ปรับรสชาติให้เข้ากับปากเค้า เผลอๆคนไทยเองนี่แหละจะติดใจ
      • บริการสำหรับต่างชาติอื่นๆ
        • ตอนนี้คิดไม่ออก (ฮา) แต่คิดว่ายังไง community ของต่างชาติที่อยู่ในไทยจะใหญ่ขึ้นอย่างแน่นอน ถึงตอนนั้นก็คงมีอะไรแปลกๆที่เราคาดไม่ถึงโผล่ขึ้นมา อาจจะเป็นบริการแจ่มๆผ่านโลกออนไลน์ก็เป็นได้

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

ปล.นี่พิมพ์เอามันเฉยๆนะ 555

8 มิถุนายน 2555

Internship DAY 32-34 [FINALE]

วันที่ 32-33    ว่างค่ะ ว่างจริงๆ ว่างอิ๋บอ๋ายเลย นั่งเล่นเน็ตเฉยๆทั้งวันจนรู้สึกผิดอะ แต่ระหว่างเล่นเน็ตก็พยายามหาอะไรมีสาระอ่านนะ ฮ่าๆ (ยังจะอ้าง = =") สุดท้ายก็เลยขอลา 2 วัน พฤหัส กับ ศุกร์อะ ไหนๆก็จะหมดฝึกงานล่ะ วันลาก็เหลือ แต่พอขอลา พี่เค้าบอกว่าเลือกวัน present มาด้วย ก็เลยเอาเป็นวันพฤหัสเลยละกัน

วันที่ 34  วัน present พี่ต้องนัด 11 โมง เรากับเพื่อนอีกคนไปถึงพร้อมกันเลย แต่ก่อน present พี่ต้นให้เพื่อนเอางานของตัวเองอัพขึ้นเว็บก่อน แล้วทีนี้มันก็ติดบั๊กไง ยาวจนเที่ยงกว่าเลยกว่าจะแก้เสร็จ ก็ไปหม่ำข้าวกัน พอหม่ำข้าวเสร็จ พี่ๆที่ต้องฟังพวกเรา present ก็ไปเดินเกษตรแฟร์กันค่ะ ลากยาวจนถึงบ่าย 3 TwT

แผนไปแรด Commart ของตูข้า พังหมดสิ้น TwT

เหมือนพี่ๆเค้าคิดว่าเราจะเตรียม present ละมั้ง ไม่อะ ก็นั่งชิวกะด้นสดอยู่แล้ว หึหึหึหึ ปล.ในใบฝึกงาน เซ็นว่าลาวันพฤหัสเรียบร้อยอะ แต่จริงๆก็ยังมาบริษัท 5555

พอถึงตอน present เราก็ให้เพื่อน present ก่อน (แสยะยิ้มอย่างชั่วร้าย) งานของเพื่อนน่าสนใจมากเลยนะ ลองคลิกเข้าไปเล่นดูได้ เป็นการหา rank ของ url จาก keyword ใน google อะ

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

หลังจาก present กับเรียบร้อยแล้วพี่ต้องก็ชวนคุยถึงอนาคตบนโลกกว้าง ซึ่งตอนนั้นเราง่วงๆเบลอๆมาก แต่เพื่อนอีกคนกลับตั้งใจมากกว่า มียิงคำถามสวนด้วย ทำให้พี่ต้องเล่าประสบการณ์สมัยยังทำงานบริษัทเก่าให้ฟัง แนะนำว่าถ้าอยากไปสาย sotfware จัดๆ ก็เข้าพวก software house ไปซะ อยากเห็นภาพรวมองค์กร ก็เข้าบริษัทที่ไม่ใช่สาย IT โดยตรง

แล้วก็มีเรื่องเกรียนๆ เกี่ยวกับ AdWord ไม่ลองคลิกที่ ไฟเวที สิ

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

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

หรือว่าจริงๆแล้วไม่ว่างานจะสาหัสขนาดไหน เราก็ยังคงชิวอยู่ได้ฟะ???



ปล.รับใบรับรอง ใบเซ็นต่างๆนานาวันอังคารนี้ ส่วนวันศุกร์ก็หยุดจ้าาา

ปล2.ช่วงเวลาที่ฝึกงาน กินหรูเกือบทุกวัน เพราะเจ้าเพื่อนจาก มธ. นี่แหละ ด้วยความเป็นเจ้าถิ่น เรากับมังกรจึงพาตระเวนทัวร์กินตลอดเลย ฉะนั้น นอกจากจะตัวบวมแล้ว กระเป๋าตังค์ยังแฟบด้วย Orz

ปล3. ขากลับนั่งตะลัยไปกินข้าว ตะลัยก็เต็ม เจอยัยป้าที่ไหนไม่รู้มาเกาะแขนอะ แล้วก็บอกว่า

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

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

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

5 มิถุนายน 2555

Internship, DAY 29-31

ขอสรุปรวบยอด 3 วันเลย เพราะส่วนใหญ่ก็จะว่างกับแก้บั๊กเท่านั้นเอง

สรุปบั๊กเลยดีกว่า


  • การแสดงผล CSS เขียนโค้ดเหมือนกัน แสดงผลในเครื่องกับแสดงผลบนเว็บต่างกันซะงั้น ใส่ในไฟล์ CSS ก็ไม่ขึ้น สุดท้ายก็จับ inline เลยเจ้าค่ะ รำคาญ 5555
  • แก้ Copy to Clipboard เฉพาะของกรุงเทพฯ ให้ก๊อปมาแล้วเป็น แขวง... เขต... กรุงเทพมหานคร จะได้ดูไม่ขัดลูกตา
  • การใช้ Flash ทำ Copy to Clipboard ทำให้เว็บอืดมากกกกกกก เวลา query ออกมาแล้วได้หลาย record วิธีการแก้คือ...ไม่มีค่ะ ปล่อยแม่งอืดไป เพราะถ้าไม่ใช่ Flash ทำจะมีแต่น้อง IE เท่านั้นที่ทำงานได้ หลังจากหาข้อมูลจนเลือดตาแทบกระเด็นกระเซ็นกระซอน เหล่าผู้เชี่ยวชาญต่างยืนยันว่าทำไม่ได้ เห็นก็มีแต่เจ้า Syntaxhighlighter นี่แหละที่กล่าวว่าฟังก์ชั่นของมันสามารถทำได้แล้ว แต่ไม่ได้มีฟังก์ชั่นแยกออกมาชัดเจน ต้องไปแกะโค้ดอีก ซึ่งไม่ไหวอะ ไม่น่าจะคุ้มกัน

    ปล่อยเว็บมันอืดต่อไปเหอะพี่ TwT
วันที่ 31 ตอนเย็นๆ พี่ต้องก็ให้ลองไปอ่านวิธีตรวจสอบคำผิดเวอชั่นภาษาไทย ลิ้งนี้ และ ลิ้งนี้ ซึ่งอ่านไปแค่ลิ้งเดียวก็รู้สึกว่า

ก็ได้แต่หวังว่า พี่แค่เค้าอยากให้เราเอาไปเพิ่มพูนความรู้เฉยๆอะนะ

ไม่ได้ให้หนูทำจริงๆหรอกใช่ไหมคะพี่

Orz

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