import file from “notion” to “azure devops”

สวัสดีท่านผู้อ่านทุกๆ ท่าน Blog แรกของรอบ TOR ใหม่ในปีนี้ ผู้เขียนจะขอว่าด้วยเรื่องของการ export ข้อมูลจาก notion และการนำเข้าข้อมูลไปยัง azure devops กันค่ะ หลายๆคนคงมีคำถาม ว่าเจ้า notion นี่มันคืออะไร ?? ถ้าให้อธิบายสั้นๆ ง่ายๆ notion ก็คือ “ซอฟต์แวร์ตัวนึงที่เราสามารถใช้จดโน้ต จัดการงาน วางแผนต่างๆ ได้ครบจบในตัวเดียว ใช้งานง่าย หน้าตาน่ารัก” นั้นแหละนะ คำถามถัดมา แล้วทำไมไม่กรอกบน azure devops เลยละ ? ทางผู้เขียนขอตอบเลยว่าการบันทึกข้อมูลตามฟอร์ม work items เนี่ย ผู้เขียนมีความรู้สึก(ส่วนตัว) ว่ามันค่อนข้างจะกรอกยาก และเสียเวลาจริงๆ (ใช้ excel, google sheet หรือ notion ง่ายกว่าเย๊อะ) ปล…แต่ทั้งนี้ทั้งนั้น azure devops ก็ยังคงมีประโยชน์และใช้งานได้ดีในส่วนอื่นๆ อยู่แหละนะ ^^ Blog นี้ผู้เขียนจะไม่ลงลึกในส่วนของการใช้งาน notion แต่จะเน้นในส่วนของการ import ข้อมูลเข้าใน azure devops ซะมากกว่า ถ้าท่านผู้อ่านสนใจการใช้งาน notion สามารถค้นหาข้อมูลผ่าน google ได้เลย มีเยอะแยะมากมายเชียวละ เรามาเริ่มดูหน้าตาเจ้า notion กันก่อนเลยดีกว่า Step 1 : สมัครใช้งานให้เรียบร้อย จากนั้น Add a page ขึ้นมา ตั้งชื่อตามต้องการ เลือกใช้ DATABASE ในรูปแบบ Table ซึ่งตอบโจทย์ในการทำงาน และเก็บข้อมูลของทางผู้เขียน Step 2 : สร้าง column ข้อมูลตามที่เราต้องการบันทึก สำหรับขั้นตอนนี้ แนะนำให้สร้างตรงกับฟิลด์ที่ใช้เก็บข้อมูลใน work item ของเราบน azure devops นะ เพราะมันจะง่ายและลดระยะเวลาในการทำงานได้เยอะเลยแหละ Step 3 : ขั้นตอนนี้จะเป็นการ Export ข้อมูลที่เรากรอกไว้บน notion ให้อยู่ในรูปแบบ .csv ให้เราคลิกตรง … มุมบนด้านขวาของ page ที่เราต้องการ Export จากในตัว notion จากนั้นเลือก Export Step 4 : เลือก format และเงื่อนไขอื่นๆ ที่เราต้องการ Export โดยผู้เขียนจะเลือกเป็น Markdown& CSV เมื่อเรา Export เรียบร้อยแล้วก็จะได้หน้าตาข้อมูลมาประมาณนี้ (เราสามารถปรับแก้ไขตัวไฟล์ดังกล่าวเพิ่มเติมได้เลยนะ) Step 5 : เปิดหน้าจอ azure devops ของเราขึ้นมาก่อนเลย เลือก Project ที่ต้องการดำเนินการ เลือกเมนู “Boards” เมนูย่อย “Work Items“ Step 6 : เลือก Import Work Items จากนั้นให้เราเลือก Choose File โดยเลือกเป็นไฟล์ที่เรา Export ได้มาตะกี้นั่นแหละ Step 7 : เมื่อเรา Import ข้อมูลจาก .CSV เราเข้ามาเรียบร้อยแล้ว เราก็จะพบกับข้อมูลดังกล่าวบนตัว azure devops หน้าตาประมาณนี้เลย สุดท้าย ท้ายสุด หากตรวจสอบพบว่าถูกต้อง ไม่มีปัญหาใดๆ ก็ให้คลิก Save items ได้เลยนะทุกคนนนนนน เอาจริงๆ ง่ายมากๆ ลดเวลาการกรอกข้อมูลซ้ำซ้อนในการทำงานของทางผู้เขียนได้ดีมากๆ เอาไปเลย 5 ดาววววววว ทั้งนี้ทางผู้เขียนยังคงหวังเป็นอย่างยิ่งว่าข้อมูลดังกล่าวจะมีประโยชน์ไม่มากก็น้อย สำหรับผู้อ่านหลายๆ ท่านน๊าาาา แล้วพบกันใหม่ใน Blog หน้าเน้ออออออ ขอขอบคุณน้องเอก

Read More »

เพิ่มสีสันให้กับ Picklist Field ของ Work item บน Azure DevOps ด้วย Color picklist control

สำหรับบล๊อกนี้ เราจะมาเพิ่มสีสันให้กับ ฟิลด์รายการ (Picklist Field) ของ Work item บน Azure DevOps กันค่า เพราะสีสันเป็นสิ่งที่มีอิทธิพลต่ออารมณ์และความรู้สึกของเรา (และ “มิตรภาพที่ดีก็เหมือนสีที่ติดแน่น ไม่จางหาย” อ่ะไปนั่นนน >,<) Color picklist control ที่นำมาใช้นั้น จะช่วย ระบุความสำคัญของไอเท็ม สร้าง visual language (ภาษาภาพ หรือสิ่งที่มองเห็น) ให้กับ ฟิลด์ (field) เพื่อแทนความหมายที่ต้องการจะสื่อสาร มาเริ่มกันเลยค่า 1. ไปที่ Work Item (ที่ต้องการปรับแต่ง Picklist Field) โดยคลิกเพิ่มเติม … แล้วเลือก “Cuztomize” ดังรูป 3. หน้าต่าง Add a custom control จะแสดงขึ้นมา ให้กดเลือก Control ชื่อ Color picklist control (Microsoft DevLabs) (ซึ่งเราได้ Add ไว้ใช้งานเรียบร้อยแล้ว) แล้วก็กดปุ่ม “OK” Let’s it goooo ดังรูป 4. เมื่อเลือก control เรียบร้อยแล้ว ไปที่แท๊ป Option เพื่อเข้าไปกำหนดสี และ Label ให้กับค่าต่างๆ ของ filed โดยให้ทำการเลือก Picklist Filed ที่ต้องการ แล้วระบุ label แล้วทำการกำหนดสี ให้กับแต่ละค่าของรายการใน filed ดังรูป –> ในตัวอย่าง ผู้เขียนได้กำหนดสี และ Label ให้กับ filed > State ซึ่งมีทั้งหมด 4 ค่า คือ Active;Closed;Proposed ;Resovled และกำหนดสีดังนี้ Blue;Green;Grey;Orange (ในการกำหนดค่าให้ใช้ ; คั้นระหว่างค่าข้อมูล) 5. ไปที่แท๊ป Label กันซักหน่อย เพื่อกำหนด Label ของ Field ที่ต้องการให้แสดง ดังรูป ตัวอย่าง ผู้เขียนตั้งชื่อว่า State แล้วกดปุ่ม “OK” ก็เป็นอันเสร็จเรียบร้อยแล้วละค่า มาดูหน้าตาหลังดำเนินการกันเรียบร้อยแล้วค่ะ และในส่วนของหน้าจอกรอกข้อมูล … พอมีสีสันขึ้นมา อู้วววว ดีงามมากเลยค่า 🙂 อ้างอิง : https://marketplace.visualstudio.com/items?itemName=ms-devlabs.color-form-control&ssr=false#overviewhttps://azure.microsoft.com/en-us/services/devops/#overviewhttps://www.altv.tv/content/altv-news/623742784e62cb7e583a80a3

Read More »