API มีอะไรมากกว่าที่คิด

API คืออะไร ?

ถ้าพูดสั้นๆก็คือ “ข้อมูล” รูปแบบหนึ่งๆ ที่ทำออกมาเพื่อให้พร้อมนำไปใช้งานอาจแสดงออกมาได้หลายรูปแบบขึ้นอยู่กับความเหมาะสมกับการใช้งาน หรือผู้ที่จะนำไปใช้ รูปแบบที่นิยมใช้จะเป็นรูปแบบ xml หรือ Json ทั้งสองรูปแบบก็มีข้อดีข้อเสียต่างกัน แต่ปัจจุบันนิยมใช้ Json มากกว่า

Read More

ใช้ Node.js แปลง File video ด้วย FFMPEG

FFMPEG เป็นที่รู้กันว่าเป็น เครื่องมือที่เขาใช้กันแพร่หลายในการแปลงไฟล์ Vidoe  ใน Post นี้จะเขียนวิธีการใช้งาน  FFMPEG ด้วย Node.js  โดยเลือกใช้  library ของ fluent-ffmpeg  เขียนมากไปอาจจะงง  งั้นมาลองทำกันเลย  (ในที่นี้ผมใช้เครื่อง Mac นะครับ)


ขั้นตอนการลงโปรแกรม

1. Download  Node.js  มาลงที่เครื่องแล้ว Install   หรือ เปิด Terminal  แล้วพิมพ์

$ brew install node

Read More

การใช้งาน Facebook Graph API Explorer

Graph API Explorer เป็นเครื่องมือของ Facebook  ที่ใช้สำหรับทดสอบและตรวจสอบการทำงาน  API ต่างๆ ของ Facebook  ว่าทำงานได้ถูกต้องตามที่เราแสดงผลหรือไม่  และในระหว่างพัฒนายังมีส่วนสำคัญมากที่ใช้ตรวจสอบว่าเราต้องขอ Permission  จากทาง Facebook หรือไม่ และต้องขอในส่วนไหน

ในการขอ Permission ของทาง Facebook ยากค่อนข้างเข้มงวดและใช้เวลานาน  การทดลองใช้ Graph API Explorer  ทดสอบดึงค่าต่างๆมาจาก Facebook เป็นสิ่งสำคัญมาก Read More

แปลง Flash Banner เป็น HTML5 Banner

ปัจจุบัน Banner ใน Website ต่างๆ เริ่มมีการปรับเปลี่ยนจาก Flash มาเป็น HTML5   เหตุผลที่มีการนำ HTML5 มาเป็น Banner เนื่องจาก  Flash ไม่รองรับใน Smart Phone ต่างๆนั่นเอง

แต่ในการที่จะให้เปลี่ยนให้คนสร้าง Banner จาก Flash มาเขียน Script HTML5 ก็เป็นเรื่องที่ยากและเร็วเกินไป  จึงทำให้มีโปรแกรมแปลง Flash เป็น HTML5 อยู่เยอะพอสมควร  ซึ่งก็แล้วแต่คนใช้ชอบ  สำหรับผมใช้ Swiffy ของ Google

แต่การใช้โปรแกรมแปลงก็พบปัญหาเช่นกันทั้งในเรื่อง เอาเข้า Adserver แล้วมีปัญหา  ค้างหรือคลิกไม่ได้  จับ clicktag ไม่ได้  ฯลฯ  จากที่ได้ลองศึกษาแหละหาวิธีแก้ไข ก็ได้ออกมาเป็นขั้นตอนดังนี้  (จากตัวอย่างผมใช้ Actionscript 1-2 นะครับ  และ Adserver ใช้ Revive) Read More

การ Share Twitter ในรูปแบบ Card

Twitter-icon

ก่อนหน้านี้ Twitter สามารถแชร์ข้อมูลได้เพียงแค่  Text กับ Link  เท่านั่น  แต่ตอนนี้ Twitter ได้มีการเพิ่มลูกเล่นให้กับตัวเองที่เรียกกันว่า Twitter card  ที่เป็นรูปแบบแสดงผลในหน้า Twitter ที่สามารถแสดงรูปภาพ หรือ วิดีโอได้  ที่เหมือนๆกับ Facebooks  ซึ่งวิธีก็คลายๆกัน  เพียงแค่ไปเพิ่มค่าใน mata ของหน้าต่างๆเท่านั่น

ชนิดของ Card
1.  Summary Card  :  เป็นการแสดงรายละเอียดเพิ่มเติมให้มากกว่าที่ Twitter กำหนดไว้

ตัวอย่าง

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@flickr" />
<meta name="twitter:title" content="Small Island Developing States Photo Submission" />
<meta name="twitter:description" content="View the album on Flickr." />
<meta name="twitter:image" content="xxx.jpg" />

Read More

วิธี เช็ค Like Facebook

new-facebook-like-button

ปัจจุบัน Facebook ได้มีการเพิ่ม  ระดับการดึงข้อมูลของแต่และ App ที่เรียกกันว่า Permission  เพื่อเพิ่มความปลอดภัยในการดึงข้อมูลมากขึ้น
ไม่สามารถดึงข้อมูล Like ของ User ได้แบบเมื่อก่อนหาก App  ไม่ได้ผ่านการตรวจสอบ

ถ้าต้องการดึงข้อมูล Like ต้องทำ App  ให้เสร็จแสียก่อน เพื่อส่งให้ทาง Facebook ตรวจสอบ

สิ่งที่ต้องมีสำหรับ Review
1.  ID Facebook Developer และ App  ที่ใช้อ้างอิงในการดึงข้อมูล
2. Icon และหน้าตาตัวอย่างของ App อย่างน้อย  4  หน้า
3.  URL ที่ใช้อ้างอิง App
4.  URL หน้า Privacy Policy  เป็นการบอกว่าเราต้องการดึงข้อมูลไปใช้อะไร ประมานนั้น

Read More

วิธี Share LINE

line

ไม่นานมานี้  LINE ได้มีการเปิดให้ใช้งานระบบแชร์ (Share)  ซึ่งในเบื่องต้นนี้การใช้งานจะใช้สำหรับ Smart Phone ต่างๆ  ขั้นตอนในการทำ Share LINE ก็ง่ายมากเพียงแค่  ส่งข้อความเข้า link ที่ทาง LINE กำหนด ก็สามารถใช้งานได้แล้ว   Read More