ゲームで遊ぶだけ！気付いたらプログラミングできるようになれるサービス14

◇1.Code Studio

ビジュアルプログラミング
無料

「Code Studio」はプログラミングを全米の教育カリキュラムに組み込む運動をしている非営利団体「Code.org」が運営している、子供たちにプログラミングに興味を持たせるためのサイトです。

たくさんのビジュアルプログラミングによるゲームがありますが、スターウォーズやアナと雪の女王のゲームもあります！

スターウォーズ！！

アナ雪！！

大人がやっても楽しいです！「プログラミングのプの字もわからん」という人はこういったビジュアルプログラミングから挑戦してみると取っつきやすいと思います！

◇2.Smalruby

対応言語：Ruby（ビジュアルプログラミング）
無料

Smalrubyは、島根のRuby少年団が作った、小学生でもRubyを使ってプログラムを作れるようになることを目的としたビジュアルプログラミングツールです。

組み合わせたブロックはボタン一つでRubyのソースコードに変換して見ることもできますので、ただビジュアルプログラミングをするだけでなく、Rubyを学びたいときにも使えます！インストールも詳しい説明があって簡単！

◇3.コロコロゲーム工作（クラフト）ブロック

対応言語：JavaScript（ビジュアルプログラミング）
無料

「漫画のキャラクターが勉強を教えてくれる教材があったら楽しく学べるのにな～」と思ったことはありませんか？

コロコロゲーム工作（クラフト）ブロックでは、コロコロコミックのキャラクターが表示されるブロックを使ってビジュアルプログラミング（※ブロック等を画面上で組み合わせて、アプリケーションを作るプログラミング手法）をすることができます。

こちらはもともとオープンソースのプロジェクトenchant.jsで作られたビジュアルプログラミング言語MOONBlock（前田ブロック）のコロコロ版でして、MOONBlockと同様にブロックを組み合わせてコロコロコミックの人気キャラクターを動かしたりゲームを作ったりすることができます。

組み合わせたブロックはボタン一つでJavaScriptのソースコードに変換して見ることもできますので、ただビジュアルプログラミングをするだけでなく、JavaScriptを学びたいときにも使えます！

◇4.Progra!

対応言語：PHP、Ruby、Python、VBA
無料

Progra!は、最低限の基礎的なコードの書き方が、穴埋め問題を順番に解いていくことによって学べるサービスです。

隙間時間などに穴埋め問題を解くだけで素早く学習を進められるので、「あんまり難しそうなサイトはやりたくない」という方におすすめです。

コースも4言語分あって充実していますので、プログラミング学習の初めの一歩を踏み出したい方、難しいのや時間がかかるのは嫌だという方にはぴったりだと思います。

◇5.CSS Diner

対応言語：CSS
無料

CSS Dinerは、CSSのセレクタを楽しんで覚えることができます。寿司下駄の上で踊る皿が何とも言えずかわいい……。

タグを指定するだけの基本的な問題からだんだん難しい問題に進んでいきます。最初の方の問題はHTML/CSSを使ったことがある方なら余裕だと思います！CSSをマスターしたい方はぜひ挑戦してみてください。

英語になりますが、難しい問題はヒントを見ることもできますよ！

◇6.CODEPREP

対応言語：Ruby、PHP、HTML、CSS、JavaScript、jQuery、Canvas、Animate.css
無料

CODEPREPも、穴埋め問題を解くことで様々な言語を学ぶことができます。

プログラミングの基礎から応用、アプリ開発に関してまで学ぶことができます。
例えば「Javascriptでつくるタイマー」や「JavaScriptでつくるおみくじ」といったブックと呼ばれるカリキュラムがあり、問題を解き進めていくと実際にそのアプリができあがります。

実際に自分で動かして勉強しながらアプリを作っていくことができますので、「まだ初心者だけど何か動くものを作ってみたい！」という方に大変おすすめです。

◇7.Codeschool

対応言語：Ruby、HTML/CSS、JavaScript、iOS、DB
有料版は月$25（一部無料コンテンツあり）

Codeschoolは、動画でプログラミングを学習できるサイトです。（※英語です）

まず動画を見て、見終わった後にクイズに答える形式でコーディングを学ぶ形式となっており、正解するとバッジがもらえる機能もあります。

映像にはゾンビが出てきたりして、動画も課題もコミカルに楽しく学習できますよ！

◇8.fight code

対応言語：JavaScript
無料

fight codeでは、JavaScriptでロボットの動作を記述することで、そのロボットを他のユーザーと対戦させて遊ぶことができるサイトです。

実際にロボットを動かして見ながらプログラミングをすることができますし、他のユーザーのロボットのコードも見ることも、他のユーザー同士の対戦を見ることができます。

これ楽しい……強いロボットを作るためにもJavaScriptの勉強が捗ります。

◇9.CODECOMBAT

対応言語：Python、JavaScript、CoffeeScript、Clojure、Lua、lo
無料

CODECOMBATは、まさにRPGゲーム！をプレイしながら、プログラミングを学ぶことができます。

例えばキャラクターが指示通りに行動するようなコードを書いて進めていきます。

ビジュアルがすっごいゲーム！！楽しい！！序盤は難しくないので初心者でも解くことができますよ。

◇10.CodinGame

対応言語：JavaScript、Go、C++、ObjectiveC、Haskell、PHP、Perl、Python、Scala、Rubyなどなど
無料

CodinGameはビジュアルがすごく美しいですよね。対応言語もすごく多いです。

シューティングやアクション、パズル等いろんな言語でいろんなゲームをプレイすることができます。

レベルもトレーニングコースから様々な応用コースで遊べますので、まさに楽しく遊びながらプログラミングを学ぶことができますよ。

◇11.RubyWarrior

対応言語：Ruby
無料

RubyWarriorはRubyのコードを書くことで、ドット絵がかわいいRPGを進めることができます。か、かわい～～。レトロゲー好きな方におすすめです。

プログラミングしてキャラクターを動かして進めるタイプのゲームはこのようにいろいろありますので、対応言語はもちろんですが自分が好きな雰囲気のビジュアルで選ぶのもいいと思います。

◇12.code.9leap.net

対応言語：Ruby
無料

code.9leap.netは、ゲームプログラミングに特化した学習サイトです。

ゲームエンジン「enchant.js」を使ったプログラミングを学ぶことができ、サンプルコードを書き変えていくと自分のゲームを開発することができます。

結構本格的なゲームプログラミングができる上、作ったゲームを投稿することもできますよ！投稿されたゲームは9leapで見て遊ぶことができます。ランキングもあります。

◇13.Code Babes

対応言語：HTML、CSS、PHP、Android等
無料

Code Babesは、プログラミングの基礎を動画で学んだ後に選択問題を解き、正解するとお姉さんが1枚ずつ服を脱いでいくというサービスです。

問題前の動画の講義では、基礎的なことがちゃんと学べますので、決してプログラミングはお姉さんのおまけではありません。

えーこれ男性版も作ってくれないかな……

◇14.paizaオンラインハッカソン7　プログラミングで彼女をつくる

対応言語：HTML、CSS、PHP、Android等
無料

paizaオンラインハッカソン第7弾の「paizaオンラインハッカソン7　プログラミングで彼女をつくる」は、シリーズ初の恋愛シミュレーションゲームの要素を取り入れた、世界初の恋愛プログラミングゲームです。

時は20xx年……日々プログラミングを頑張りながら、クリスマスは一人寂しく過ごしていた俺たちについに恋の女神が微笑んだ――――。なんと俺たちのことを彼氏と認識してくれるアンドロイド彼女の「安藤　杏（あんどう　あん）」ちゃんが開発されたのだ！！！！

杏ちゃんのすごいところは、世界で初めて開発された「プログラミングでお着がえ機能」。杏ちゃんと同居生活を始めたあなたは、プログラミング問題をどんどん解いて、杏ちゃんの着せ替えアイテムを集めたり、2人の親密度を上昇させたりしてください。

「既にアイテムコンプリートしたぜ」という方も、12月14日に新アイテムの眼帯と縞ニーソが追加されましたので、ぜひ再び挑戦してみてくださいね！！