เว็บไซต์คืออะไร?

Kun Kode

นำเสนอเกี่ยวกับโปรแกรมมิ่ง การทำเว็บไซต์
ติดต่อจ้างงานที่ Inbox ได้เลยครับ

02/05/2025

⭐️ wordpress

งาน custom wordpress ระบบวิเคราะห์เบอร์โทรศัพท์ โดยลูกค้ามีฐานข้อมูลมาให้ ทำระบบชื่อมต่อกับ wordpress ครับ

✅ รองรับ wordpress pagination
✅ ระบบค้นหาเบอร์
✅ ระบบวิเคราะห์เบอร์
✅ ระบบวิเคราะห์เบอร์ตามวันเกิดและอาชีพ
✅ ระบบ import ข้อมูลด้วย csv

➡️ WP: 6.8
➡️ Theme: flatsome
➡️ PHP: 8.2+

ค่าจัดทำ
25,000 บาท

30/04/2025

⭐️ wordpress

งานเว็บไซต์ระบบทัวร์ งานนี้ปรับปรุงจากเว็บเดิม อัปเดต ธีม/WP/PHP
ระบบในเว็บไซต์มีตามนี้ครับ

✅ ระบบทัวร์
✅ ระบบ Location
✅ ระบบ Booking
✅ ระบบ Car transfer
✅ ระบบ Hotel booking
✅ รองรับ Woocommerce cart/checkout
✅ รองรับ Paysolution *(ลูกค้ารีเควส)
✅ ระบบ 2 ภาษา (WPML)
✅ ระบบ Agency Price ตัวแทนจำหน่ายสามารถขายในราคาที่ถูกลง

ข้อมูลเว็บไซต์
➡️ WP: 6.7.2
➡️ Theme: traveler
➡️ PHP: 7.4 (เพื่อรองรับธีมและ custom เวอร์ชั่นเดิม)

ค่าจัดทำ
25,000 - 30,000 บาท (เนื่องจากลูกค้ารีเควสเป็นช่วงๆ เลยไม่ได้ประเมินเต็มครับ)

22/04/2025

อัปเดตราคาเพิ่มเล็กน้อย เนื่องจากค่าครองชีพสูงขึ้น สอบถามเพิ่มเติมติดต่อได้ทางเพจครับผม

20/04/2025

งานปรับปรุง PageSpeed Insight เว็บไซต์ (wordpress) อายุ 10 ปี+
ทำเท่าที่ทำได้ โดยไม่เปลี่ยนโครงสร้างเดิม
ซึ่งน่าเสียดาย ในมือถือไม่สามารถดันขึ้นสีเขียวได้เลย
ค่าทำราวๆ 3,000 - 5,000 ขึ้นอยู่กับความยากง่ายครับ

27/03/2025

✔️ Who is the real button DOWNLOAD !?

31/01/2025

🤔

28/01/2025

⭐️ JS Math Performance Test

1️⃣ เรามักจะใช้คำสั่ง Math.max() เพื่อหาค่า MAX ของตัวเลขในอาเรย์ ซึ่งเป็นคำสั่งที่ง่าย และใช้บรรทัดโค้ดไม่เยอะ ส่วนตัวผมก็มักจะใช้คำสั่งนี้เป็นประจำเช่นกัน เพราะด้วยความสะดวกและไม่ต้องลง library อะไรให้ยุ่งยาก แต่ก็มีช่วงหนึ่งที่อยากรู้ว่า Performance มันเป็นยังไงนะ มันเร็วไหม ใช้ memory เยอะรึเปล่า

ก็เลยมาลองทดสอบในด้านของ Performance ดูครับ

2️⃣ โดยสิ่งที่จะเอามาทดสอบคือ ตัวเลขใน อาเรย์ ที่มีค่า 1 - 999 จำนวน 100,000 ตัว ทดสอบในเว็บบราวเซอร์ Google Chrome

function ที่ใช้ทดสอบ มี 4 แบบ ตามนี้
- useES6Spread
- useReduce
- useApply
- useLoop

3️⃣ ซึ่ง 3 อันแรกจะเป็นการทดสอบด้วย Mat.max() ในรูปแบบที่ต่างกัน
ส่วน useLoop จะเป็นเพียงวนค่าในอาเรย์ธรรมดา (โค้ดสามารถดูได้ในรูปครับ)

โดยเราจะทำการเรียกใช้ ทุกฟังก์ชั่น อย่างละ 5 ครั้ง

ลองมาเดากันดูไหมครับ ว่าวิธีไหน ได้ผลลัพธ์ ไวที่สุด !?

4️⃣ ผลลัพธ์คือ useLoop เร็วที่สุด

ที่เป็นแบบนี้เพราะว่า

1. ใช้ memory น้อยที่สุด (Minimal Overhead):
for loop เป็นโครงสร้างที่อยู่ในระดับพื้นฐาน (low-level construct) ซึ่งทำการวนซ้ำในอาเรย์โดยตรง โดยไม่มีการเรียกฟังก์ชันเพิ่มเติม
เมธอดอย่าง reduce หรือ Math.max(...numbers) มีการประมวลผลเพิ่ม เช่น การใช้ callback, การจัดสรรหน่วยความจำ (memory allocations) หรือการเรียกใช้ฟังก์ชัน

2. การเพิ่มประสิทธิภาพของ JIT (JIT Optimization):
เอนจิน JavaScript (เช่น V8 ใน Chrome) มีการเพิ่มประสิทธิภาพการทำงานของลูปพื้นฐาน

5️⃣ แล้วเราจะมี Math.max() ไว้ทำไมล่ะ
เรายังสามารถใช้มันได้ในกรณีที่ ข้อมูลของเราไม้ได้เยอะ และไม่ต้องการทำ Performance อะไรมากมาย (scale ไม่ใหญ่นั่นเอง)

6️⃣ Bonus
แม้แต่ library อย่าง Lodash ก็ใช้เพียงการวนลูป (while) เพื่อหาค่า max เช่นกัน (ดูโค้ดได้ในรูป)

🙂 ข้อมูลเพิ่มเติมในคอมเมนท์

🌟 ติดต่อจ้างงานใน Inbox เพจครับ

17/01/2025

Update and restart => restart
Update and shut down => Did you mean "restart" ?

13/01/2025

⭐️ Logo black & white ด้วย CSS บรรทัดเดียว

1️⃣ บางครั้ง เราอาจเจองานดีไซน์อาจออกแบบ โลโก้ ให้มีหลายเวอร์ชั่น สำหรับใช้ในแบล็คกราวที่แตกต่างกัน ถ้าเอาแบบง่ายๆ ก็ทำภาพเพิ่มมาเลย

แต่วิธีนี้อาจสิ้นเปลืองพื้นที่จัดเก็บข้อมูลพอสมควร โดยรูป 1 รูป อาจต้องแบ่งเก็บไป 3 รูป ซ้ำยังต้องเปลี่ยน path รูป เวลาดึงมาใช้งานก็ลำบากอีก

2️⃣ ถ้าเราเปลี่ยนสีมันด้วย CSS ได้ล่ะ
CSS จะมีฟังก์ชั่น filter ไว้จัดการรูปภาพแบบง่ายๆให้เราใช้ กรณีนี้เราจะเปลี่ยนเป็นสีดำ และสีขาว สามารถใช้คำสั่งได้ตามนี้

⚫️ filter: brightness(0); // ลด brightness ให้เหลือ 0
⚪️ filter: brightness(0) invert(1); // ลด brightness ให้เหลือ 0 และ invert กลับด้านสี

3️⃣ สำหรับ TailwindCSS สามารถใส่คลาสได้ตามนี้

⚫️ className="brightness-0" // สีดำ
⚪️ className="brightness-0 invert" // สีขาว

4️⃣ อย่างไรก็ตามรูปภาพจะเหมือนการถมสีทับเข้าไป ดังนั้นโลโก้ที่มีรายละเอียดเยอะมากๆ อาจไม่เหมาะสม

แนะนำว่าใช้กับโลโก้ที่เป็น Vector จะดีที่สุดครับ

_____________________________________________________________________
ถ้าเห็นว่ามีประโยชน์: กด👍 กด🪑 ให้ด้วยนะครับ 🙂
ตัวอย่างการแสดงผล 👉 https://sidequest.kunkode.com/logo-black-white
ตัวอย่างโค้ด 👉 https://github.com/skuntawat/side-quest/blob/master/app/(quests)/(css)/logo-black-white/page.tsx
สั่งซื้อเทมเพลต NextJS 🔸 https://store.kunkode.com

🌟 ติดต่อจ้างงานใน Inbox เพจครับ