Coding

[Web Component] มาตรฐานใหม่ของการเขียนเว็บด้วยการสร้าง Web Component จาก Custom Elements API

วันนี้เราจะมาเรียนการ Custom element ด้วย JavaScript API ซึ่งเป็น Native API ที่สามารถทำให้เราสร้างแท็ก HTML ได้เองหรือจะสามารถ Extend ตัว components ของคนอื่นมาได้ด้วย ซึ่งเอกสารของ Custom Elements API เขียนอยู่ในเว็บของ WHATWG แล้วสามารถเข้าไปอ่านกันได้ จริงๆ เราจะเห็นได้ว่ามันมีการพูดถึงน้อย [...]

[CI, Docker, Git] สอนการทำ GitLab CI ด้วย Docker runner service

Update 07/05/2018 หากใครก็ตามที่ไม่อยากให้ CI มัน Build ให้ทุกครั้งที่มีการ  Push ไปบน Git Server ให้ใส่ข้อมความใน git commit ว่า “[ci skip]” นะครับ ตัว CI จะไม่ทำงานให้เราใน commit ที่เราได้ทำการ [...]

[HTTP] การเขียน HTTP Status Codes โลกของความเป็นจริง เมื่อคุณเริ่มทำ API

สวัสดีครับบทคามนี้ผมจะมาอธิบายว่าการใส่ HTTP status codes นั่นมันสำคัญต่อการทำ API ยังไงในแง่ของการใช้งานจริง และถ้าไม่ใส่จะเป็นยังไง โดยผมจะยกตัวอย่างเหตุการณ์ง่ายๆ อย่างเช่นการทำเว็บมาให้เห็นภาพกัน และจุดประสงค์อีกอย่างนึงคือการอยากให้ทุกคนเขียนโปรแกรมให้เป็นมาตรฐานตรงตาม Standard ซึ่งก่อนหน้านี้ผมเคยเขียนบทความตัวนึงเกี่ยวกับการเขียน API ตาม Standard ไปแลยตามนี้ลิ้งนี้เลยครับ ก่อนจะมาเริ่มกันมาทำความรู้จักก่อนว่า HTTP status codes เริ่มกันเลย   [...]

[Part 7] Coding on Vim: การค้นหาไฟล์และค้นหาโค้ดใน Vim

สวัสดีครับบทความชุด Coding on Vim ตอนที่ 7 นะครับ สำหรับตอนนี้ผมจะมาแนะนำ Plugin ที่ช่วยให้เราทำการค้นหาไฟล์และโค้ดที่อยู่ในโปรเจคเราได้เหมือนกับการใช้พวก Atom, Sublime เลยเอากด command + p (Mac), ctrl + p (windows) ซึ่งใน vim เองก็ทำได้นะครับ [...]

[Part 6] Coding on Vim: NERDTree ทำไฟล์ explorer บน Vim

สวัสดีครับ บทความชุด Coding on Vim ก็มาถึง Part 6 ซึ่งในบทความนี้ผมจะมาแนะนำปลั๊กอินที่ช่วยให้เราจัดการไฟล์บน Vim ได้โดยไม่ต้องใช้พวกโปรแกรม Finder(Mac) หรือ File explorer (Windows, Linux) ทำให้เราสามารถอยู่บนหน้าจอ Vim ได้ตลอดเวลา ไม่ต้องสลับหน้าจอไปมา และ Plugin ตัวนี้ชื่อว่า [...]

[Part 5] Coding on Vim: การใช้ Vim และ Git คู่กัน

สว้สดีครับ บทความก็มาถึง Part 5 กันแล้วนะครับ ซึ่ง Part นี้ก็สำคัญเหมือนกันสำหรับคนที่ทำงานเขียนโค้ดคงใช้งาน Git กันอยู่ประจำ ซึ่งพวก IDE, Editor สมัยนี้เขาก็มีลูกเล่นให้เราได้เล่น อย่างเช่น การ push, commit ได้จากตัวโปรแกรมเลย ไม่ต้องให้เรามาเปิด Terminal เอง และฟีเจอร์ที่ผมจะชอบมากคือการเอา [...]

[Part 4] Coding on Vim: การตั้งค่า Vim ใน .vimrc

บทความนี้เราจะมาพูดถึงเรื่องไฟล์ .vimrc กันว่ามันไว้ใช้ทำอะไรและมีประโยชน์อย่างไร ซึ่งหลายๆ คนอาจจะเคยเห็นไฟล์ที่เขียนลงท้ายด้วย rc (suffix) มาบ้างแล้ว เช่น .bashrc .bowerrc อะไรประมาณนี้ ซึ่งเดียวเราจะมาดูรายละเอียดกัน   ทำความรู้จักกับไฟล์ rc  จริงๆ แล้วไฟล์ที่ลงท้ายด้วย rc จะอยู่ใน OS ตระกลูพวก Unix, Linux (ผมไม่แน่ใจว่า windows ใช้อะไร) [...]

[Part 3] Coding on Vim: หัดใช้คีย์พื้นฐานที่จำเป็นใน Vim

ผ่านไปแล้ว 2 Part ครั่งนี้ผมจะมาอธิบายและสาธิตการคีย์ที่จำเป็นต่างๆ อีกครั่ง หลังจากที่ผมเคยทำวีดีโอสาธิตให้ดูแบบไวๆ ใน Part 1 แต่นั่นอาจจะยังดูกันไม่ทันและยังไม่ลงรายละเอียดไรมากเท่าไร เดียวเรามาเริ่มกันเลย ผมจะแยกคีย์ไปตามแต่ละการใช้งานเป็นหมวดหมู่ให้นะครับ ผมจะเอาที่ใช้งานจริงๆ บ่อยๆ เท่านั่น ที่เหลือลองไปหาเพิ่มเติมเอานะครับ และจะใช้การอธิบายผ่านโค้ดนะครับ ด้วยใช้รูปแบบการอธิบายแบบ ket: value ตามหลักการเขียนโปรแกรม อิอิ แอบเนริด์นิดนึง [...]

[Part 2] Coding on Vim: สอนลง Plugin บน Vim

ก็หลังจากที่ผมได้อธิบายไปบทความแรก เกี่ยวกับ vim ไปแล้ว คราวนี้ก่อนจะมาเขียนโปแกรมกันจริงๆ ผมก็จะมาสอนลง Plugin ก่อนเพื่อช่วยให้เราเขียนโปรแกรม ได้ง่ายขึ้นและมีฟังก์ชันคล้ายๆ กับพวก Atom หรือ Sublime มากขึ้น แต่มันก็ย้ำไว้ก่อนว่ามันก็ไม่ได้ทำให้ง่ายขึ้นกับการใช้ vim ทำงานถ้าเป็นมือใหม่ และยังกดคีย์ไม่คล่องนะครับ เพราะท้ายที่สุดแล้วเราก็ยังต้องพิมพ์ commend ลงไปเพื่อให้มันทำงานอยู่ดี จะช้าหน่อยจนกว่าจะชินกับมัน เดียวเรามาทำความรู้จักกันเลยครับว่า [...]

[Part1] Coding on Vim: ทำความรู้จัก Vim

บทความชุดนี้เราจะมาแนะนำการใช้ Vim เพื่อทำงานกันในการเขียนโปรแกรม โดยตอนแรกเองผมก็ใช้ Vim และ Vi ปกติก็แก้ไฟล์เล็กๆ น้อยๆ บน Sever หรือในคอมตัวเอง ใช้งานปกติทั่วไป แต่เรื่องมีอยู่ว่า พอดีผมย้ายงานใหม่และมีเพื่อนที่ทำงานผมคนนึงเก่งมากเลยในการใช้ Vim มันดูเท่มากครับ เวลาคุณเอามาเขียนโปรแกรม จริงๆ จังๆ ลงฟังก์ชัน กดโน้นนี่ อย่างคล่องแคล่ว [...]