Live-Coding a DJ App with VS Code and GitHub Copilot
Julia Kasper demonstrates how to turn Visual Studio Code into a music studio using GitHub Copilot and Tone.js, live-coding a DJ app that generates techno rhythms and beats.
Live-Coding a DJ App with VS Code and GitHub Copilot
Presented by Julia Kasper
In this engaging episode, Julia Kasper transforms Visual Studio Code (VS Code) into a creative music studio by building a browser-based live coding DJ application.
Key Highlights
- Introduction to Tone.js: Understand the basics of Tone.js, a powerful framework for interactive music in the browser.
- Building a DJ App from Scratch:
- Setting up VS Code for live music-coding sessions.
- Writing and experimenting with code to create and layer beats, patterns, and effects.
- Testing the web app and refining the music experience with real-time feedback.
- GitHub Copilot in Action:
- Using Copilot's AI-powered code suggestions to generate music logic and rhythm structures quickly.
- Leveraging prompt files within VS Code to experiment and customize Copilot's assistance for creative coding tasks.
- Real-Time Creativity:
- Demonstrating live composition, remixing, and experimenting with techno sounds—all using code.
- Tips for developers interested in coding generative music or integrating AI into their creative workflow.
Useful Links
Chapters
- 00:00 Introduction to Tone.js
- 00:28 Demo – Build a browser-based live coding music application
- 05:58 Testing our app
- 06:45 In summary
This session is packed with creative coding, rhythm, and practical AI tips for developers experimenting with music and technology.