เชื่อว่าสาย Dev ต่างๆที่ชอบการแชร์ข้อมูลหรือ ความรู้ที่เกี่ยวข้องกับประสบการณ์ด้านการเขียนโปรแกรม จะเจอปัญหาจากการนำ โค๊ดตัวอย่างที่เราเขียน หรือ ต้องการแชร์ให้คนอื่นดู เวลานำไปโพส มันจะดูยากๆ เพราะ รูปแบบ และสีของ โค๊ดที่เปลี่ยนไปเป็น แค่ข้อความธรรมดา
แต่ถ้ามีเครื่องมือหรือ วิธีการทำให้ดูง่าย ตามตัวอย่าง
 |
| ตัวอย่างการจัดรูปแบบ Code |
วันนี้เราลองมาใช้วิธีกการแบบง่ายๆ และได้ผลแบบมืออาชีพกันหน่อย โดยการ Highlight Code ด้วยเครื่องมือ Gist ซึ่งเป็นบริการฟรีจาก Github
ขั้นตอนการใช้งาน
1.ให้ไปที่ gist.github.com
2.ดำเนินการตามตัวเลขในภาพ
 |
| ตัวอย่างการสร้าง Code |
โดย
หมายเลข1 ให้กรอกหรือ ใส่คำอธิบายสั้นๆ
หมายเลข2 สร้างชื่อไปฟล์และนามสกุลของภาษาที่ต้องการ ในตัวอย่างผมเขียน เป็น ภาษา javascript โดยใช้ชื่ออว่า checkNull.js
หมายเลข3 ตัวอย่าง Code ที่เราเขียน
หมายเลข4 รูปแบบในการแชร์ Code จะมีอยู่ 2 รูปแบบให้เราเลือกใช้ครับ
 |
| ตัวอย่างการเลือกรูปแบบ การแชร์ |
หมายเลขที่1 แชร์ตัวอย่าง Code ให้บุคคลทั่วไปเห็นได้ แต่ไม่แชร์ในตัว Github.com
หมายเลขที่2 แชร์ตัวอย่าง Code ให้บุคคลทั่วไปเห็นได้ และแชร์ในตัว Github.com
****ถึงตรงนี้เลือกเอาเลยครับ จะแชร์แบบไหนก็ได้ ไม่ผิด ครับ
ต่อไป......
 |
| ตัวอย่างการจะนำไปใช้งาน |
กดตามหมายลข1 เพื่อทำการ Copy Code ไปใช้งาน
 |
| ตัวอย่างการ Copy Code ไปใช้งานต่อ |
กดตามหมายลข2 เพื่อดำเนินการส่ง Code ที่เขียนไปเก็บไว้ที่ Github.com
แค่นี้เป็นอันเสร็จเรียบร้อยแล้วครับ เราก็จะสามารถ แชร์ หรือ แสดง ตัวอย่างการเขียนโปรแกรมให้คนอื่นๆ ดูได้ ด้วยรูปแบบ ที่น่าสนใจเลยที่เดียวครับ
#หวังว่าจะเป็นประโยชน์สำหรับ หลายๆ ท่านน่ะครับ
ไม่มีความคิดเห็น :
แสดงความคิดเห็น