paiza開発日誌

IT/Webエンジニア向け総合求人・学習サービス「paiza」(https://paiza.jp ギノ株式会社)の開発者が開発の事、プログラミングネタ、ITエンジニアの転職などについて書いています。

これはすごい!3秒でプログラミングが始められるサービス17選

f:id:paiza:20161209195502j:plain
Photo by Jason Cartwright

f:id:paiza:20140916135428p:plainこんにちは。谷口です。

プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな~」「実際にコードを書いて動かしてみたいな~」という時に、ハードルとなるのが「実行環境の作成」だと思います。

そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。

今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。

目次

 ・複数言語対応系
  ・ideone
  ・CodePad
  ・paiza.io
  ・repl.it
  ・Codecademy
  ・runnable
  ・Wandbox
  ・SourceLair
 ・JavaScript
  ・JSFiddle
  ・jsbin.com
  ・Codepen
  ・jsdo.it
 ・PHP
  ・PHPfiddle
  ・PHP Sandbox
  ・WriteCodeOnline
 ・SQL
  ・SQLFiddle
 ・swift系
  ・Runswift

■無料オンライン実行環境サービス17選

◆複数言語対応系

◇1.ideone

http://ideone.com/
対応言語数:50言語以上 【英語版のみ】

f:id:paiza:20141126172547p:plain

C、C#PerlC++PHPPythonHaskellJavaRubySQLObjective-CVB.NETCOBOLJavaScript 、D 、Erlang、R、Scala、Node.js、Go等、とにかくたくさんの言語を実行することができるideoneです。ユーザ登録しなくても実行できますが、登録をするとコードの公開範囲の設定等いろいろな機能が使えるようになります。

◇2.CodePad

http://codepad.org/
対応言語数:13言語 【英語版のみ】

f:id:paiza:20141126171800p:plain

C、C++、D、HaskellPHPPerlPythonRuby等の多数の言語に対応しているCodePadです。画面もかなりシンプルで、言語の切り替えはラジオボタンを選択するだけ。

◇3.paiza.io

https://paiza.io/
対応言語数:24言語 【日本語版・英語版あり】

f:id:paiza:20141126173222p:plain

paizaがITエンジニア向けの無料オンラインプログラミング実行環境サービスとして2014年11月17日からサービス開始いたしましたpaiza.IOです。もちろん日本語版で作られており、英語版に切り替えることも可能です。

paiza.IOは、C、C++C#JavaRuby、Python2系、Python3系、PHPPerlJavaScriptObjective-CScala、Go、HaskellCoffeeScriptBashErlang、R、COBOLVB、F#、MySQLClojure、Dの24言語に対応しています。

複数ファイルの実行やファイルアップをすることができ、前述のideone等とは違って外部ネットワークへの接続も可能なため、外部apiへの接続や、 スクレイピングなども可能となっています。

◇4.repl.it

http://repl.it/
対応言語数:15言語以上 【英語版のみ】

f:id:paiza:20141126171339p:plain

JavaScriptCoffeeScriptRubyPython等が使えるrepl.itです。いずれもJavaScriptに変換した後、評価する仕組みになっているそうです。

◇5.Codecademy

http://www.codecademy.com/
対応言語数:7言語 【英語版のみ】

f:id:paiza:20141126172157p:plain

HTML、CSSJavascriptPHPRuby等が実行できるCodecademyです。TwitterFacebookのアカウントでログインすると、学習用テキスト(英語)を見ることもできます。

◇6.runnable

http://runnable.com/
対応言語数:16言語 【英語版のみ】

f:id:paiza:20141127163055p:plain

いろいろな言語のコードを検索・実行・編集できるRunnableです。こちらはコードを書いて実行するだけでなく、実装したい言語や機能でサンプルコードを検索して参考にすることができます。また、検索で出てきたコードはさらに編集して実行することができます。

◇7.Wandbox

http://melpon.org/wandbox/
対応言語数:23言語 【英語版のみ】

f:id:paiza:20141127164351p:plain

C、C++、D、HaskellC#PerlPythonRubyPHPErlangJavaScriptCoffeeScriptJava等が実行できるWandboxです。Githubソースコードも公開されています!

◇8.SourceLair

https://www.sourcelair.com/home
対応言語数:25言語以上 【英語版のみ】

f:id:paiza:20141127165105p:plain

PythonRubyHTML5JavaScriptPHPC++等25言語以上のコードが実行できるSourceLairです。サインインをしないとコードの実行はできませんが、無料のベーシックと有料のプロバージョンがあります。

JavaScript

◇9.JSFiddle

http://jsfiddle.net/
【英語版のみ】

f:id:paiza:20141126165430p:plain

JavaScriptのコードをを実行できるJSFiddleです。JSFiddleJavaScriptのライブラリーがかなりたくさんあります。jQueryRaphael、MooTools、DojoYUI等、バージョンもあわせて指定できますし、SCSS、CoffeeScriptも使えます。トップ画面にはHTML、CSS、JSを書く場所と結果が出る場所がさっそく表示されており、シンプルで見やすく使いやすいです。

◇10.jsbin.com

http://jsbin.com/?html,output
【英語版のみ】

f:id:paiza:20141126165758p:plain

コードを書くと結果をリアルタイムで反映してくれるjsbinです。HTMLのコードも、JavaScriptコードのバリデートもリアルタイムで表示してくれます。

◇11.Codepen

http://codepen.io/
【英語版のみ】

f:id:paiza:20141126165931p:plain

黒くてデザインがかっこいいなーと思うCodepenです。HTML入力欄ではHamlMarkdown、Slim、Jadeを、CSSではSass、LESS、Stylusを、JSではCoffeeScript、LiveScript、Traceurが選べるようになっています。JavaScriptのライブラリーはjQuery、Prototype、MooTools、YUI等があります。

◇12.jsdo.it

http://jsdo.it/
【日本語版・英語版・中国語版あり】

f:id:paiza:20141126170111p:plain

JS実行系サービスの中でも珍しい日本製サイトで、英語・中国語にも対応しています。書いたコードは公開・非公開が選べます。あらゆるSNS等のアカウントでログインできますし、トップページにはHot Codeとして今話題になっているコードの紹介や、人気コードのランキングなんかもあります。国産だけあって日本語表示なのがうれしい。

PHP

◇13.PHPfiddle

http://phpfiddle.org/
【英語版のみ】

f:id:paiza:20141126170415p:plain

PHPを書いてすぐに実行できるPHPfiddleです。コードを書くスペースと実行結果画面などをタブで切り替えることができます。

◇14.PHP Sandbox

http://sandbox.onlinephpfunctions.com/
【英語版のみ】

f:id:paiza:20141126170532p:plain

PHP Sandboxはコードを書いて実行すると、下の方に結果表示スペースがぺろっと現れます。SandboxではPHPのバージョンが選べますので、1つのコードをいろいろなバージョンで実行することが可能です。

◇15.WriteCodeOnline

http://writecodeonline.com/javascript/
【英語版のみ】

f:id:paiza:20141126170718p:plain

PHPJavaScriptのコードが実行でき、URLエンコーダの機能もあるWriteCodeOnlineです。PHPのバージョン4か5が指定できます。

SQL

◇16.SQLFiddle

http://sqlfiddle.com/
【英語版のみ】

f:id:paiza:20141126171037p:plain

WebブラウザからSQLの実行、確認ができるSQL Fiddleです。テーブルの作成とデータ投入を行った後、SQLを実行すると結果を返してくれます。

◆swift系

◇17.Runswift

http://www.runswiftlang.com/
【英語版のみ】

f:id:paiza:20141126171209p:plain

Apple社のiOSおよびOS Xのための新しいプログラミング言語swiftをさっそく実行して試せるRunswiftです。swiftまで試せるサイトがあるなんて!

■まとめ

「ちょっとあの言語を触ってみたいけど環境を作るのが手間だな~」という時や、「初心者にプログラミングを教えたいけど環境を作るのに時間がかかってしまう……」という時等に、ブラウザだけで手軽に即プログラミングができるオンライン実行環境というのは大変便利なものだと思います。

こういった作ったものをすぐに動かせるタイプの実行環境サービスを使うと、プログラミングの勉強のハードルがぐっと下がり、たくさんの方が自分でコードを書きながら勉強していけると思います。

さらに、勉強してある程度の基礎が身につきましたら、ぜひpaizaでご自分のスキルをはかってみてください!

また、paizaでは現在、paizaオンラインハッカソン4 Lite「エンジニアでも恋がしたい!〜転職初日にぶつかった女の子が同僚だった件〜」( https://paiza.jp/poh/enkoi )を開催しております。

コーディング問題を解き進めると、その場で実行結果が判定されて、マンガのストーリーが進んでいくオンラインハッカソンです。ぜひ挑戦してみてください!


マンガ版「エンジニアでも恋がしたい!」〜転職初日にぶつかった女の子が同僚だった件〜|paizaオンラインハッカソン4 Lite




paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。

↓詳しくはこちら
paiza.jp

そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
paiza.jp
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

ITプログラマ・エンジニア向け転職・就活・学習サービスのpaiza