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 ด้วย แต่ก็มีธีมสีอ่อนให้เลือกใช้ถ้าต้องการ

Tags:
Node Thumbnail

Google เปิดตัว Cloud Code ในงาน Google Cloud Next โดย Cloud Code นี้คือเซ็ทของปลั๊กอินสำหรับ IntelliJ และ VS Code เพื่อช่วยให้ระบบพัฒนาเป็น automate มากขึ้น สามารถคุม software development lifecycle ได้ดีขึ้นผ่านเครื่องมือที่ผู้ใช้ใช้งานอยู่แล้ว

Google ระบุว่า Cloud Code เวอร์ชันแรกนี้ จะโฟกัสที่การพัฒนาแอปสำหรับรันบน Kubernetes (รวม GKE) ซึ่งปลั๊กอินนี้จะต่อขยายให้ IDE ทั้งสองตัวสามารถใช้พัฒนาแอปแบบ cloud-native Kubernetes ได้สะดวกยิ่งขึ้น ซึ่งจะมีเบื้องหลังเป็นเครื่องมืออย่างเช่น Skaffold, Jib หรือ Kubectl รันอยู่เบื้องหลัง

Tags:
Node Thumbnail

Visual Studio Code มีเวอร์ชันลินุกซ์มานานแล้ว โดยมีแพ็กเกจให้เลือกหลากหลายทั้ง .deb, .rpm ที่ใช้กันทั่วไป หรือแพ็กเกจแปลกๆ หน่อยอย่าง AUR (Arch Linux) หรือ Nix (NixOS)

ล่าสุดไมโครซอฟท์ออกแพ็กเกจแบบ Snap ที่เริ่มพัฒนาโดย Ubuntu และปัจจุบันมีหลายดิสโทรนำไปใช้งาน จุดเด่นของแพ็กเกจ Snap คือแยกแอพขาดจากตัวระบบปฏิบัติการ ติดตั้งง่าย ลบออกง่าย ไม่ติด dependency และอัพเดตจากต้นทางได้เลย

Tags:
Node Thumbnail

ไมโครซอฟท์ปล่อยโปรแกรมเช็คชนิดตัวแปรก่อนรัน (static type checker) ในชื่อ Pyright โดยที่ตัวโปรแกรมเองพัฒนาจากภาษา TypeScript เนื่องจากต้องการให้รันร่วมกับ VSCode ได้โดยไม่ต้องการรันไทม์อื่นเพิ่มเติม

Pyright มีความสามารถในการตรวจสอบชนิดตัวแปรตามเอกสาร PEP 484, PEP 526, PEP 544 สามารถดูชนิดตัวแปรที่คืนค่าจากฟังก์ชั่น, ตัวแปรของออปเจกต์, หรือตัวแปรของคลาส สำหรับไลบรารีมาตรฐาน จะใช้สำเนาจาก Typeshed มาในตัว

Tags:
Node Thumbnail

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

การปรับปรุงที่น่าสนใจอย่างแรกคือ การเพิ่มความสามารถให้ IntelliSense แสดงผลคำอธิบาย ARIA attribute และ DOM event ขณะเขียนโค้ด HTML (ใช้ข้อมูลจาก W3C และ MDN) ซึ่งจะช่วยให้นักพัฒนาเว็บเลือกใช้งาน attribute ข้างต้นได้สะดวกกว่าเดิม

Tags:
Node Thumbnail

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

อย่างแรกคือการเปลี่ยนมาใช้ tree widget ตัวใหม่ตามแผนพัฒนาปี 2019 ของทีม VS Code เพื่อปรับปรุงประสิทธิภาพและเพิ่มความสามารถใหม่ๆ ให้กับ tree (ทั้งในส่วนของ File Explorer, Debug, Search และ Peek References) ตัวอย่างเช่น

Tags:
Node Thumbnail

ทีมงาน Visual Studio Code ประกาศ roadmap ของปี 2019 ว่าจะพัฒนาซอฟต์แวร์ในด้านใดบ้าง ประเด็นที่น่าสนใจมีดังนี้

  • ปรับปรุงหน้าตาของโปรแกรมในจุดเล็กๆ น้อยๆ เช่น ไอคอนของปุ่ม และหาวิธีเชื่อมโยงกับ Fluent Design System แบบใหม่ของไมโครซอฟท์
  • ปรับปรุงการเรียกโปรแกรม (startup time) ให้เร็วขึ้น, เปลี่ยนมาใช้ tree widget ตัวใหม่ที่เร็วกว่าเดิม, หาวิธีในการบ่งชี้ว่าส่วนขยายตัวไหนทำ VS Code ช้าลง
  • ปรับปรุงการทำงานร่วมกับ Windows Subsystem for Linux (WSL) ให้ดีขึ้นกว่าเดิม
  • หารือกับทีม TypeScript เพื่อพัฒนาการใช้งานบน VS Code ให้ดีขึ้น
Tags:
Node Thumbnail

GitHub ออกประกาศให้บริการเก็บโค้ดเป็นส่วนตัวให้ฟรีตามที่หลุดออกมาก่อนหน้านี้ โดยจำกัดผู้ร่วมโครงการไม่เกิน 3 คน ระบุว่านักพัฒนาจำนวนหนึ่งต้องการพัฒนาโค้ดบางส่วนในพื้นที่ปิดก่อนจะเปิดสู่สาธารณะ หรือบางทีก็ใช้งานในโครงการย่อยที่ไม่ต้องการเปิดเผย

นอกจากการเปิดบริการฟรีแล้ว ทาง GitHub ยังปล่อยส่วนขยายสำหรับ VS Code ทำให้สามารถสร้าง Pull Request (PR) ได้จากใน editor โดยตรง นอกจากแค่สร้าง PR แล้ว ยังสามารถเปิดเป็น "suggested code edits" เพื่อแสดงเป็นคอมเมนต์แทนที่จะสร้าง PR ตรงๆ และยังดูสถานะของแพตช์ได้ว่าทดสอบผ่านหรือยัง

Tags:
Node Thumbnail

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

การเปลี่ยนแปลงที่น่าสนใจในอัพเดตนี้อย่างแรกคือเพิ่มหน้า References view บน Side Bar เพื่อใช้กับการแสดงผลการค้นหาโค้ดด้วยเมนูคลิกขวา Find All References โดยเฉพาะ (บางท่านอาจเคยใช้งานในชื่อ List All References ซึ่งเป็นเมนูทดลองบนเวอร์ชันก่อน) ช่วยให้ค้นหาการอ้างอิงโค้ดในลักษณะดังกล่าวทำได้สะดวกกว่าการแสดงผลขึ้นมาลอยทับตัว editor แบบเดิม

Pages