CodingRemember

  สวัสดีเหล่านักอ่านไม่ว่าจะเป็นสายไหน จะเป็น dev หรือ คนทั่วไป ผมเชื่อว่าหลายคน อาจจะไม่เคยได้ยิน หรือไม่รู้จัก  Rabbit Connect  มาก่อน แต่ถ้าพูดถึง  Rabbit Rewards ,  Rabbit Line Pay ,  My Rabbit  หรือ  Rabbit Selection  หลายๆ คนน่าจะรู้จักหรือเคยผ่านตามาบ้าง Rabbit LINE Pay ภาพแรกที่คนส่วนใหญ่นึกถึง Rabbit ก็คงเป็นบัตร Rabbit ลายสวยๆ สำหรับไว้ใช้โดยสารกับรถไฟฟ้า BTS รวมถึงการนำบัตรไป ซื้อ-จ่าย ตามร้านค้าต่างๆ แต่จริงๆ แล้ว Rabbit ยังมีบริการที่เกี่ยวข้องกับงาน Online ต่างๆ อยู่อีกมากมาย บางท่าน อาจจะรู้จัก  Rabbit Rewards  โปรแกรมสะสมคะแนนของทาง  Rabbit  ที่สามารถนำคะแนนไปแลกเที่ยวโดยสาร แลกดีล หรือส่วนลดสินค้าบริการต่างๆ Rabbit Rewards My Rabbit Application บริการต่างๆ เหล่านี้ ถูกพัฒนา และดูแลโดยทีมพัฒนาที่สังกัดอยู่ในบริษัทต่างๆ ในเครือ  Rabbit  ดังนั้น เพื่อที่จะให้ตอบโจทย์ในแง่ของผู้ใช้บริการ คำถาม คือ แล้วบริการต่างๆ เหล่านี้ จะเชื่อมโยงกันยังไงเพื่อให้พวกเขาได้ประโยชน์และความสะดวกที่สุด ? ไช่แล้ว..นั่นก...

เรื่องของเรื่องมีอยู่ว่า ถ้าหากว่าเราอยากจะลองใช้ Vite ที่ทาง Laravel เริ่มยัดเยียดมาให้ในเวอร์ชันหลังๆ น่าจะประมาณ Laravel 8+ ถ้าไม่ได้ใช้ Laravel Sail ในการรัน Local development ก็น่าที่จะติดปัญหาในเรื่องของการที่ application ที่เราเขียนมองหา Frontend server ของ Vite ไม่เจอ GET http://127.0.0.1:5173/@vite/client net::ERR_CONNECTION_REFUSED GET http://0.0.0.0:5173/@vite/client net::ERR_ADDRESS_INVALID ปัญหาที่เกิดขึ้น เนื่องจากโดยค่าเริ่มต้น Vite จะผูกกับที่อยู่ localhost 127.0.0.1 ซึ่งหมายความว่าสามารถเข้าถึงได้จากภายในคอนเทนเนอร์ Docker เท่านั้น หากต้องการอนุญาตการเข้าถึงจากภายนอกคอนเทนเนอร์ คุณจะต้องผูกเข้ากับที่อยู่ IP ที่เป็น 0.0.0.0 หรือ Localhostโดยใช้เซิร์ฟเวอร์ ตัวแปรการกำหนดค่าโฮสต์ อย่างไรก็ตาม สิ่งนี้ทำให้เว็บไซต์พยายามเชื่อมต่อกับ 0.0.0.0 ซึ่งไม่ถูกต้อง หากต้องการบอกให้ส่วนหน้าใช้ localhost คุณต้องตั้งค่าเซิร์ฟเวอร์ ตัวแปร hmr.host import { defineConfig } from 'vite' ; import laravel from 'laravel-vite-plugin' ; import vue from '@vitejs/plugin-vu...

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

ปีที่ผ่าน Laravel ได้พัฒนา framework อย่างต่อเนื่อง และโตอย่างรวดเร็วทำให้นักพัฒนาเว็บที่ใช้งานเจ้า framework ตัวนี้ต้องคอยตื่นตัวตลอดเวลา หลายๆ คนมีคำถามว่าถ้าไม่อัพได้มั้ย? คำตอบคือ ได้ แต่แน่นอน คุณจะพลาดระบบใหม่ๆ หรือการแก้ไขช่องโหว่ต่างๆ ที่เคยมีมาในเวอร์ชันก่อนๆ หลายๆ คนเลือกที่จะไม่อัพเกรดเพราะกลัวว่าจะทำให้ระบบทั้งหมดรวน เพราะแต่ละเวอร์ชันมีการเปลี่ยนแปลงเยอะมาก ฟังชันบางตัวก็ยกไปทำให้เราต้องมานั่งแก้ไขกันเยอะเลยทีเดียว ถึงแม้จะมีข้อเสีย และบางครั้งอาจจะไม่คุ้มกับเวลาที่เสียไป ในโลกของนักพัฒนาคงไม่มีใครอยากล้าหลัง อย่างไรก็ดี จะอัพ หรือไม่นั้น? เจ้าของโปรเจ็ค เจ้าของบริษัท แต่จะเป็นคนตัดสินใจเองว่าคุ้มค่ากับเงิน และเวลาที่จะเสียไปมั้ย? สำหรับใครที่ตัดสินใจได้แล้วสามารถเข้าไปอ่านต่อได้เลย กับการอัพเกรด Laravel 5.1 เป็น 5.2 จากโปรเจ็คที่พัฒนามาบ้างแล้ว

ทุกวันนี้ไม่มีใครไม่รู้จัก Google ผู้ให้บริการสำหรับการค้นหาข้อมูลต่างๆ และยังมีบริการในส่วนอื่นๆ อาทิ เช่น Google Maps, Google Adsense, Google Dfp ฯลฯ ซึ่ง Google มองว่าบริการต่างๆ น่าจะสามารถเข้าถึงได้โดยผู้พัฒนา ให้สามารถเรียกใช้งาน API จากบริการของ Google ได้ Google จึงพัฒนา Google client Libraries ออกมาเพื่อนให้เหล่า Dev สามารถเรียกใช้บริการต่างๆ จาก Google ผ่านเว็บไซต์ของตัวเองได้ เช่น การดึงข้อมูลแผนที่ การสร้างรายงานเข้าชมเว็บโดยดึงข้อมูลจาก Analytics ฯลฯ เพื่อความปลอดภัย Google จำเป็นต้องทำระบบที่มีความซับซ้อนในการใช้งานตามมาด้วย ถึงแม้ว่าจะมีคู่มือออกมาให้อ่าน แต่บางครั้งก็เก่าเกินไป หรือระบบดันพัฒนาไวกว่าคู่มือ ทำให้เหล่าผู้พัฒนาต้องค้นหาข้อมูลเพิ่มเติมเพื่อที่จะแก้ไขจุดเล็กๆ จากการที่ไม่สามารถติดตั้ง และใช้งาน Google client Libraries ได้ เรียกได้ว่า งมเป็นชั่วโมง เป็นวันๆ เมื่อผมได้ผ่านพ้นจุดๆ นี้มาได้ก็ต้องรีบเขียนบทความนี้ไว้เพื่อเตือนความจำตัวเอง และอยากจะให้สิ่งๆ ได้ไปช่วยเหลือคนอื่นๆ ด้วย

หากต้องการ TrackEvent ในหน้าเว็บนั้น ปกติแล้วทำได้ไม่ยากเลย Google Analytics นั้นมีเครื่องมือมาให้เราใช้ได้อย่างง่ายดาย ยิ่งคนที่ใช้ Google Tag Manager เป็นคงร้องสบายๆ แต่สำหรับบาง event ที่ต้องการค่าที่แน่นอน และได้ผลลัพธ์ส่งไปยัง conversion อย่างถูกต้องแล้ว คำสั่ง ga('Send', 'Event', 'Cat', 'said meow'); ก็ไม่อาจจะตอบโจทย์ได้ ทำให้เราต้องวนมาใช้ PHP เพื่อส่งค่าไปหา Google แทน และแน่นอน Package หรือ Libraries ก็มีให้เลือกสรรอย่างล้นหลาม ได้บ้างไม่ได้บ้าง และบางครั้งก็ต้องการสิ่งที่เรียกว่า Client ID?

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