オンラインで使用できる Playground(=遊び場) のうち、 URLにソースコード他設定を持つタイプのものをリストにしました。

他にもありましたらコメント等で教えていただけるとありがたいです。

レギュレーションとしては、URLにソースコードや設定を変換して持っているタイプの Playground 限定です。
URLはリアルタイムで反映する必要はなく、共有や保存を行う際にURLへ反映する形でもよいものとします。

その為、共有を試みた際のURLが固定長になるものは含めていません。

Sharplab( sharplab.io ) ( GitHub )

.NET の playground。サーバーサイドで実行してはいるが、 URL にソースコードを変換しているものが含まれる為、ログイン不要で共有することができる

特徴

ソースの記述がそのままURLへリアルタイムに反映される。実行の際にメモリの確認も行うことができ、また他にデコンパイルやシンタックスツリーの確認等の出力形式の切り替えも行うことができる。

言語: C＃ / VB.NET / F# / MSIL
出力形式:
- Experimental
  - Run
- Decompile
  - C#
  - MSIL
  - JIT Asm
- Other
  - Syntax Tree
  - Verify Only
  - Explain

Hello World

C#

C#

using System;
Console.WriteLine("hello world");

VB.NET

vb.net

Imports System
Class Program
    Shared Sub Main()
        Console.WriteLine("hello world")
    End Sub
End Class

F#

F#

printfn "hello world"

MSIL

MSIL

.assembly _{}

.method public static void ILHello()
{
　.entrypoint
　ldstr "hello world"
　call void [System.Console]System.Console::WriteLine(class System.String)
  ret
}

LiveCodes ( livecodes.io) (GitHub)

HTML / CSS / JavaScript の Playground。 client side な言語の対応の他、 URLを指定してテンプレートとして使ったり多種多用なテンプレートが用意されている。
サーバーサイドでは実行しておらず、すべてクライアントサイドで動作する静的ページベース
機能追加は受け付けているが、クライアントサイドで動作しないと追加してもらえない模様。
URLはソースや設定を元にリアルタイムにURLに反映するタイプ(Auto Save)にもできるが、基本は Save (Ctrl+S)をしないと反映されない模様。Share より短縮URLも生成できる。

特徴

HTML / CSS / JavaScript のタブ(他 Alter系に切り替えることができる)と実行エリア他にコンソール / コンパイル結果 / テスト等至れり尽くせりなところがある。

ソースコードエリア
- Template
  - HTML
  - Markdown
  - MDX
  - Astro
  - Pug
  - AsciiDoc
  - Haml
  - Mustache
  - Handlebars
  - EJS
  - Eta
  - Nunjucks
  - LiquidJS
  - doT.js
  - Twig
  - art-template
  - BBCode
  - MJML
  - Diagrams
  - Rich Text Editor
- Style Sheet
  - CSS
  - SCSS
  - Sass
  - Less
  - Stylus
  - Stylis
  - Processors (ON/OFF)
    - Tailwind CSS
    - Windi CSS
    - UnoCSS
    - Token CSS
    - PurgeCSS
    - Autoprefixer
    - Preset Env
    - Lightning CSS
    - cssnano
    - CSS Modules
- Script
  - JavaScript
  - TypeScript
  - Flow
  - Babel
  - Sucrase
  - JSX
  - TSX
  - React Native
  - React Native (TSX)
  - Vue 3 SFC
  - Vue 2 SFC
  - Svelte
  - Stencil
  - Solid
  - Solid (TS)
  - Riot.js
  - Malina.js
  - CoffeeScript
  - LiveScript
  - Civet
  - Clio
  - Imba
  - ReScript
  - Reason
  - OCaml
  - Python
  - Python (Wasm)
  - R
  - Ruby
  - Ruby (Wasm)
  - Go
  - PHP
  - PHP (Wasm)
  - C++
  - C/C++ (Wasm)
  - Perl
  - Lua
  - Lua (Wasm)
  - Teal
  - Fennel
  - Julia
  - Scheme
  - Common Lisp
  - ClojureScript (cherry)
  - Tcl
  - AssemblyScript
  - WebAssembly Text
  - SQL
  - Prolog
  - Blockly

Hello World

html

<div id="target"></div>
<style>
  :scope {
    #target {
      font-weight: bold;
    }
  }
</style>
<script type="module">
  const target = document.getElementById("target");
  target.innerText = "hello world";
</script>

Kotlin Playground (play.kotlinlang.org) (GitHub)

Kotlin 公式(kotlinlang.org) の playground。
URLはソースや設定を元にリアルタイムにURLに反映するタイプ

特徴

Kotlin Version
- 1.2.71
- 1.3.72
- 1.4.30
- 1.5.31
- 1.6.21
- 1.7.21
- 1.8.21
- 1.9.23
- 2.0.0-RC
Runtime
- JVM
- JS
- JS IR
- Wasm
- JUnit
- Canvas
Program argument

Hello World

kotlin

fun main() {
    println("hello world")
}

PHP Playground (php-play.dev) (GitHub)

php を webassembly で実行している playground。
URLはソースや設定を元にリアルタイムにURLに反映するタイプ

特徴

PHP Version
- 5.6
- 7.0
- 7.1
- 7.2
- 7.3
- 7.4
- 8.0
- 8.1
- 8.2
- 8.3
UI Theme
- Dark
- Lgight
HTML Preview
- on
- off

Hello World

php

<?php
echo "hello world";