JS.Class

อันนี้ต้องบอกก่อนว่า เพิ่งเจอเมื่อช่วงเย็นๆ นี้เอง เลยขอแค่ แนะนำ ครับ ไม่ได้ Review ไม่ได้ลงลึกถึงรายละเอียด หรือวิธีใช้งานแต่อย่างใด พอดี เห็นน่าสนใจเลยหยิบมาเล่าสู่กันฟัง

คือจากหน้าเว็บมัน มันบอกว่า ตัวเองเป็น ชุดเครื่องมือ สำหรับสร้างโปรแกรม JavaScript ในเชิงวัตถุ ที่ได้อิทธิพลมาจาก ภาษา Ruby แล้วก็ทำงานได้ ทั้งฝั่ง Client แล้วก็ Server

พอดี ผมไปลองเขียนเล่นๆ มาดูนิดหน่อย เห็น Syntax สวยงามน่าใช้ เป็นรูปแบบดี โคดไม่เลอะเทอะ อาจจะหยิบ ไปใช้ร่วมกับ PhoneGap หรือ Ti ได้ ก็เลยลองสักหน่อย ได้ผลมาตามข้างล่างนี้แหละครับ

ใครสนใจก็ลองไปอ่าน Manual แล้วก็เล่นดู ถ้าเล่นแค่ แบสิค ตามหน้าเว็บมันแบบผม มันก็ไม่ยากหรอกครับ อิอิ

ที่เหลืออยู่ที่ว่าจะเอาไปประยุกต์ใช้ยังไง

นอกจากนี้ก็ยังเจอ ไอ้ตัวที่คล้ายๆ กันอีกตัว แต่ยังไม่มีเวลาลองเลย เอาลิ้งก์มาแปะไว้ก่อนละกัน เผื่อจะมีคนสนใจ

Joose

ไปล่ะครับ สั้นๆ ง่ายๆ

สวัสดีครับ หายหน้ากันอีกไปพักใหญ่ๆ แต่ว่าก็ยัง อัพเดทอยู่ใน Fan Page อยู่เรื่อยๆ นะ แต่ว่าถ้าเป็น บทความยาวๆ นี่มันท้อ แฮะ 555

แต่วันนี้ ยังไงก็มาแล้ว ก็จับประเด็น บางเรื่องมาเล่าสู่กันฟัง...

พอดีช่วงนี้ผมกำลัง ทำงานในส่วนออก Report พอดี ซึ่งที่ต้องการก็คือ ออก Report เป็น PDF อันที่จริงมันก็ไม่มีปัญหาอะไรหรอก Lib PDF มีอยู่ถมไป Zend_Pdf ซึ่งทำงานได้ละเอียดมากๆ ก็มีอยู่ แต่ด้วยความขี้เกียจ เลยไม่อยากไป Add Columns ไปสร้างสี แบ่งล๊อกอะไรให้มันวุ่นวาย

แล้วก็จำได้ด้วยว่าเคยเห็น Web ตั้งเยอะที่มัน Convert HTML เป็น PDF มันน่าจะมีใครทำ Lib อะไรมาให้ใช้บ้างน่า สรุปได้ แคนดิเดท มา 3 ตัว ประกอบไปด้วย

1. TCPDF

2. Dompdf

3. mPDF

ก็เลยค่อยๆลอง ไปทีละตัว โดยที่แต่ละตัว ก็มีข้อเด่น ข้อด้อยต่างกันไป ซึ่งแรกเริ่ม ผมก็ไล่มาเลย ตั้งแต่

TCPDF

ตัวนี้ค่อนข้างจะใช้ง่ายมาก ไม่ต้อง Config อะไรวุ่นวาย Font ก็มี ที่ Support ภาษาไทยมาให้ในตัว คือ "Freeserif" ไม่ต้องทำอะไรเท่าไหร่ ตอนแรกก็คิดว่าจะหยุดที่ตัวนี้แหละ แต่พอทำไปทำมาเกิดปัญหา คือมันสามารถอ่าน Stylesheet ได้แค่เล็กน้อยเท่านั้น พวก attrs ง่ายๆ อย่าง  color อะไรแบบนี้

แต่ว่ามันดันอ่านพวก float, padding, margin เพี้ยนๆ ไม่เหมือน HTML ที่ทำมาเท่าไหร่ ซึ่งมันยากมาก เพราะผมต้องทำ HTML เป็น table เกือบทั้งหมด เลยเปลี่ยนๆ ลองตัวใหม่

Dompdf

ตัวนี้ลองอ่าน Document แล้ว ก็ลองใช้งาน ถูกใจมากเลย ถึงจะ config ลำบากไปนิด แต่ว่าใช้งานง่าย โคดเขียนสวย Doc มีตัวอย่างเยอะ แล้วก็ดู ค่อนข้างโปรที่สุด แต่....

พอถึงเรื่องภาษาไทย ผมพยายาม Add Font ไทยเข้าไป มันก็ได้อยู่ ถึงจะลง Font ค่อนข้างลำบากหน่อย แต่พอเอามา Render จริงๆ font ไทย เนียนนะครับ ใช้ได้หมด แต่สระ เสือกกลายเป็น สี่เหลี่ยมหมด (คิดว่าคงมีวิธีแก้ แต่ตอนนี้ไม่ได้หาต่อแล้ว) ก็เลยข้ามไปก่อน กะว่าจะมาหาวิธีแก้ ที่ตัวนี้แหละ แต่ยังไงขอลอง ตัวถัดไปก่อน

วันนี้ บทความที่ผมจะมาเขียน เป็นเรื่องเกี่ยวกับ Thumbnail ล้วนๆ ซึ่ง เป็นการสร้างภาพ Thumbnail on the fly นั่นแหละ แต่มันก็มีทั้ง ข้อดีและ ข้อเสียเหมือนกัน ลองดูเอานะ

Concept:
โดยปกติแล้ว เวลาเราสร้าง Thumbnail หลักการก็คือ
1. Upload Original Binary File.
2. Resize to smaller and upload.

ซึ่งอาจจะเห็นมันมีแค่ 2 อย่างก็จบแล้ว แต่พอเอาเข้าจริงมันเป็นงานที่น่าเบื่อมากเลย ทำไมต้องมาเสียเวลา ทำงานซ้ำไปซ้ำมา ผมก็เลยเกิด idea ทำไมไม่ให้มัน Generate on the fly เลยล่ะ?

แต่....

ถ้าทำอย่างงั้นมันก็ไปเปลือง ทรัพยากร Server แย่สิ หนักเอาการเลยนะนั่น ก็เลยคิดต่ออีกหน่อย...

แล้วถ้าทำเป็น Cache File หลังจาก Generate แล้ว เวลาสั่ง gen ก็มาเช็คก่อนล่ะว่ามีไฟล์รึเปล่า ทำแบบนี้น่าจะใช้ ทรัพยากรจากตอนแรกแค่ไม่ถึง 10%

คิดได้แบบนี้ผมก็เลยเริ่มทำจาก
1. สร้าง Folder ชั้นนอก CI ไว้เก็บ รูป thumbnails ทั้งหมด
- ที่สร้างข้างนอกเพราะผมเผื่อเอาไว้วันหลังถ้ารูปมันเยอะจัด จะได้แก้ไขเรื่อง File System อาจจะใช้ NAS มาจัดเก็บแทน หรือ เอา Reverse Proxy มาคลุมเฉพาะ Dir จะได้ไม่สับสน

มาๆ ต่อกันเลย หายไปนาน สำหรับเรื่องบทความของ CI นั้น ผมกะว่าจะจบให้ได้ใน 30 ตอน ซึ่ง จริงๆ แล้วรายละเอียด มันน่าจะเยอะอยู่ ไม่รู้จะบีบให้เหลือ แค่นั้น ได้มั้ย (หรือว่าถ้าขี้เกียจอาจจะย่อเหลือ 10 ตอน 555+)

สำหรับคนที่ติดตามตอนก่อนหน้านี้มา ผมจะถือว่าทำการ plug lib แบบ ปกติกันได้แล้ว วันนี้ก็ เลยจะไปแบบไม่ลง Detail ย้อนไปนัก ยังไง ถ้ายังงง ก็พึ่ง เพื่อง Google ละกันนะ สำหรับเรื่อง Smarty นั้นผมเคยเขียนแบบ คร่าวๆ มาทีนึงแล้ว ใครที่อยากรู้การทำงานมันก็ลองอ่านดูได้

มาท้าวความกันนิดนึง สำหรับ view ของ CI ที่ผมยังไม่ถูกใจนักถึงว่ามันจะง่ายโครตง่ายก็เถอะ แต่ผมไม่ชอบแนว Hard Code ที่เอา Script ไปเขียนใน Template เพราะว่านอกจาก Designer จะงงแล้ว ตัวผมเอง เวลามาแก้งานก็ งงด้วย ที่สำคัญ Smarty มันทำการเขียน plugin หรืออะไร มันมีตัวช่วยเยอะ ดี แล้วก็ทำความเร็วได้ไม่เลวนัก เพราะว่า เป็นลักษณะ นำ Template มา Compile แล้วเรียกใช้ จากตัว Compile เอา ไม่จำเป็นต้อง Translate กันทุดครั้ง ที่ Access

เอาล่ะ เกริ่นพอแล้ว เรื่อง smarty ยังไง หาศึกษากันเอาเองต่อนะครับ ผมจะมาเรื่อง plug smarty ลง CI เลยละกัน