[How to] แชร์ Facebook แล้วรูปไม่ขึ้น ต้องการจะให้มัน fetch หารูปของเราใหม่ ทำยังไง?

บางครั้งเวลาเรากดแชร์ Facebook แล้วปรากฏว่าเจ้า Facebook มันดันไปหารูปอะไรก็ไม่รู้มาแสดงเป็นภาพ shared image ทั้งๆ ที่รูปเจ้าปัญหารูปนั้นก็ไม่ได้อยู่บนหน้าเว็บสะหน่อย (อาจจะเคยมีอยู่แต่ลบไปแล้วกดแชร์ใหม่มันก็ยังอยู่)

เพราะมันติด cache! ยังไงล่ะ

อะไรคือ cache? แคชเป็นสิ่งที่คล้ายๆ กับความจำชั่วคราว เก็บไว้ไม่นาน (แต่บางครั้งมันก็นานได้ แล้วแต่จะตั้งค่า) แล้วระบบการทำงานของ Facebook เมื่อมีคนกดแชร์ ก็คือเจ้าระบบของเว็บ Facebook มันจะวิ่งมาที่ url หน้าที่เราจะแชร์ของ ถ้ายังไม่เคยมีอยู่ในข้อมูลมาก่อนเลย มันก็จะทำการหารูปในหน้าเว็บนั้นมาให้เราเลือกว่าจะเอารูปไหน

แต่ประเด็นคือ ... ถ้าเป็นการแชร์ครั้งที่สอง เว็บ Facebook มันจะไม่วิ่งมาหารูปใหม่แล้วเพราะมันมี image cache เก็บเอาไว้จากครั้งที่แล้วแล้วยังไงล่ะ สาเหตุก็เพราะความเร็วในการแสดงผลเป็นหลัก

ดังนั้นปัญหามันเลยเกิดขึ้น!

แล้วถ้าเราอยากจะเปลี่ยนรูปใหม่ล่ะ ทำยังไง

เข้าไปเคลียร์ cache ซะสิ

ก่อนอื่นเลยก็เข้าไปที่หน้านี้ https://developers.facebook.com/tools/debug/og/object/

เราจะเจอช่องให้ใส่ url ที่ต้องการจะเคลียร์แคชทิ้ง ก็ใส่ url ของหน้าเว็บเราลงไปแล้วกดปุ่ม [Fetch new scrape information] ซะ

เท่านี้ Facebook ก็จะไปดึงข้อมูลรูปภาพใหม่อีกครั้ง

url สำหรับ developer

ระบบของ Facebook อนุญาตให้เราส่ง query string ไปเคลียร์แคชได้เลยเช่น

แนะนำเว็บสำหรับคนเรียน Data Structure

ผู้ที่กำลังเรียนหรือศึกษาเรื่อง Data Structure ใหม่ๆ อาจจะมีข้อสงสัย (หรือบางครั้งก็ไม่เข้าใจอะไรเลย ฮา) ว่าไอ้โครงสร้างข้อมูลตัวเนี้ย .. ตกลงมันเก็บอะไรยังไงแน่ นึกภาพไม่ออกเลย

วันนี้เราเลยนำเสนอเว็บสำหรับรันภาพแบบ visualization ออกมาให้เห็นกันเลย ไม่ว่าจะเป็นเรื่องการเรียนข้อมูล มันขยับกันยังไง swap กันที่ตัวไหน หรือจะเป็นเรื่อง Tree หรือ Graph ว่าข้อมูลตัวใหม่เข้ามาแล้วมันไปสร้าง Node ที่ไหน

จากที่ลองเล่นๆ มาหลายเว็บ มี 2 เว็บที่เข้าตากรรมการ นั่นคือ

VisualGo

อยากเขียนโปรแกรม เริ่มยังไงดี? - ตอนที่ 3 แปลงความคิดในหัว (Flowchart) ให้กลายเป็น Code

2:45
ในบล๊อกนี้จะพูดถึง Flowchart เป็นหลัก เนื่องจากเคยเขียนสรุปไปแล้ว เลยจะไม่ขอพูดถึงว่า Flowchart คืออะไรอีก สำหรับใครที่ยังไม่เคยอ่านสามารถกลับไปดูได้ที่ fundamental-programming

ทำไมต้องเขียน Flowchart

จากประสบการณ์ของเราตอนเริ่มเขียนโปรแกรมใหม่ๆ และหลังๆ ลองเก็บข้อมูลจากการสอนน้องๆ ดู พบว่าสาเหตุแรกๆ ที่ได้ยินโจทย์ปุ๊บจะเริ่มเขียนโค้ดเลย

อ้าว .. แล้วมันผิดตรงไหน ก็เขียนโปรแกรมนะ

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

ถ้ายังไม่รู้ว่าโจทย์นี้มีวิธีคิดยังไงก็อย่าเริ่มเขียนเลย เขียนไม่ได้หรอก แรกๆ ขอแนะนำให้ใช้ tool ที่มีชื่อว่า "Flowchart" ในการลำดับความคิดของเรา และใช้การเขียนในกระดาษจะดีที่สุด จนเมื่อไหร่ที่เชี่ยวชาญแล้วระดับฟังโจทย์ปุ๊บ Flowchart โผล่มาในหัวปั๊บ จะเลิกเขียน Flowchart ก่อนเขียนโปรแกรมก็ย่อมได้เพราะถ้าถึงระดับนั้นแสดงว่าคุณรู้จักการลำดับความคิดแล้วยังไงล่ะ

เขียน Flowchart (ก็ยากแล้ว) ได้แล้ว แต่ดันแปลงเป็นโค้ดโปรแกรมไม่ได้

เอาล่ะ สมมุติว่าเราได้โจทย์มาข้อหนึ่ง แล้วหลังจากนั่งๆ นอนๆ ขีดๆ เขียนๆ ไปพักใหญ่ๆ เราก็ได้เจ้านี่มา
เป็น Flowchart คำตอบของโจทย์นี้ wow!

แต่เอาล่ะสิ! Flowchart ซับซ้อนขนาดนี้จะเขียนโค้ดยังไงล่ะนั่น
อันดับแรกอย่างเพิ่งกลัวมันเพียงเพราะเส้นมันเยอะ ไม่ว่ามันจะซับซ้อนแค่ไหน ส่วนใหญ่รูปแบบมันจะตกอยู่แค่ 4 รูปแบบเท่านั้นแหละ

[How to] วิธีเซฟไฟล์ word ให้กลายเป็น .pdf

ไฟล์เอกสารจากโปรแกรม MS Word เป็นไฟล์ที่นิยมใช้กันมาก แต่มันก็มักจะมีปัญหาอยู่ เช่นเวลาส่งไปให้เพื่อน เอาไปสั่งปริ๊นที่ร้าน ฟอร์เมทตัวอักษรที่จัดไว้มักจะ "เพี้ยน" จนต้องไปนั่งจัดหน้ากันใหม่

การ save ไฟล์ .doc และ .docx ให้กลายเป็นไฟล์ .pdf ซึ่งเป็นไฟล์ที่สามารถเปิดอ่านได้อย่างเดียว แก้ไขไม่ได้ (และแน่นอน ไม่ว่า ฟอนต์ รูป การจัดหน้าจากไฟล์ต้นฉบับจะเป็นอย่างไร มันจะคงอยู่เป็นแบบนั้น) ดูจะเป็นทางเลือกที่มั่นใจได้มากที่สุด

แต่ก่อนที่เราจะเซฟไฟล์เป็น .pdf ให้ไปโหลดปลั๊กอินของเวิร์ดเพิ่ม ที่นี่ <-- จิ้มเบาๆ

เว็บต้นทางของไมโครซอร์ฟเลย ดังนั้นมั่นใจปลั๊กอินตัวนี้ได้ ... ก็โหลดลงมาแล้วก็จัดการติดตั้งให้เรียบร้อย (กด nextๆๆ ไปเรื่อย~)

วิธีใช้งาน

ในตัวอย่างเราสร้างไฟล์ .doc ขึ้นมา ถ้าลงปลั๊กอินแล้ว เวลากด save as จะเห็นหัวข้อ "PDF or XPS" เป็นตัวเลือก

หลังจากกดปุ๊บก็จะเจอหน้าเซฟไฟล์ตามระเบียบ

เพียงเท่านี้ก็จะได้ไฟล์ .pdf จากเอกสารเวิร์ดเราแล้ว ส่งไปให้ใครก็ไม่ต้องกลัวไฟล์จะเพี้ยน

~compiler - ตอนที่ 1 คอมไพเลอร์คืออะไร?

ย้ายบทความไปอยู่ที่ http://www.tamemo.com/post/47/compiler-1-intro/