ตั้งแต่ตรวจสอบรหัสศุลกากรไปจนถึงแปลงที่อยู่ – ผมสร้างเครื่องมืออัตโนมัติสำหรับงานของผู้ขายขึ้นมา
(sellerkit.co.kr)สวัสดีครับ ผมเป็นนักพัฒนาที่ทำงานเป็นผู้ขายอีคอมเมิร์ซ และด้วยความเหนื่อยล้าจากงานซ้ำๆ ทุกวัน เลยได้สร้าง Seller Kit ขึ้นมา
ทั้งการคัดลอกวางรหัสประจำตัวศุลกากรทีละอันเพื่อตรวจสอบ สลับเว็บไปมาสำหรับแปลงที่อยู่ภาษาเกาหลีเป็นภาษาอังกฤษ หรือสลับลำดับคำด้วยมือเพื่อสร้างชื่อสินค้าแบบต่างๆ... หลังจากต้องทำแบบนี้วันละหลายสิบครั้ง ผมเลยสร้างมันขึ้นมาจนได้ เป็นเครื่องมือที่แก้ทุกอย่างได้ด้วย Chrome side panel เพียงอันเดียว
ทำอะไรได้บ้าง?
ตรวจสอบรหัสประจำตัวศุลกากรแบบจำนวนมาก — ถ้าวางรหัสหลายสิบรายการที่คัดลอกจาก Excel ในครั้งเดียว ก็จะแยกให้ทันทีว่าใช้ได้หรือใช้ไม่ได้ ตรวจสอบถึง checksum ด้วย จึงคัดกรองรหัสปลอมที่แค่รูปแบบถูกต้องได้ และยังดึงเฉพาะรายการที่ผิดออกมาได้ด้วย
แปลงที่อยู่ — ถ้าใส่ที่อยู่ภาษาเกาหลีจะเปลี่ยนเป็นภาษาอังกฤษ และถ้าใส่ที่อยู่แบบชื่อถนนจะเปลี่ยนเป็นเลขที่ดิน มีการเชื่อมต่อ API ทำให้ความแม่นยำสูง และประมวลผลหลายรายการพร้อมกันได้
ตัวสลับชื่อสินค้า — สร้างชุดคำอัตโนมัติจาก "เสื้อแจ็กเก็ตบุนวมฤดูหนาวผู้หญิง" เป็น "ฤดูหนาว ผู้หญิง เสื้อแจ็กเก็ต บุนวม", "บุนวม เสื้อแจ็กเก็ต ผู้หญิง ฤดูหนาว" เป็นต้น
แปลหลายบริการ — รวมทั้ง Google, Papago, DeepL และ Edge Translator ไว้ทั้งหมด สามารถลากเลือกข้อความเพื่อแปลได้ทันที และเมื่อเอาเมาส์ไปวางเหนือช่องกรอกข้อมูล ปุ่มแปลจะเด้งขึ้นมาอัตโนมัติ เหมาะมากสำหรับการเปิดเว็บจีนแล้วแปลได้ทันที
จัดการเทมเพลต — ถ้าบันทึกข้อความหรือคำตอบที่ใช้บ่อยไว้ ระบบจะจัดหมวดหมู่ให้อัตโนมัติ และคัดลอกได้ด้วยการคลิกครั้งเดียว
ในเชิงเทคนิค
- เขียนด้วย TypeScript + React
- รองรับ Manifest V3 จึงไม่มีปัญหากับนโยบาย Chrome ล่าสุด
- จัดการสถานะด้วย Recoil + React Query ทำให้รวดเร็ว
- ใช้ Ant Design ทำให้ UI ดูสะอาดเรียบร้อย
ทำไมถึงสร้างมันขึ้นมา
ทุกเช้าต้องเปิด Excel แล้วคัดลอกรหัสศุลกากร → เข้าเว็บไซต์ศุลกากรเพื่อตรวจสอบ → กลับไปที่ Excel อีกครั้ง → หาเว็บไซต์แปลงที่อยู่ → คัดลอกวาง → คัดลอกวางไปที่ Word เพื่อดัดแปลงชื่อสินค้าแล้วแก้ไขด้วยมือ...
ผมอึดอัดกับ workflow แบบนี้มาก เลยทำเครื่องมือสำหรับตัวเองขึ้นมา พอเปิดเบราว์เซอร์ทิ้งไว้แล้วจัดการทุกอย่างได้จาก side panel อันเดียว มันสะดวกจริงๆ
รองรับการประมวลผลแบบแบตช์ สามารถกรองเฉพาะรายการที่ล้มเหลวได้ และยังเข้าใช้งานจากภายนอกผ่าน mobile web ได้ด้วย
ติดตั้งอย่างไร?
ค้นหา "Seller Kit" ได้ใน Chrome Web Store
หวังว่าจะเป็นประโยชน์กับผู้ขายแบบผมที่ทำงานอยู่ในหลากหลายแพลตฟอร์ม
หากมี feedback หรือแจ้งบั๊ก กรุณาส่งมาที่ ตั้งค่า -> CS เครื่องมือนี้ถูกสร้างขึ้นจากการใช้งานจริงในงานประจำ จึงยังคงปรับปรุงอย่างต่อเนื่องตามสถานการณ์ใช้งานจริง
11 ความคิดเห็น
แค่อ่านโพสต์ที่เขียนไว้ตรงนี้ก็เกิดความสงสัยขึ้นมาครับ ถ้าใช้ Visual Basic ของ Excel ก็น่าจะสามารถตรวจสอบเลขรหัสศุลกากรหรือแปลงที่อยู่ภายใน Excel ได้เหมือนกัน เลยอยากทราบเหตุผลที่เลือกทำเป็นส่วนขยายครับ (ผมอาจจะไม่ได้รู้ลึกมาก แต่ดูเหมือนว่าคุณทำงานหลายอย่างบน Excel อยู่แล้ว เลยคิดว่าการจัดการทุกอย่างในแอปเดียวกันน่าจะดีที่สุดหรือเปล่า)
เวลามีออเดอร์ไม่เยอะ ส่วนมากมีแค่ประมาณ 3–4 รายการ พอเปิดแผงด้านข้างไว้ทางขวาด้วยเอ็กซ์เทนชันก็สะดวกกว่าทำใน Excel มากครับ
แล้วตอนทำ CS ก็เปิดเทมเพลตไว้ในแผงด้านข้าง แล้วคัดลอกวางตอบได้ทันที เลยสะดวกมากครับ
จุดที่ไม่ต้องเปิดหน้าต่างเพิ่มอีกอันนี่ สะดวกกว่าที่คิดไว้เยอะเลยครับ
อีกอย่าง ถ้าจะใช้ฟังก์ชันแปลแบบแปลงข้อความที่พิมพ์ในช่องแชตบนเว็บเป็นภาษาจีนหรือภาษาอังกฤษทันที ก็มีได้แค่เอ็กซ์เทนชัน เลยพัฒนาขึ้นมาครับ
คุณดู Chrome มากกว่าสินะ ขอบคุณครับ
หวังว่าจะใช้งานได้ดีบนหลายเบราว์เซอร์นะครับ
อาจเป็นคำถามใสซื่อนะครับ แต่ทำไมขั้นตอนการสลับชื่อสินค้าถึงจำเป็นเหรอครับ?
เป็นฟีเจอร์ที่ช่วยให้ลองเปลี่ยนได้ง่าย เพราะคะแนนการแสดงผลจะเปลี่ยนไปตามการจัดชุดคีย์เวิร์ดที่ใส่ในชื่อสินค้า
ตอนนี้ยังต้องพัฒนาต่อยอดอีกเยอะเลย 555
เมื่อเข้าถึงลิงก์ จะเกิดข้อผิดพลาด 'Application error: a client-side exception has occurred while loading www.sellerkit.co.kr (see the browser console for more information).'
มีบางฟังก์ชันที่ไม่สามารถใช้งานได้ใน Firefox
เพื่อการใช้งานบริการได้อย่างราบรื่น กรุณาใช้ Chrome~
ถ้าเป็นไปได้ แนวทางที่ดีที่สุดก็น่าจะเป็นการทำให้มันทำงานได้ดีบนทุกเบราว์เซอร์ไม่ใช่เหรอ...?
ปัญหาเดียวกันนี้เกิดขึ้นบน Safari ด้วย ส่วน Chrome ทำงานได้ปกติดีครับ
ฟีเจอร์ส่วนใหญ่สามารถใช้งานได้บนเบราว์เซอร์อื่นด้วยนะครับ/ค่ะ ลองเข้าใหม่อีกครั้งได้ไหมครับ/คะ?