Markdownは開発者がよく使っているだけあって、内容にコードがよく含まれています。様々な言語が記述されており、そのコードをコピーしてローカルで実行したりすることも多々あるでしょう。 そんな時、Markdown上でコードが実行できれば良いのにと思ったことはないでしょうか。そこで使ってみたいのがactual-codeです。

actual-codeの使い方

左側がエディタ、右側がプレビューになります。JavaScriptが実行され、その結果が表示されているのが分かります。

actual-codeは一見するとMarkdownエディタですが、その中にプログラムの実行機能が備わっています。今のところJavaScriptだけですが、将来的に対応言語が追加されていくと面白そうです。

actual-codeはTypeScript製のオープンソース・ソフトウェア(MIT License)です。

erukiti/actual-code: Markdownのコードブロックを実行できるツール