repl-timeout_实时编码的乐趣-CodePen，REPL，TOPLAP，Alive等

repl-timeout

A few weeks ago I talked about Interactive Coding with C# and F# REPLs. There's a whole generation that seemingly missed out on LIVE CODING. By that, I mean, writing and running code at the same time.

几周前，我谈到了使用C＃和F＃REPL进行交互式编码。 似乎有整整一代人错过了实时编码。 我的意思是，同时编写和运行代码。

Lots of folks used C, C++, Delphi, C#, Java, etc over the last 15-20-30 years and had a pretty standard Write, Compile, Walk Away, Run process working for them. Twenty years ago I was often waiting 30 min or more for stuff that takes seconds now. Many of you today may have to wait hours for compilation.

在过去的15-20-30年中，许多人使用C，C ++，Delphi，C＃，Java等，并且具有相当标准的Write，Compile，Walk Away，Run进程为他们工作。 二十年前，我经常等待30分钟或更长时间来寻找现在需要几秒钟的东西。 当今许多人可能不得不等待数小时来进行编译。

However, there's so many environments available today that can allow us to write code while it runs. Instant satisfaction...and the browser is becoming a fantastic IDE for Live Coding.

但是，当今有太多可用的环境，可以允许我们在代码运行时编写代码。 即时满足...浏览器正成为实时编码的绝佳IDE。

When I use the term "Live Coding" though, there's actually a couple of definitions. I'm conflating them on purpose. There's Live Coding as in "coding LIVE while people watch" and there's "coding and watching your program change as you type." Of course, you can do them both, hence my conflating.

当我使用“实时编码”一词时，实际上有两个定义。 我故意将它们混为一谈。 有“当人们观看时实时编码”中的实时编码，还有“在键入时观察并更改程序的编码”。 当然，您都可以做，所以我混为一谈。

实时编码-音乐和艺术 (Live Coding - Music and Art)

Mike Hodnick mentioned Live Coding to me in the context of music and art. Live Coders use a wide array of languages and tech stacks to make music and art, including JavaScript, Ruby, Haskell, Clojure, and a number of DSL's. Here is a YouTube video of Mike - Live Coding music using Tidal, a language for musical improvisation.

Mike Hodnick在音乐和艺术方面向我提到了“实时编码”。 现场编码人员使用多种语言和技术堆栈来制作音乐和艺术作品，包括JavaScript，Ruby，Haskell，Clojure和许多DSL。 这是Mike的YouTube视频-使用Tidal (一种即兴音乐的语言)进行实时编码的音乐。

资源资源 (Resources)

• Overtone - Collaborative Programmable Music.

  泛音-协作可编程音乐。

• TOPLAP - An organization dedicated to live coding.

  TOPLAP-致力于实时编码的组织。

• Cyril - Live Coding Visuals

  西里尔-实时编码视觉

• SuperCollider - Real time audio synthesis

  SuperCollider-实时音频合成

• Tidal - Live Coding Music

  潮汐-现场编码音乐

Some prominent live coders:

一些著名的现场编码员：

• Alex Mclean: http://yaxu.org

  亚历克斯·麦克林(Alex Mclean)：http： //yaxu.org

• Shelly Knotts: https://shellyknotts.wordpress.com/

  雪莉·诺兹(Shelly Knotts)： https ： //shellyknotts.wordpress.com/

• Sam Aaron: http://sam.aaron.name/

  Sam Aaron： http : //sam.aaron.name/

• Alexandra Cardenas: http://cargocollective.com/tiemposdelruido/Alexandra-Cardenas

  亚历山德拉·卡德纳斯(Alexandra Cardenas)： http : //cargocollective.com/tiemposdelruido/Alexandra-Cardenas

• David Ogborn: http://www.d0kt0r0.net/

  大卫·奥格伯恩(David Ogborn)： http ://www.d0kt0r0.net/

实时编码-JavaScript和实验 (Live Coding - JavaScript and Experimentation)

There's another kind of live coding that makes me happy, and that's things like CodePen. Sometimes you just want to write some HTML, CSS, and/or some JavaScript. No IDEA, no text editor...AND you want it to be running as you type.

还有另一种实时编码使我感到高兴，例如CodePen 。 有时您只想编写一些HTML，CSS和/或JavaScript。 没有IDEA，没有文本编辑器……而且您希望它在键入时能够运行。

Code and Watch. That's it.

代码和监视。 而已。

Some of you LIVE in CodePen. It's where most of your work and prototyping happens, truly. Others who read this blog may be learning of CodePen's existence this very moment. So don't knock them! ;)

你们中的一些人住在CodePen中。 确实是您大部分工作和原型制作的地方。 此刻的其他阅读此博客的人可能正在学习CodePen的存在。 所以不要敲他们！ ;)

CodePen is a "playground for the front-end side of the web." There have been a number of Live Coding Playgrounds out there, including...

CodePen是“ Web前端侧的游乐场”。 那里有许多实时编码游乐场，包括...

• CodePen

  密码笔

• LiveWeave

  LiveWeave

• CSSDeck

  CSSDeck

• D3 Playground

  D3游乐场

But it's fair to say that CodePen has stayed winning. The community is strong and the inspiration you'll find on CodePen is amazing.

但是可以说CodePen一直保持着胜利。 社区很强大，您在CodePen上能找到的灵感令人惊奇。

• An animation of an elephant walking...with no JavaScript.

  大象走路的动画...没有JavaScript。

• A 3D lion that wants you to fan it...watch the wind!

  想要您将其扇动的3D狮子...观察风！

• Skewed one page scrolling

  倾斜的一页滚动

• and on and on...
  还有……

Oh, and just to end this blog post on a high note, ahem, and combine Live Coding of Music with  ahem, here's a Roland 808 (that's a Rhythm Controller) written entirely in CodePen. Ya, so. Ya. And it works. AWESOME. Here's the code you can play with, it's by Gregor Adams.

哦，这是这篇博文的重点，结尾，并结合了Live Coding of Music和ahem，这是完全用CodePen编写的Roland 808(即节奏控制器) 。 是的嗯而且有效。 真棒。 这是您可以使用的代码，由Gregor Adams编写。

There's even Live Coding in Visual Studio now with the "Alive" plugin at https://comealive.io.

现在甚至可以通过https://comealive.io上的“ Alive”插件在Visual Studio中进行实时编码。

What kinds of Live Coding tools or experiences have YOU seen, Dear Reader? Share in the comments!

亲爱的读者，您看到了哪些实时编码工具或体验？ 分享评论！

翻译自: https://www.hanselman.com/blog/the-joy-of-live-coding-codepen-repls-toplap-alive-and-more

repl-timeout