環境構築は必要なし!すぐにプログラミングが始められるWebサービス10選

UX MILK編集部

モノづくりのヒントになるような記事をお届けします。

コードを試したい場合だったり、プログラミングの学習をしたりするときに、開発環境を整えるのが面倒なことはありませんか?今回は面倒なアカウント登録も不要で、ブラウザだけですぐにプログラミングができるWebサービスをご紹介します。

Runstant

runstant2
http://phi-jp.github.io/runstant/release/alpha/

対応言語:HTML, CSS, JavaScript

 Web系のコードを試すときに便利なサービスです。エディタがSublime Text風のハイライトで見やすく動作もサクサクなので非常に使いやすいです。saveボタンを押すことでコードの情報が入ったURLが自動的に生成され、簡単に他の人にシェアすることができます。また、上のshareボタンを押した後にembed codeの内容を記事内に埋め込むとコードと開発環境自体も埋め込むことができます。Webデザイナーの方に特にオススメです。

Wandbox

wandbox
http://melpon.org/wandbox

対応言語:Bash, C, C#, C++, D,  Haskell, Java, JavaScript, Lisp, PHP, Pascal, Perl, Python, Ruby, SQL, Scala, Swift, etc.

様々なプログラミング言語に対応したサービスです。こちらもURLで簡単にコードをシェアすることができます。エディタ上部の「+」ボタンを押せば複数ファイルにコードを記述することが可能です。

Coding Ground

codingground
http://www.tutorialspoint.com/codingground.htm

対応言語:Ruby, PHP, C, C++, C#, D, Dart, Fortran, Go, Haskell, Java, HTML, JavaScript, Verilog, Scala, etc.

対話型のインタプリタ形式で使えるターミナルとオンライン上で使えるIDEが利用できるサービスです。このサービスの素晴らしいところがプロジェクトをブラウザだけで作成できてしまうところです。また、対応言語の数も多くマークアップ言語、関数型言語、ハードウェア記述言語なども選択することができます。ただ、入力の反応が少し遅い場合があります。

Ideone

ideone
https://ideone.com/

対応言語:C, C++, D, Erlang, F#, Fortran, Go, JavaScript, Objective-C, Ocaml, Perl, Python, R, Scala, etc.

様々なプログラミング言語に対応したサービスで、実行時にコードを公開するか非公開にするか選択することができます。他のサービス同様に記述したコードはURLでシェアでき、埋め込み用のコードを使えば記事中にコードを埋め込むことができます。

repl.it

replit

https://repl.it/languages

対応言語:C, C++, C#, Python, Ruby, JavaScript, Java, JavaScript, Go, etc..

様々な言語に対応しているサービスで左側のフィールドでコードを入力し、右側でコマンドライン入力ができます。実行結果が並べて見られるので、使いやすく動作も軽快でプログラミングしやすい環境です。

CodePad

codepad
http://codepad.org/

対応言語:C, C++, D, Haskell, Lua, OCaml, PHP, Perl, Plaint Text, Python, Ruby, Scheme, Tcl

非常にシンプルなデザインでサクサク動作します。Recent Pastesのページから他の方が最近作成したコードを覗くことができます。コードや実行結果は実行後に生成されたURLで簡単にシェアすることが可能です。

JSFiddle

jsfiddle2
 
対応言語:HTML, CSS, JavaScript 
 
HTML, CSS, JavaScriptのコードが利用できます。JavaScriptの設定を変更することでjQueryなどのライブラリを利用することができます。すべてのコードと実行結果を同時に見ることができるので便利です。こちらのサービスも生成されたURLでコードを簡単にシェアすることができます。Run後にEmbedを選択すれば埋め込み用のコードを記事中に埋め込むことができます。こちらもWebデザイナーの方にオススメです。

SQL Fiddle 

sqlfiddle
http://sqlfiddle.com/

対応言語:MySQL, Oracle 11g, PosgreSQL, SQLite

オンライン上でSQLを実行・確認ができるサービスです。左側のテキストフィールドにDDLを記述し、右側にSQL文を記述して実行することができます。SQLの環境を整えるのはけっこう面倒なので、ちょっとしたSQL文の確認や練習に役立ちそうです。

PHP Sandbox

phpsandbox
http://sandbox.onlinephpfunctions.com/

対応言語:PHP

こちらのサービスはPHPのコードをテストできるサービスです。PHPは4系から7系まで幅広く対応しています。実行後にシェア用のURLを生成することもできます。

JS Bin

jsbin
http://jsbin.com/

対応言語:HTML, CSS, JavaScript

 Web系のコードを試すときに便利なサービスです。runstantに似ていますが、こちらのサービスではJavaScriptをリアルタイムに構文チェックしてくれるので間違えている箇所がわかりやすく非常に便利です。JavaSciptのコードを試したいならこちらのサービスがオススメです。

まとめ

今回ご紹介したサービスはすぐにコードをシェアできたり、記事中に埋め込んだりすることができる便利なサービスばかりです。学習用途だけでなく勉強会のライブコーディングで使ったり、ちょっとしたコードを実行結果と一緒にチーム内で簡単に共有したりすることもできます。是非これらのサービスを活用してみてください!


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて