Tags:
Node Thumbnail

ไมโครซอฟท์ออก Visual Studio Code สำหรับระบบปฏิบัติการ Windows on ARM แล้ว ทำให้อุปกรณ์อย่าง Surface Pro X เริ่มน่าสนใจมากขึ้นสำหรับคนที่อยากซื้อมาเขียนโค้ดนอกสถานที่

เว็บไซต์ The Register วิเคราะห์ว่า VS Code เวอร์ชัน ARM มาช้า เพราะตัวมันพัฒนาขึ้นบน Electron (ที่พัฒนาต่อจาก Chromium อีกที) ซึ่งว่า Electron จะรองรับ ARM64 ก็ต้องรอถึงปี 2019 และต้องใช้เวลานานพอสมควรกว่าไมโครซอฟท์จะพัฒนา VS Code ARM ตามมา

ก่อนหน้านี้ ไมโครซอฟท์เพิ่งออก Edge Chromium เวอร์ชัน ARM64 หลังการวางขาย Surface Pro X เช่นกัน ทำให้ Surface Pro X โดนวิจารณ์ว่าไม่ค่อยพร้อมในเรื่องแอพที่รองรับ แม้แต่แอพของไมโครซอฟท์เองก็ตาม

Tags:
Node Thumbnail

ไมโครซอฟท์ออกส่วนขยายสำหรับ Visual Studio และ Visual Studio Code เพื่อสร้างแอพให้กับ Microsoft Teams ได้โดยตรง ตอบโจทย์ลูกค้าองค์กรที่นิยมใช้งาน Teams มากขึ้นเรื่อยๆ และพยายามผนวกแอพในองค์กรให้ใช้ได้จาก Teams โดยไม่ต้องสลับจอ

นักพัฒนาสามารถใช้ส่วนขยายตัวนี้เขียนแอพเพื่อใช้งานในองค์กร และส่งขึ้นแคตาล็อกขององค์กรได้โดยตรง แถมยังเชื่อมกับ Power Apps Studio เพื่อให้คนที่ไม่มีทักษะการเขียนโค้ด สามารถสร้างแอพได้ง่ายๆ เช่นกัน

แอพที่ได้จากส่วนขยายนี้ ยังรองรับ single sign-on ขององค์กรในตัว (ลดอุปสรรคเรื่องการล็อกอิน) และต่อกับ Teams Activity Feed API เพื่อส่งการแจ้งเตือนไปยังผู้ใช้ Teams ได้ด้วย

Tags:
Node Thumbnail

เมื่อคืนนี้ GitHub มีของใหม่ชุดใหญ่ ฝั่งของบ้านใกล้เรือนเคียง Visual Studio Code ก็มีของใหม่สำหรับ GitHub เช่นกัน

VS Code มีส่วนขยาย GitHub Pull Requests มาตั้งแต่ต้นปี 2019 หลังไมโครซอฟท์ซื้อกิจการไม่นาน เวลาผ่านมาอีกปีกว่า ส่วนขยายตัวนี้เปลี่ยนชื่อมาเป็น GitHub Pull Requests and Issues เพิ่มฟีเจอร์ตามชื่อคือ เชื่อมต่อกับระบบฐานข้อมูลบั๊ก GitHub Issues ด้วย

Tags:
Node Thumbnail

เมื่อต้นเดือนเมษายน ไมโครซอฟท์ได้ออกอัพเดตเวอร์ชัน 1.44 ให้ Visual Studio Code โดยได้เพิ่มฟีเจอร์ใหม่และการปรับปรุงอื่นๆ อีกหลายอย่าง

ฟีเจอร์สำคัญในอัพเดตนี้เป็นการเพิ่ม Timeline view ซึ่งเป็นหน้าที่ใช้สำหรับแสดงประวัติของเหตุการณ์ต่างๆ ที่เกิดขึ้นกับไฟล์ (เช่น ประวัติ Git commit, ประวัติการบันทึกไฟล์, ประวัติการรันเทสต์)

หน้า Timeline view จะช่วยติดตามประวัติของไฟล์ที่กำลังเปิดใช้งานใน editor หลักให้โดยอัตโนมัติ แต่หากผู้ใช้ต้องการเลือกไฟล์มาแสดงประวัติด้วยตัวเองก็สามารถทำได้ ด้วยการคลิกขวาบนไฟล์ที่ต้องจากนั้นเลือก Open Timeline

Tags:
Node Thumbnail

ชุมชนโปรแกรมเมอร์ภาษา Go เผยผลสำรวจข้อมูลของนักพัฒนาสาย Go ประจำปี 2019 ซึ่งมีผู้ตอบมา 10,975 คน ทำให้เราเห็นทิศทางของ Go ว่าใครใช้ทำอะไรกันบ้าง

Tags:
Node Thumbnail

Eclipse Foundation เปิดตัว Eclipse Theia เวอร์ชัน 1.0 โดยเรียกมันว่าเป็น "IDE ทางเลือกของ Visual Studio Code"

Theia (อ่านว่า "ธีอา" เป็นชื่อเทพธิดากรีก) เป็น code editor ที่ยอมรับตรงๆ ว่าได้แรงบันดาลใจมาจาก Visual Studio Code และตัวมันเองก็เป็นการนำโค้ดของ VS Code มาพัฒนาต่อด้วย

Eclipse Theia เขียนด้วยเทคโนโลยีเว็บ (เป็น TypeScript เหมือน VS Code) โดยใช้เอนจินแก้ไขโค้ด Monaco ตัวเดียวกัน และใช้ Language Server Protocol (LSP) ของ VS Code เพื่อรองรับภาษาโปรแกรมต่างๆ แถมใช้งานส่วนขยายของ VS Code ได้ด้วย

Tags:
Node Thumbnail

เมื่อต้นเดือนมีนาคม ไมโครซอฟท์ได้ออกอัพเดตเวอร์ชัน 1.43 ให้กับ Visual Studio Code มาพร้อมกับฟีเจอร์ใหม่และการปรับปรุงหลายอย่าง

ฟีเจอร์สำคัญอย่างแรกในอัพเดตนี้ คือ Search Editor ซึ่งเป็นหน้าค้นหน้าแบบใหม่ที่ถูกเพิ่มเข้ามาเพื่อใช้ประโยชน์จากฟังก์ชั่นช่วยเหลือต่างๆ ของตัว editor เช่นการไฮไลท์สีโค้ดตาม syntax, คำสั่ง Go to/Peek Definition หรือจะยังบันทึกผลการค้นหาออกมาเป็นไฟล์ก็ทำได้

และยังสามารถปรับแต่งให้ผลลัพธ์การค้นหา ช่วยแสดงผลโค้ดบรรทัดรอบข้างได้อีกด้วย (คลิกที่ปุ่ม Show Context ที่มุมขวาบนของ Search Editor)

Tags:
Node Thumbnail

ไมโครซอฟท์ออกอัพเดตเวอร์ชัน 1.42 ให้กับ Visual Studio Code โดยได้เพิ่มฟีเจอร์ใหม่และการปรับปรุงหลายอย่าง

ฟีเจอร์ใหม่ที่น่าสนใจ คือตัวช่วยพรีวิวผลการ refactor ชื่อที่ใช้ภายในโค้ด (ยกตัวอย่างเช่นชื่อคลาส หรือชื่อตัวแปร) ใช้งานได้ผ่านการกดคีย์ Shift + Enter ขณะเปลี่ยนแปลงชื่อ (คลาส/ตัวแปร) เพื่อสั่งให้ VS Code เปิดพาเนล Refactor Preview ซึ่งจะแสดงรายการของโค้ดที่จะได้รับการ refactor ให้สอดคล้องกับการเปลี่ยนชื่อที่กำลังดำเนินการ

โดยผู้ใช้จะสามารถคลิกเลือกที่แต่ละรายการเพื่อเปิด diff editor ขึ้นมาเปรียบเทียบโค้ดก่อนและหลังการ refactor ก่อนตัดสินใจยืนยันหรือเรียกคืนการเปลี่ยนแปลงที่ไม่ต้องการ ผ่านการติ๊ก checkbox ข้างหน้าแต่ละรายการ

Tags:
Node Thumbnail

เมื่องาน Google Cloud Next รอบเดือนเมษายน Google เปิดตัว Cloud Code ปลั๊กอินบน VS Code และ IntelliJ เพื่อการทำงานกับคลาวด์ที่ง่ายขึ้น เวลาผ่านมาประมาณครึ่งปี ปลั๊กอินตัวนี้เข้าสถานะตัวจริง (general availability หรือ GA)

Google Cloud Code คือส่วนขยายของ IDE ยอดนิยม 2 ตัวคือ VS Code และ IntelliJ ให้สามารถแก้ไขไฟล์กำหนดค่าทรัพยากรของ Kubernetes ได้ง่ายขึ้นจากตัว IDE โดยตรง ลดจำนวนเครื่องมือที่ต้องใช้งาน และสามารถใช้ประโยชน์จากฟีเจอร์ของ IDE (เช่น code completion หรือ snippet) ในการแก้ไขไฟล์คอนฟิกเหล่านี้ได้ด้วย

Tags:
Node Thumbnail

Facebook เขียนบล็อกเล่าว่าเปลี่ยนเครื่องมือสำหรับเขียนโค้ด (IDE) จากเดิมที่ใช้ Nuclide ซึ่งเป็น IDE ของตัวเองที่พัฒนาขึ้นบน Atom มาเป็น Visual Studio Code แทนแล้ว

Facebook ระบุว่าหยุดพัฒนา Nuclide เวอร์ชันโอเพนซอร์ส ในปี 2018 แต่ยังใช้งานในบริษัทอยู่ แต่พอมาถึงปลายปี 2018 ก็ตัดสินใจย้ายมาใช้ Visual Studio Code แทน ด้วยเหตุผลว่าเป็น IDE ที่ได้รับความนิยมสูง ทำงานได้ข้ามแพลตฟอร์ม ได้รับการพัฒนาจากไมโครซอฟท์อย่างต่อเนื่อง มั่นใจว่าอยู่ต่อได้ในระยะยาว และมี API ที่ดีในการสร้างส่วนขยาย (หมายเหตุ: VS Code พัฒนามาจาก Electron ซึ่งเป็นแกนของ Atom อีกที)

Tags:
Node Thumbnail

เมื่อเดือนที่แล้ว SAP ได้เปิดตัว SAP Business Application Studio เครื่องมือพัฒนาตัวใหม่ซึ่งจะมาแทนที่ SAP Web IDE ของบริษัทเดิม โดยมีจุดประสงค์เพื่อปรับปรุงประสบการณ์การพัฒนาแอพพลิเคชั่นบน SAP ให้สอดคล้องกับ IDE ชั้นนำในตลาดอย่าง Visual Studio Code

SAP บอกว่า SAP Business Application Studio เป็นตัวเลือกที่ดีกว่าสำหรับการพัฒนาแอพพลิเคชั่นแบบ full stack และแอพพลิเคชั่นบนคลาวด์ในแง่ของการเป็นตัวแก้ไขโค้ดที่ใช้งานกับ Java และ Node.js ได้ดีกว่า SAP Web IDE และในด้านเครื่องมืออื่นๆ ที่มีใช้งานทั้งในส่วนของ command line รวมถึงความสามารถของตัวดีบัก โดยยังให้ประสบการณ์ทัดเทียมกับ IDE ที่ติดตั้งเป็นแอพเดสก์ทอป แม้ว่าจะใช้งานผ่านเว็บเบราว์เซอร์ก็ตาม

Tags:
Node Thumbnail

ไมโครซอฟท์อัพเดต Visual Studio IntelliCode ฟีเจอร์แนะนำการเขียนโค้ดด้วยปัญญาประดิษฐ์ที่เปิดตัวเมื่อปีที่แล้ว ตอนนี้ตัว IntelliCode ก็มีฟีเจอร์เพิ่มขึ้น คือการแนะนำโค้ดทั้งบรรทัดแทนที่จะเป็นการแนะนำตัวแปรหรือฟังก์ชั่นต่อไปเท่านั้น และฟีเจอร์การปรับปรุงโค้ด (refactoring) ตามตัวอย่างที่เคยปรับแก้มาก่อนหน้า

Tags:
Node Thumbnail

ไมโครซอฟท์เปิดเผยตัวเลขผู้ใช้งาน Visual Studio Code กับเว็บไซต์ Business Insider ว่าตอนนี้มีผู้ใช้งานจริงต่อเดือน (monthly active users) ถึง 8.5 ล้านคน และมีนักพัฒนาร่วมส่งโค้ดเข้า VS Code ผ่าน GitHub จำนวน 19,000 ราย

ตัวเลขนี้ถือว่าเพิ่มขึ้นอย่างมากจากสถิติของไมโครซอฟท์ช่วงปลายปี 2017 หรือประมาณ 2 ปีก่อนหน้านี้ ที่มีผู้ใช้งาน VS Code ราว 2.6 ล้านคนต่อเดือน

ถึงแม้ไมโครซอฟท์ไม่มีโมเดลการหารายได้จาก VS Code โดยตรง แต่ก็ถือเป็นชิ้นส่วนสำคัญของยุทธศาสตร์คลาวด์ ที่ไมโครซอฟท์ต้องการใกล้ชิดกับนักพัฒนามากขึ้น และเป็นเรื่องเดียวกับเหตุผลที่ไมโครซอฟท์ซื้อ GitHub

Tags:
Node Thumbnail

เมื่อต้นเดือนตุลาคมไมโครซอฟท์ได้ออกอัพเดต Visual Studio Code เวอร์ชัน 1.39 มาพร้อมกับฟีเจอร์ใหม่และการปรับปรุงในหลายๆ ส่วน

ของใหม่ที่น่าสนใจอย่างแรกคือการเพิ่มมุมมองแบบ tree บนแผงควบคุมระบบจัดการซอร์สโค้ด (Source Control) ให้สามารถเรียกใช้งานสลับกับมุมมองแบบ list เดิมได้ เพียงแค่กดปุ่ม Toggle View Mode บนแผงควบคุม

Tags:
Node Thumbnail

ไมโครซอฟท์อัพเดตส่วนไพธอนสำหรับ Visual Studio Code ทำให้สามารถรัน Jupyter Notebook ได้เต็มรูปแบบ นับเป็นความก้าวหน้าล่าสุดหลังจากไมโครซอฟท์มีแนวทางรองรับ data science บน VS Code ตั้งแต่ปีที่แล้ว

หลังจากนี้ VS Code ที่ติดตั้งส่วนเสริมไพธอนรุ่นล่าสุดจะสามารถสร้าง Jupyter Notebook ได้ในตัว ขณะพัฒนาโค้ดจะมี IntelliSense ช่วยแนะนำโค้ดให้ พร้อมหน้าจอปรับตัวแปร นอกจากนี้เพื่อพัฒนาเสร็จแล้วยังสามารถแปลงเป็นโค้ดไพธอนธรรมดาได้อีกด้วย

การรัน Jupyter Notebook ใน VS Code ตรงๆ จะรัน Jupyter ขึ้นมาบนเครื่องอัตโนมัติ หรือหากต้องการเชื่อมต่อกับเซิร์ฟเวอร์ภายนอกก็คอนฟิกได้

Tags:
Node Thumbnail

เมื่อประมาณต้นเดือนกันยายนไมโครซอฟท์ได้ออกอัพเดตเวอร์ชัน 1.38 ให้กับ Visual Studio Code มาพร้อมกับการปรับปรุงในหลายๆ ส่วน

ความเปลี่ยนแปลงที่น่าสนใจอย่างแรกคือการปรับปรุง diff editor ที่มีไว้ให้ใช้เทียบความเปลี่ยนแปลงระหว่างโค้ดปัจจุบันที่กำลังรอการ commit เข้าระบบจัดการซอร์สโค้ด
กับโค้ดเวอร์ชันก่อนหน้า โดยได้เพิ่มเมนูที่จะช่วยให้การย้อนไปกลับไปใช้โค้ดที่ถูกลบออกทำได้ง่ายกว่าเดิม

เพียงแค่สลับไปใช้งาน diff editor แบบ inline (ผ่านการตั้งค่าหรือเมนู ... ทางมุมขวาบน > Toggle inline view) จากนั้นชี้เมาส์ไว้บนส่วนของโค้ดที่เคยตัดสินใจลบออก แล้วคลิกที่ไอคอนหลอดไฟด้านหน้าเพื่อเลือก ก็อปปี้โค้ดบริเวณ/บรรทัดที่ต้องการ หรือย้อนคืนการแก้ไข (revert) โค้ดเฉพาะส่วน

Tags:
Node Thumbnail

เมื่อประมาณต้นเดือนสิงหาคมไมโครซอฟท์ได้ออกอัพเดต Visual Studio Code 1.37 โดยในเวอร์ชั่นนี้ไมโครซอฟท์ได้เลือกเปลี่ยนไอคอนปุ่มที่ใช้ภายในใหม่ทั้งหมด ทำให้ตัว VS Code ดูแปลกตาไปจากเดิมพอสมควร และเช่นเคยอัพเดตนี้ยังคงมาพร้อมกับการปรับปรุงประสบการณ์การใช้งานหลายอย่าง

Tags:
Node Thumbnail

นับเป็นข่าวดีสำหรับท่านผู้อ่านที่เป็นนักพัฒนาเว็บ ซึ่งมักจะต้องเปิด Developer Tools (DevTools) บนเว็บเบราว์เซอร์เพื่อดีบักและแก้ไขข้อผิดพลาดของเว็บที่กำลังพัฒนากันอยู่บ่อยๆ

เมื่อไมโครซอฟท์ออกส่วนขยายสำหรับพัฒนาเว็บตัวใหม่ให้กับ Visual Studio Code ในชื่อว่า Elements for Microsoft Edge เพื่ออำนวยความสะดวกให้กับการดีบักเว็บไปอีกขั้น ด้วยการช่วยแสดงผลหน้าเว็บพร้อมดึงแท็บ Elements จาก DevTools บน Microsoft Edge (Chromium) ให้นักพัฒนาสามารถเรียกใช้งานได้จากภายใน VS Code โดยตรง

Tags:
Node Thumbnail

เมื่อต้นเดือนมิถุนายนไมโครซอฟท์ได้ออกอัพเดตเวอร์ชัน 1.35 ให้กับ Visual Studio Code มาพร้อมกับฟีเจอร์ใหม่และการปรับปรุงหลายอย่าง

การปรับปรุงที่น่าสนใจอย่างแรก คือการเพิ่มตัวเลือกการแสดงผลแบบใหม่ให้กับหน้าเทียบโค้ด (diff view) ขณะกำลัง merge conflict ทำให้สามารถเลือกที่จะเปิด diff view ขึ้นมาเป็นกลุ่มของ editor ชุดใหม่ได้ทั้งทางขวาหรือด้านล่าง editor ชุดเดิม แทนที่จะเปิดเป็นแท็บใหม่ซึ่งพาผู้ใช้ออกจากแท็บของโค้ดที่กำลังตัดสินใจ merge อย่างแต่ก่อน

Tags:
Node Thumbnail

ไมโครซอฟท์อำนวยความสะดวกให้นักพัฒนาสาย Java ที่ใช้ Visual Studio Code เป็นเครื่องมือพัฒนา โดยออกตัวติดตั้ง Visual Studio Code Java Pack Installer มาให้ใช้งาน ลดระยะเวลาในการเซ็ตอัพสภาพแวดล้อมของการพัฒนาลง

ตัวติดตั้งนี้จะช่วยดาวน์โหลดซอฟต์แวร์ที่จำเป็นในการพัฒนา Java ได้แก่

  • JDK เวอร์ชันล่าสุด
  • Visual Studio Code เวอร์ชันล่าสุด
  • ส่วนขยายของ Visual Studio Code ที่เกี่ยวข้องกับ Java

หากในเครื่องของเรามีซอฟต์แวร์บางตัวอยู่แล้ว ตัวติดตั้งจะตรวจหาให้ และไม่จำเป็นต้องดาวน์โหลดไฟล์มาซ้ำอีก

ที่มา - Visual Studio Blog

Tags:
Node Thumbnail

Visual Studio Code เคยมีปัญหาเรื่องไอคอนมาแล้วรอบหนึ่งในปี 2017 ที่เปลี่ยนไอคอนจากสีฟ้าเป็นสีส้ม แต่โดนผู้ใช้ประท้วงจนไมโครซอฟท์ต้องเปลี่ยนกลับเป็นเหมือนเดิม

แต่เมื่อลูกพี่ใหญ่ Visual Studio 2019 เปลี่ยนดีไซน์ไอคอนของตัวเองให้โค้งมนขึ้น กลับมาใช้แสงเงามากขึ้นตาม Fluent ดีไซน์ยุคใหม่ของไมโครซอฟท์ (เหมือนกับไอคอนชุดใหม่ของ Microsoft Office) ก็ทำให้ Visual Studio Code ต้องเปลี่ยนไอคอนตามไปด้วย

Node Thumbnail

ไมโครซอฟท์เปิดตัว Visual Studio Online ความสามารถก็ตามชื่อคือเป็น IDE เวอร์ชันเว็บเบราว์เซอร์ สามารถเขียนโค้ดได้โดยไม่ต้องติดตั้งโปรแกรมใดๆ เพียงแค่เข้าเว็บ online.visualstudio.com ก็ทำงานได้ทันที

Visual Studio Online ไม่ได้เป็น Visual Studio ตัวเต็ม แต่เป็น Visual Studio Code เวอร์ชันทำงานบนเบราว์เซอร์ (VS Code สร้างด้วยเทคโนโลยีเว็บบน Electron อยู่แล้ว) และรองรับส่วนขยายของ VS Code ที่คุ้นเคย

Tags:
Node Thumbnail

ไมโครซอฟท์เปิดตัวส่วนขยายสำหรับ VS Code ในชื่อ Remote Development ทำให้สามารถพัฒนาซอฟต์แวร์บนเครื่องอื่นผ่านการเชื่อมต่อ SSH, ใน Windows Subsystem for Linux (WSL), หรือแม้แต่ในคอนเทนเนอร์

ความสามารถนี้ไม่ใช่เพียงการเมาน์สตอเรจจากระยะไกลมาแก้ไขไฟล์บนเครื่องของเราเท่านั้น แต่ในเครื่องหรือคอนเทนเนอร์นั้นมี VS Code รันอยู่ด้วย และส่วนขยายบางส่วนก็จะไปรันอยู่บนเครื่องระยะไกลเหล่านั้น เช่น ส่วนขยายสำหรับรองรับภาษาที่ใช้ดีบั๊กก็จะรันอยู่ในเซิร์ฟเวอร์ ขณะที่ส่วนขยายจำพวกธีมจะรันบนเครื่องของเรา

Tags:
Node Thumbnail

Atlassian ประกาศออกส่วนขยาย Atlassian for VS Code สำหรับเชื่อมต่อ Visual Studio Code เข้ากับบริการของตัวเอง 2 ตัวคือ Bitbucket Cloud และ Jira Software Cloud อย่างแนบแน่น

Atlassian บอกว่าปัจจุบัน นักพัฒนาใช้โปรแกรม 3 ตัวร่วมกันคือ แชท, IDE และ code repository ทำให้ต้องสลับแอพไปมาตลอดเวลา บริษัทจึงออกส่วนขยายตัวนี้ เพื่อให้ทุกอย่างรวมอยู่ที่เดียวกัน เราสามารถส่งโค้ดขึ้น Bitbucket, ทดสอบแอพผ่าน CI/CD (Bitbucket Pipelines) และคุยกับเพื่อนร่วมงานเพื่อแก้บั๊กบน Jira ได้จากตัว IDE (ในที่นี้คือ VS Code) ได้เลย

Tags:
Node Thumbnail

สิ่งที่ขาดไม่ได้ของเบราว์เซอร์ยุคนี้คือ Developer Tools (DevTools) หรือเครื่องมือให้นักพัฒนาคอยดีบั๊กเว็บไซต์ ฝั่งไมโครซอฟท์ก็เผยหน้าตาของ DevTools ใน Microsoft Edge ตัวใหม่ยุค Chromium

หน้าตาของ DevTools ของ Edge ในตอนนี้ต้องบอกว่าไม่ต่างจากของ Chrome แต่อย่างใด สิ่งที่ไมโครซอฟท์เพิ่มเข้ามาเป็นอย่างแรกคือปรับธีมเป็นสีดำ โดยใช้ธีมสีเดียวกับ Visual Studio Code เพื่อให้หน้าตาเครื่องมือของไมโครซอฟท์ไปในทางเดียวกันหมด

ไมโครซอฟท์ให้ข้อมูลว่าผู้ใช้ VS Code สัดส่วน 85% เลือกใช้ธีมสีเข้ม จึงตัดสินใจใช้ธีมสีเข้มเป็นดีฟอลต์ใน DevTools ด้วย แต่ก็มีธีมสีอ่อนให้เลือกใช้ถ้าต้องการ

Pages