บทความ

กำลังแสดงโพสต์จาก กรกฎาคม, 2025

Ch.10(D) Centralized my partner EP.2

รูปภาพ
  สัปดาห์ที่ 8 เเละ 9:  หลังนำเสนอโปรเจคต์จริงกับผู้จัดการเเล้ว เขาต้องการใช้เเค่ภาษาญี่ปุ่นเท่านั้น ส่วนฟีเจอร์ Auth อาจจะมีในอนาคต   ซึ่งหลังจากนี้จะได้วางเเผนสร้างรายละเอียดเเต่ละหัวข้อเเบบเเยกหน้า โดยผมได้รับมอบหมายให้ทำหน้า IT System เป็นเนื้อหาที่ 5( เพิ่มจาก Mindmap เดิมที่เคยทำสัปดาห์ก่อน ) เเละนี่คือหน้าเว็บที่ผมสร้างขึ้นมา   หลังส่งไฟล์รวมโปรเจคต์เเล้ว ได้ปรึกษาเพื่อนร่วมงานให้เเก้ไข UX UI เล็กน้อย เเละนำเข้ารูปภาพจากบริษัทจริง เพื่อให้ธีมเข้ากับเว็บจริงนั่นเอง

Ch.9(C) Centralized my partner EP.1

รูปภาพ
  สัปดาห์ที่ 8:  ตอนนี้พวกเราได้รับเค้าโครงเว็บไซต์จากลูกค้าเเล้ว ต่อไปเพื่อนร่วมทีมเริ่มวางเเผนเเบ่งหน้าที่กันทำเพจคนละหน้า โดยหน้าที่ผมทำ คือ  ContactPage( หน้าส่งความคิดเห็นเเละช่องทางการติดต่อ) ซึ่งใช้เวลาไม่นานก็เสร็จ เเล้วได้เรียนรู้วิธีนำเข้าไอคอนด้วย react-icons ซึ่งทำให้เว็บดูมืออาชีพไปอีกระดับนึง   ในครั้งนี้ ยังได้ใช้ความคิดสร้างสรรค์ในการตั้งชื่อ style ในเเต่ละองค์ประกอบ เพื่อไม่ให้มี CSS ซ้ำเวลารวมไฟล์กับเพื่อนอีกด้วย

Ch.8(B) Power of the "i18n"

รูปภาพ
   สัปดาห์ที่ 7: ต่อจากโปรเจคต์เดิม ผมได้นำโลโก้จากบริษัทจริงเข้ามาเเทนไอคอน vite เรียบร้อย เเละได้เพิ่มฟีเจอร์เเปลภาษาด้วยโมดูล i18n โดยให้ทั้งเว็บสามารถเเปลภาษาอังกฤษเเละภาษาญี่ปุ่นได้ ดังภาพ    นอกจากนี้ ผมได้ Deploy บนเซิร์ฟเวอร์จริงเพื่อให้เว็บโหลดเร็วขึ้น เเละการันตีว่าโค้ดไม่มีปัญหาหลังใช้คำสั่ง npm run build หน้าเว็บที่ deploy เเล้ว >>   Ken Rack System เเก้ไขสัปดาห์ที่ 2