วันนี้ทำการแนะนำเรื่องของ Automation testing ในฝั่ง frontend ซึ่งพัฒนาด้วย Angular 8 จึงลองพาทำความเข้าใจเกี่ยวกับการทดสอบ รวมทั้งแนวคิดและลงมือเขียนขึ้นมา เป็นดังนี้
angular Archive
Wails :: สร้าง Desktop app ด้วยภาษา Go และ Web technology
เพิ่งเห็นว่ามีการปล่อย Wails ใน version beta เป็น framework สำหรับสร้าง Desktop application ด้วยภาษา Go และ web technology ต่าง ๆ ได้เลย ที่สำคัญสิ่งที่ได้ออกมาคือ ระบบงานที่อยู่ในไฟล์ binary เดียวเท่านั้น ดังนั้นลองมาทำความรู้จักกันหน่อย
บันทึกการพัฒนาระบบงานด้วย Angular 6 และ Golang
พอดีเพิ่งทำระบบ web application แบบเร็ว ๆ ซึ่งมี feature ไม่เยอะ จึงเลือกใช้เทคโนโลยีที่ไม่ค่อยใช้งานหรือถนัดมากนัก เพื่อลองฝึกฝน แต่ฝึกบนงานจริง ๆ น่าจะทำให้เราศึกษาได้รวดเร็วขึ้น หรือไม่ก็ล่มไม่เป็นท่า !! โดยเทคโนโลยีที่เลือกใช้งานเป็นดังนี้ Frontend พัฒนาด้วย Angular 6 Backend พัฒนาด้วยภาษา Go จัดการ source code ด้วย Git ทำการ build และ deploy ด้วย Docker (ใช้งาน docker-compose) ทำการ deploy ระบบงานบน Google Cloud แบบฟรี 300 USD เป็นเวลา 1 ปี มาดูว่าการพัฒนาเป็นอย่างไรบ้าง
Angular 6 ว่าด้วยเรื่อง Life Cycle ของ Component
ว่าง ๆ นั่งดู Life Cycle ของ Component ใน Angular 6 โดย component นั้นเป็นส่วนการทำงานหลัก ๆ ของ Angular เลยก็ว่าได้ เป็นสิ่งที่สำคัญมาก ทั้งการออกแบบเช่น Stateless และ Stateful component ทั้งการเข้าใจกระบวนการทำงาน ตลอดจน Life cycle ของมัน ใน blog นี้ไปดู Life cycle ของ component กัน พบว่ามันเยอะมาก ๆ นะ
แนะนำ Stackblitz สำหรับการ run React และ Angular จาก Github repository ผ่าน browser
อ่านเอกสารของ Angular ก็พบสิ่งที่น่าสนใจคือ สามารถทำการ run code ที่อยู่ใน Github repository ผ่าน browser ได้เลย ซึ่งมันทำให้ชีวิตนักพัฒนา Frontend ง่ายขึ้นมาก เพราะว่า ไม่ต้องทำการติดตั้งสิ่งใดเลย เพราะว่า การติดตั้ง dependency ต่าง ๆ บนเครื่องเราใช้เวลาสูงมาก ๆ เพราะว่า การแบ่งปันหรือทำงานร่วมกับคนอื่น ๆ มันยากขึ้นไปอีก ดังนั้นมาลองใช้งาน Stackblitz กันนะ
สิ่งที่ได้รับจาก Angular Developers Thailand Meetup ประจำเดือนมกราคม 2018
เมื่อวานตอนเย็นได้ไปร่วมงาน Angular Developers Thailand Meetup January 2018 จากลุ่ม Angular Developer Thailand จัดที่ HANGAR Coworking Space by DTAC โดยครั้งที่มีหัวข้อดังนี้ Create package on NPM Make readable code in Angular with Lettable(Pipe) Operator Angular CI/CD with DroneCI เนื่องจากไปช้าจึงได้ฟังเฉพาะหัวข้อที่ 2 ปลาย ๆ กับหัวข้อที่ 3 และมีการให้ถามตอบคำถามต่าง ๆ จากคนที่เข้ามาพูดและฟัง มีหลายอย่างที่น่าสนใจดังนี้
Storybook 3.3 สนับสนุน Angular แล้วนะ
หลังจากที่ Storybook 3.2 นั้นสนับสนุน Vue.js ไปแล้ว ถึงคิวของ Angular บ้างสำหรับ Storybook 3.3 (ตอนนี้ไปถึง 3.3.3 แล้ว) แต่ใช้ได้กับ Angular version 4 ขึ้นไปเท่านั้น โดยมีการ addons ต่าง ๆ เพิ่มมานิดหน่อย เช่น Viewport ทำให้สามารถจำลองการทำงานบน device ขนาดต่าง ๆ Jest สำหรับการแสดงผลการทดสอบ Story panel Storyshot ของแต่ละ story สนับสนุน Markdown ใน story ดูเพิ่มเติมได้ที่ Storybook Release
มาดูแผนการ release ของ Angular 4 กันหน่อย
ในตอนนี้ Angular เป็น version 4 beta 2 แล้วนะ ซึ่งผู้พัฒนาบอกว่า อย่าเรียกว่า AngularJS อย่าเรียกว่า Angular 2 อย่าเรียกว่า Angular 4 อย่าเรียกตาม version แต่บอกให้เรียกว่า Angular เท่านั้น เนื่องจากมีการ release และเปลี่ยน version บ่อย ดังนั้นเพื่อไม่ให้สับสนก็เรียกสั้น ๆ ไปก็พอ