オンライン上で言語を試せる Playground とそこでの hello world の リスト (※URLにソースコードが含まれるタイプ限定)

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

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

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

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

# Sharplab( [sharplab.io](https://sharplab.io) ) ( [GitHub](https://github.com/ashmind/SharpLab) )
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/32143/0afe7511-7344-4d04-21df-9c125ad3b039.png)

.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#
```cs:C#
using System;
Console.WriteLine("hello world");
```
https://sharplab.io/#v2:C4LgTgrgdgNAJiA1AHwAICYCMBYAUKzATgAoAiACwFMAbagewAIB3OsauUgSgG4g
### VB.NET
```vb:vb.net
Imports System
Class Program
    Shared Sub Main()
        Console.WriteLine("hello world")
    End Sub
End Class
```
https://sharplab.io/#v2:DYLgbgRgNALiBOBXAdlAJiA1AHwJIFsAHAe3hgGcACAZQE9yYBTfAWACgBhYAQ3KoAV4xAObxurNpSk0AFt3iM0NRBEoBZbgEtkACgCU7aUcodiycsWCMAdAHV4mpgBltjHQCIZjYMGKUA7qTAaO4GktIAoshK1CrsUUpcvORAA=

### F#
```fsharp:F#
printfn "hello world"
```
https://sharplab.io/#v2:DYLgZgzgNALiBOBXAdlAJiA1AHwA7wEtkYxkACAIgAsBTYYAezIHcH5g0Kg=

### MSIL
```text:MSIL
.assembly _{}

.method public static void ILHello()
{
　.entrypoint
　ldstr "hello world"
　call void [System.Console]System.Console::WriteLine(class System.String)
  ret
}
```
https://sharplab.io/#v2:DYLglsA0AuIE4FcB2kAmIDUAfAAgNgAIB9AbwF8BYAKGoDoBbAU2gAsB7VAgBwQCNgwAYwIBnaAENoQggDc2YTgEkAMgAlGwYGwAUASmolqgAAYcAFmPBUYuAQBELDVoIB3NnEu3jOAIwAGQcDiIiIEAMoAnmKM9LSh0HBgSADm+lQEBHDM1GRAA

# LiveCodes ( [livecodes.io](https://livecodes.io/)) ([GitHub](https://github.com/live-codes/livecodes))
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/32143/678b756f-05da-e935-e6e2-d8b999f41f24.png)
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: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>
```

https://livecodes.io/?x=code/N4IgLglmA2CmIC4QFUB2kawCYAIAKATgPYBWsAxmCADQhawDO5BEADpEaoiDSABawAhlm4AeALawwgnOT6CCDKQF4AOigAqAMQC0ADnU4A9AD5VqCVJmpBktSABuEWAHdWRAmEPlOYWOnsXCCwwPmV6J3JYHSCQvmocCFQoCEFoHSY02GUARgA6AAZDU14+MHFoAEEwMEVuaEFUAHN7f28GhgZ7dV5pJoZEAG0AXVpBSggHWABRLCgPbnEFAGsAV1ZeJYI1jYRQBubVwSb4JDKK3h90fyokUTmHRKx7aQITrxATUSMHswJzUQMMAATzgf3MOBwCCYRFYsBwwFU-1QkMhAGJXu8EUiIajIQAzXwxWAQJplBA4ABGRGgWAA3DiUaiAL6MyGs5HfIGg2DgixMFjsHAguH2cRELCrODqPmQq5A4UKLHKHBYIjkVaSdB5d7TOBasAAIWBAEksAAKdSYqTqACUDORkOtYDySVQsAIGlgAA8wDgVeoBNBoEQcC4PLT1A6AUYBWwwCYQMzaNy4Ih9o0mkcTtxyJ1Lr4btwkynmPH0yADlnjqcQCRBA5BHH2AXruhi8mQKnGAIpAMECNS4KwP3ByA8wxCIwpMXaKxiFFOh5R6Nx6sgURxABlKSQZr94CdiDidyeA+dkWMdMXxgjitV7O1y-Nqi0K5+dtIEuOD0MCCcbgACYADZeAIIQ1VQaBgUQfE0iUMZgyIFwABlMwAYXkZpTlqVZYFocV6G4fEpWgXoiBpA8QH8QRKTgEQkDSMixgmKZc04BgaXgFNpDAddcxDJQRE7AAvCjxEQHJmSAA

# Kotlin Playground ([play.kotlinlang.org](https://play.kotlinlang.org)) ([GitHub](https://github.com/JetBrains/kotlin-playground))
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/32143/fe6ba1fa-29a7-7f77-8276-f9c2ab8a12b9.png)
Kotlin 公式([kotlinlang.org](https://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:kotlin
fun main() {
    println("hello world")
}
```
https://play.kotlinlang.org/#eyJ2ZXJzaW9uIjoiMS45LjIzIiwicGxhdGZvcm0iOiJqYXZhIiwiYXJncyI6IiIsIm5vbmVNYXJrZXJzIjp0cnVlLCJ0aGVtZSI6ImlkZWEiLCJjb2RlIjoiZnVuIG1haW4oKSB7XG4gICAgcHJpbnRsbihcImhlbGxvIHdvcmxkXCIpXG59In0=

# PHP Playground ([php-play.dev](https://php-play.dev)) ([GitHub](https://github.com/glassmonkey/php-playground))
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/32143/e4fd746a-9f58-aafb-b826-bd877a944ea3.png)

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
<?php
echo "hello world";
```

https://php-play.dev/?c=DwfgDgFmBQCmDGED2ACARBWAbLqDuSATlgCZoDcQA&v=8.3&f=html0