プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版

今回は「プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版」についてご紹介します。

関連ワード (全部、安定版、模様等) についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、Publickey様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。


新しいプログラミング言語やライブラリ、フレームワークを学ぶには、実際にそれらを試して挙動などを見てみることが大事ですが、実行環境を用意するのは手間がかかります。

そこで役立つのが、いわゆる「プレイグラウンド」と呼ばれる、Webブラウザでプログラミング言語やライブラリ、フレームワークをすぐに試すことができるサービスです。

主要なプログラミング言語の公式サイトには、実際にその言語をすぐに試せるプレイグラウンドが用意されていることも多く、また公式サイト以外にもネット上にはさまざまなプレイグラウンドがあります。

プレイグラウンドを使えば、気軽にいろんなプログラミング言語やライブラリ、フレームワークを試せます。

この記事ではそうしたプレイグラウンドをまとめてみました。ここで紹介したプレイグラウンドの他にも、あなたのお気に入りのプレイグラウンドがあればX/Twitterやブックマークのコメント、メールなどで教えてください。

Playground | MDN

Playground | MDN

対応言語:HTML/CSS/JavaScript

Web標準のリファレンスとなっているMDNが提供しているHTML/CSS/JavaScriptのプレイグラウンドです。サインオンにより1日3回までのAIヘルプ機能やシェア機能などが使えるようになります。

>Playground | MDN

CodePen

CodePen

対応言語:HTML/CSS/JavaScript

Webブラウザ上でコードエディタを提供しているCodePenのプレイグラウンドです。CodePenのWebサイトの左上の「Start Coding」ボタンをクリックすると画面が表示されます。有償版では保存用のストレージ、コラボレーションなどが可能になります。

>CodePen

jsFiddle

対応言語:HTML/CSS/JavaScript/TypeScript/CoffeeScript

jsFiddle

HTML/CSS/JavaScriptなどのオンラインエディタを提供しているjsFiddleのプレイグラウンドです。jQuery、React、TypeScript、bootstrap、SCSSなど多くのボイラーテンプレートも用意されています。有償版ではプライベートグループ機能、コンソール機能なども利用可能になります。

>jsFiddle

JS Bin

JS Bin

対応言語:HTML/CSS/JavaScript

シンプルなUIが特徴のJS Bin。X/Twitterによると現在は安定版としてメンテナンスモードとのこと。

>JS Bin

PlayCode

PlayCode

対応言語:HTML/CSS/JavaScript/TypeScript

JavaScriptやTypeScriptを学べるプレイグラウンド。無料で4MBまでのストレージが利用可能で、有料版では1GBまで使えるようになります。

ReactやVue、Sevelteなどのテンプレートが用意されています。

PlayCode

>PlayCode

StackBlitz

StackBlitz

対応言語:Node.js/JavaScript

Webブラウザ上でNode.js環境とVisual Studio Code互換のコードエディタなどを利用可能。

Next.jsやNuxt、Angularなどさまざまなテンプレートも用意されており、アイコンをクリックすると登録することなくコードエディタからこれらのテンプレートを開いて試すことができる。

StackBlitz

>StackBlitz

CodeSandbox

CodeSandbox

対応言語:HTML/CSS/JavaScript、Node.js/Bun/Deno/JavaScript、Python、Go、Rust、PHP、Ruby on Rails

クラウド上でマイクロVMを用いた実行環境を用意することで、さまざまなプログラミング言語に対応。

さまざまなフレームワークやプログラミング言語のテンプレートも用意されている。

CodeSandbox

>CodeSandbox

TypeScript: プレイグラウンド

TypeScript: プレイグラウンド

対応言語:TypeScript

TypeScript公式のプレイグラウンド。TypeScriptの細かいバージョンや開発中のNightlyも選択可能。右側のペインにはトランスパイル後のJavaScriptが表示される。

>TypeScript: プレイグラウンド – TypeScriptとJavascriptを探求するためのオンラインエディタ

The Java Playground

The Java Playground

対応言語:Java

Oracle JDKを用いたJavaのプレイグラウンド。執筆時点で最新のJava 22に対応しているため、つねに最新バージョンで提供されている模様。

>The Java Playground

The Go Playground

The Go Playground

対応言語:Go

Go言語公式のプレイグラウンド。

>The Go Playground

Rust Playground

fig

対応言語:Rust

Rust言語公式のプレイグラウンド。公式のフォーマッタも用意されている。

>Rust Playground

Kotlin Playground

Kotlin Playground

対応言語:Kotlin

Kotlin公式のプレイグラウンド。Kotlinのバージョンやランタイムなどを選択可能。

>Kotlin Playground: Edit, Run, Share Kotlin Code Online

TryRuby

TryRuby

対応言語:Ruby

Rubyの公式プレイグラウンド。コードを自由に記入して実行できるだけでなく、チュートリアル方式で表示されるさまざまなサンプルコードをペーストして試せる。

>TryRuby: Learn programming with Ruby

DartPad

DartPad

対応言語:Dart

Dartの公式プレイグラウンド。UIフレームワークのFlutterもサポートされている。

>DartPad

PHP Playground

PHP Playground

対応言語:PHP

WebAssemblyによるPHPランタイムを用いてWebブラウザ上でPHPを実行するプレイグラウンド。作者は日本人のglassmonkey氏。

>PHP Playground

PHP Sandbox

PHP Sandbox

対応言語:PHP

仮想マシン上のPHP環境でコードを実行するプレイグラウンド。

>PHP Sandbox – Execute PHP code online through your browser

3V4L Online PHP editor

3V4L Online PHP editor

対応言語:PHP

PHPサーバ上でコードを実行、結果を返すプレイグラウンド。

>3V4L Online PHP editor | Test code in 250+ PHP versions

C Playground

C Playground

対応言語:C/C++

プレイグラウンドのソースコードがGitHubで公開されている。

>C Playground

Try F#

Try F#

対応言語:F#

F# Foundationによる公式のプレイグラウンド。

>Try F#

Scastie

Scastie

対応言語:Scala

Scalaの公式サイトが提供するプレイグラウンド。

>Scastie

OCaml Playground

OCaml Playground

対応言語:OCaml

OCaml公式サイトによるプレイグラウンド。

> OCaml Playground

Emacs Lisp Playground

Emacs Lisp Playground

対応言語:Emacs Lisp

プレイグラウンドのソースコードがGitHubで公開されている。

>Emacs Lisp Playground

myCompiler

myCompiler

対応言語:Deno/Node.js/JavaScript、TypeScript、Python、Ruby、Go、C/C++、C#、Java、PHP、Bash、R、Octave、Fortran、Erlang、Clojure、D、Perl、Fortran、Lua、Kotlin、Swift、Rust、Assembly、Bash、SQL、MySQL、MongoDB

上記のように多くのプログラミング言語や環境に対応したプレイグラウンド。上図のようにRではグラフも描画される。さまざまなプログラミング言語や環境を選択できる。

myCompiler

> myCompiler

JDoodle

JDoodle

対応言語:HTML/CSS/JavaScript、TypeScript、Node.js/Deno/JavaScript、Java、C、C++、C#、Python、PHP、Ada、Crystal、Julia、Kotlin、Objective-C、Ruby、Swift、VB.net、AWS、Bash、CoffeeScript、Cow、Dart、Haxe、Perl、R、Scala、Rust、SmallTalk、TCL、APL、Clojur、Elixir、Erlang、F#、Haskell、Ocaml、Scheme、Algol 68、Assembler、COBOLほか

全部で88種類のプログラミング言語に対応している。

JDoodle

>JDoodle

Sololearn

Sololearn

対応言語:HTML/CSS/JavaScript/TypeScript、Node.js/JavaScript、PHP、Java、Python、C/C++、C#、Kotlin、Swift、Go、R、Ruby

さまざまなプログラミング言語の環境を選択できる。

Sololearn

>Sololearn

Codedamn

Codedamn

対応言語:HTML/CSS/JavaScript、Node.js/Bun/JavaScript、Python、Java、Go、C/C++、PHP、Rust、Kotlin、Swift、SQLite

利用にはGitHubアカウントやGoogleアカウントなどによる登録が必要。さまざまなプログラミング言語や環境を選択できる。

Codedamn

>Codedamn

COMMENTS


Recommended

TITLE
CATEGORY
DATE
小中学生向け学習教材「イッツコムラーニング デキタス」が発売–通信上の懸念に対応
IT関連
2024-01-18 07:47
富士通とYEデジタル、両社の物流センター関連サービスの相互提供に合意
IT関連
2024-02-01 00:27
さくらのレンタルサーバがリニューアル、価格据え置きで最大で性能5倍の新サーバ提供へ。既存ユーザーの移行も可能
クラウド
2022-01-18 11:14
AWS、NFSサービスの「Amazon EFS」の料金を最大47%下げる「Amazon EFSワンゾーンストレージクラス」発表。冗長化を省略して安価に提供
AWS
2021-03-11 07:50
HarvestXがイチゴの完全自動栽培ロボットシステムの研究開発施設「HarvestX Lab」開設
ロボティクス
2021-06-22 16:02
楽天モバイルと富士通、Open RANソリューションの共同開発とグローバル展開で連携
IT関連
2021-05-21 18:48
ジョブ型から「優れた経営者」は育つのか–富士通の人事部門トップに聞いてみた
IT関連
2022-04-01 12:33
NECと大塚商会、AIによる中小企業経営分析を共同開発
IT関連
2021-06-17 11:01
長引くテレワーク、オフィス復帰には“出勤練習”が必要に?
IT関連
2021-07-03 19:18
トヨタ未来都市、富士の裾野で着工 静岡県など自治体、将来の産業や雇用活性化へ連携
IT関連
2021-02-26 22:56
半導体・自動車生産が活況、年後半に米景気過熱も–日経平均上昇に追い風
IT関連
2021-01-25 09:42
4月のTCイベント:Early StageでPerkins Coie、Merus Capital、Brainbaseと知財・M&Aの戦略や注意点を語ろう
イベント情報
2021-03-14 02:11
Snowflakeでのデータアプリ開発を加速–Streamlit共同創業者が来日会見
IT関連
2023-12-21 14:36
LINEがリモート占いサービス コロナ禍で急増の“占い需要”に対応
企業・業界動向
2021-04-13 09:13