ทำเว็บทดสอบ Kerning ฟอนต์ไทยมาฝากครับ

เนื่องจากผมทำฟอนต์ลิงอยู่ แล้วหงุดหงิดใจที่มันหาวิธีทดสอบช่องไฟ (kerning) ลำบากมากเลย ก็เลยนึกได้ว่า เออ เราก็หลอก AI ให้เขียนเว็บขึ้นมาก็ได้นี่หว่า

ขอบคุณการมีอยู่ของ Gemini จริงๆ นี่ใช้เวลาทำชั่วโมงเดียวก็เสร็จ (ทีแรกว่าจะนอน…) อาศัยว่าเฆี่ยนตีมันหน่อย ปรับไปปรับมา ถูกใจละ เลยเอามาบอกต่อครับ

ลองเล่นเลยยย

อัปเดตเวอร์ชัน 2.0 (ก่อนนอนนึกได้ว่าน่าทำเวอร์ชันมือถือ)

  • ปรับหน้าตาและฟังก์ชันต่างๆ ให้เหมาะกับมือถือ (แต่อยากให้ใช้ในจอใหญ่ ฟินกว่า)
  • รื้อโหมด Select ออก มันดูไม่สื่อสารกับผู้ใช้ ก็จะเหลือแต่โหมด Drag
  • แล้วถ้าจะพิมพ์ข้อความเองล่ะ ก็เลยเปิดเป็นชุดข้อความแบบพิมพ์เอง ไรงี้

.

อัปเดตเวอร์ชัน 3.0 (พอตื่นมาแล้วมันนึกได้ เลยทำให้จบๆ)

  • ปรับ UI/UX อีกเยอะเลย
  • เพิ่มการจำค่า จะได้เข้ามาเจอประสบการณ์เดิมก่อนจากไป
  • เนื่องจาก matrix 400×400 มันใหญ่มาก อาจทำให้คอมพ์หรือมือถือเก่าๆ ค้างได้ เลยถ้ามีตัวอักษรเกินค่าที่กำหนด จะเด้งไปโหมดพิมพ์เองเพื่อรักษาชีวิต
  • เติมโหมดสนู้ปปี้ ที่เอาไว้ทดสอบสระบนล่าง + วรรณยุกต์ทั้งชั้นเดียวและสองชั้น
  • ทำโหมดพิมพ์เองแบบไม่ทำให้ตัวอักษรต้องมาปะทะกันเป็น Matrix

.

อัปเดตเวอร์ชัน 4.0 (13 ม.ค.69)

  • เพิ่มปุ่ม “ลอเร็ม”
    • ใส่ข้อความไว้ทดสอบการพิมพ์ โดยโหลดมาจากคลังคำศัพท์
    • คลังคำ เอามาจาก TNC: THAI NATIONAL CORPUS (Third Edition) แต่เป็นแบบ CSV สถิติของพยางค์ ในภาษาไทย
    • เขียน python ดึงคำที่ใช้บ่อยที่สุดมา 2,000 คำ แปลงเป็น text แยกคำเพื่อการแรนดอม
    • เมื่อกดลอเร็ม มันจะสุ่มคำมาแสดงตามภาพแหละ (ปุ่มอื่นจะถูกปิดการใช้งาน)
  • เพิ่มโหมดตัดคำ
    • พอทำลอเร็มก็เจอปัญหาว่ามันเป็นบรรทัดเดียวยาวพรืดดดดด เลยทำโหมด Word Wrap ขึ้นมา
    • กดแล้วก็จะตัดคำให้พอดี ไม่ล้นจอ มีประโยชน์เวลาสั่งพรินต์ลงกระดาษด้วย
  • นอกนั้นก็แก้ไข UI เล็กๆ น้อยๆ เช่น
    • ยุบพื้นที่แสดงชื่อฟอนต์ด้านบน รวมกับ textbox ที่ไว้กรอกชื่อฟอนต์
    • โหมดชุดคำเริ่มเยอะ เลยทำเป็นบรรทัดละ 3 ปุ่ม
      สนุกจัง!

Jemini : Artificial Idiot

วันก่อนครับ ทัวร์ลง (คือมันลงทุกวันจนจำไม่ได้แล้วว่าวันไหน 55555) คราวนี้เป็นเรื่อง เไ … พอตกกลางคืน เลยปิ๊งไอเดียขึ้นมา ว่าไหนๆ แล้ว เราก็น่าจะสร้าง เไ ขึ้นมาใช้เองเลยจะได้ไหมวะ

ได้มั้ง

แล้วเนี่ย เหมือนตอนเขียนการ์ตูนแหละ พอไอเดียมันโผล่เข้ามาในหัวแล้วก็จะไม่ยอมไปไหน ต้องรีบถุยออกไป ไม่งั้นเดี๋ยวสมองแล่นแล้วไม่ยอมนอน เลยทำเว็บนี้บนที่นอน ออกแบบ แก้โค้ด ปรับ UX ให้มันใช้ในมือถือได้ง่ายๆ จูนนั่นนี่อีกหน่อยก็เสร็จในเวลาไม่นาน ขอบคุณที่ฉันเกิดมาในรัฐบาลนี้

พอปรับไฟนอลดีไซน์เสร็จ ก็ถือว่าเอาไปมัดรวมเข้ากับชุดเว็บแอป anndo ได้เลย (นี่เพิ่งนึกได้ว่ายังไม่ได้เขียนถึงอีกหลายอัน) และแล้ว ก็ออกมาเป็นน้อง Jemini ครับ อันนี้ Gemini ตั้งชื่อให้ แล้วเราชอบ ด้วยความอะไรก็ได้ ก็เลยเอาเลยละกัน ตัว J ยังว่างพอดี

น้องคุยได้แต่ภาษาไทยนะ ตอบโต้ได้ค่อนข้างนิสัยเสียอยู่ สั่งเจนรูปได้ (เนี่ย นิสัยเสียอีกแล้ว) หรือด่ามันก็ยังได้

ลองเล่นดู

ทำเว็บ Soundboard ตลกคาเฟ่

เย็นนี้ห้าโมงจะมีงานเลี้ยงรุ่นของเพื่อนๆ ที่คณะ ปีนี้จัดในธีมตลกคาเฟ่ นึกขึ้นได้ว่าน่าทำ soundboard ง่ายๆ ขึ้นมาไว้ให้กดบนเวที

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

แล้วก็นั่งจูนอีกนิดๆ หน่อยๆ ใช้เวลาแป๊บเดียวเสร็จเลย (ไม่ได้ optimize code นะ ไม่ได้ต้องเซฟเน็ตอะไร)

โดยรวมพอใจกับ Deepseek มาก เดี๋ยวนี้น้องเร็ว คงพ้นช่วงคนแตกตื่นแรกๆ ที่ต้องรอคิวโหดๆ แล้ว

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