LoginSignup
2
1

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

Last updated at Posted at 2024-04-12

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

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

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

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

Sharplab( sharplab.io ) ( github)

image.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#

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)

image.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
<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)

image.png
Kotolin 公式(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)

image.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
echo "hello world";

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1