Photo by Jason Cartwright
こんにちは。谷口です。
プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな~」「実際にコードを書いて動かしてみたいな~」という時に、ハードルとなるのが「実行環境の作成」だと思います。
そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。
今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。
目次
・複数言語対応系
・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言語以上 【英語版のみ】
C、C#、Perl、C++、PHP、Python、Haskell、Java、Ruby、SQL、Objective-C、VB.NET、COBOL、JavaScript 、D 、Erlang、R、Scala、Node.js、Go等、とにかくたくさんの言語を実行することができるideoneです。ユーザ登録しなくても実行できますが、登録をするとコードの公開範囲の設定等いろいろな機能が使えるようになります。
◇2.CodePad
http://codepad.org/
対応言語数:13言語 【英語版のみ】
C、C++、D、Haskell、PHP、Perl、Python、Ruby等の多数の言語に対応しているCodePadです。画面もかなりシンプルで、言語の切り替えはラジオボタンを選択するだけ。
◇3.paiza.io
https://paiza.io/
対応言語数:24言語 【日本語版・英語版あり】
paizaがITエンジニア向けの無料オンラインプログラミング実行環境サービスとして2014年11月17日からサービス開始いたしましたpaiza.IOです。もちろん日本語版で作られており、英語版に切り替えることも可能です。
paiza.IOは、C、C++、C#、Java、Ruby、Python2系、Python3系、PHP、Perl、JavaScript、Objective-C、Scala、Go、Haskell、CoffeeScript、Bash、Erlang、R、COBOL、VB、F#、MySQL、Clojure、Dの24言語に対応しています。
複数ファイルの実行やファイルアップをすることができ、前述のideone等とは違って外部ネットワークへの接続も可能なため、外部apiへの接続や、 スクレイピングなども可能となっています。
◇4.repl.it
http://repl.it/
対応言語数:15言語以上 【英語版のみ】
JavaScript、CoffeeScript、Ruby、Python等が使えるrepl.itです。いずれもJavaScriptに変換した後、評価する仕組みになっているそうです。
◇5.Codecademy
http://www.codecademy.com/
対応言語数:7言語 【英語版のみ】
HTML、CSS、Javascript、PHP、Ruby等が実行できるCodecademyです。TwitterやFacebookのアカウントでログインすると、学習用テキスト(英語)を見ることもできます。
◇6.runnable
http://runnable.com/
対応言語数:16言語 【英語版のみ】
いろいろな言語のコードを検索・実行・編集できるRunnableです。こちらはコードを書いて実行するだけでなく、実装したい言語や機能でサンプルコードを検索して参考にすることができます。また、検索で出てきたコードはさらに編集して実行することができます。
◇7.Wandbox
http://melpon.org/wandbox/
対応言語数:23言語 【英語版のみ】
C、C++、D、Haskell、C#、Perl、Python、Ruby、PHP、Erlang、JavaScript、CoffeeScript、Java等が実行できるWandboxです。Githubでソースコードも公開されています!
◇8.SourceLair
https://www.sourcelair.com/home
対応言語数:25言語以上 【英語版のみ】
Python、Ruby、HTML5、JavaScript、PHP、C++等25言語以上のコードが実行できるSourceLairです。サインインをしないとコードの実行はできませんが、無料のベーシックと有料のプロバージョンがあります。
◆JavaScript系
◇9.JSFiddle
http://jsfiddle.net/
【英語版のみ】
JavaScriptのコードをを実行できるJSFiddleです。JSFiddleはJavaScriptのライブラリーがかなりたくさんあります。jQuery、Raphael、MooTools、Dojo、YUI等、バージョンもあわせて指定できますし、SCSS、CoffeeScriptも使えます。トップ画面にはHTML、CSS、JSを書く場所と結果が出る場所がさっそく表示されており、シンプルで見やすく使いやすいです。
◇10.jsbin.com
http://jsbin.com/?html,output
【英語版のみ】
コードを書くと結果をリアルタイムで反映してくれるjsbinです。HTMLのコードも、JavaScriptコードのバリデートもリアルタイムで表示してくれます。
◇11.Codepen
http://codepen.io/
【英語版のみ】
黒くてデザインがかっこいいなーと思うCodepenです。HTML入力欄ではHaml、Markdown、Slim、Jadeを、CSSではSass、LESS、Stylusを、JSではCoffeeScript、LiveScript、Traceurが選べるようになっています。JavaScriptのライブラリーはjQuery、Prototype、MooTools、YUI等があります。
◇12.jsdo.it
http://jsdo.it/
【日本語版・英語版・中国語版あり】
JS実行系サービスの中でも珍しい日本製サイトで、英語・中国語にも対応しています。書いたコードは公開・非公開が選べます。あらゆるSNS等のアカウントでログインできますし、トップページにはHot Codeとして今話題になっているコードの紹介や、人気コードのランキングなんかもあります。国産だけあって日本語表示なのがうれしい。
◆PHP系
◇13.PHPfiddle
http://phpfiddle.org/
【英語版のみ】
PHPを書いてすぐに実行できるPHPfiddleです。コードを書くスペースと実行結果画面などをタブで切り替えることができます。
◇14.PHP Sandbox
http://sandbox.onlinephpfunctions.com/
【英語版のみ】
PHP Sandboxはコードを書いて実行すると、下の方に結果表示スペースがぺろっと現れます。SandboxではPHPのバージョンが選べますので、1つのコードをいろいろなバージョンで実行することが可能です。
◇15.WriteCodeOnline
http://writecodeonline.com/javascript/
【英語版のみ】
PHP、JavaScriptのコードが実行でき、URLエンコーダの機能もあるWriteCodeOnlineです。PHPのバージョン4か5が指定できます。
◆SQL系
◇16.SQLFiddle
http://sqlfiddle.com/
【英語版のみ】
WebブラウザからSQLの実行、確認ができるSQL Fiddleです。テーブルの作成とデータ投入を行った後、SQLを実行すると結果を返してくれます。
◆swift系
◇17.Runswift
http://www.runswiftlang.com/
【英語版のみ】
Apple社のiOSおよびOS Xのための新しいプログラミング言語、swiftをさっそく実行して試せるRunswiftです。swiftまで試せるサイトがあるなんて!
■まとめ
「ちょっとあの言語を触ってみたいけど環境を作るのが手間だな~」という時や、「初心者にプログラミングを教えたいけど環境を作るのに時間がかかってしまう……」という時等に、ブラウザだけで手軽に即プログラミングができるオンライン実行環境というのは大変便利なものだと思います。
こういった作ったものをすぐに動かせるタイプの実行環境サービスを使うと、プログラミングの勉強のハードルがぐっと下がり、たくさんの方が自分でコードを書きながら勉強していけると思います。
さらに、勉強してある程度の基礎が身につきましたら、ぜひpaizaでご自分のスキルをはかってみてください!
また、paizaでは現在、paizaオンラインハッカソン4 Lite「エンジニアでも恋がしたい!〜転職初日にぶつかった女の子が同僚だった件〜」( https://paiza.jp/poh/enkoi )を開催しております。
コーディング問題を解き進めると、その場で実行結果が判定されて、マンガのストーリーが進んでいくオンラインハッカソンです。ぜひ挑戦してみてください!
エンジニアでも恋がしたい!〜転職初日にぶつかった女の子が同僚だった件〜 | paizaオンラインハッカソン(POH)
paizaは、技術を追い続けることが仕事につながり、スキルのある人がきちんと評価される場を作ることで、日本のITエンジニアの地位向上を目指したいと考えています。
自分のスキルを磨いていきたいと考えている方におすすめなのが「paizaラーニング」。オンラインでプログラミングしながらスキルアップできる入門学習コンテンツです。初心者でも楽しくプログラミングの基本を学ぶことができます。
そして、paizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。