paiza開発日誌

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

初心者でも簡単!ゲーム感覚でプログラミングを学べる8つのサイトが楽しすぎる

f:id:paiza:20181017185249j:plain
Photo by Casey Fleser
f:id:paiza:20140916135428p:plainこんにちは。谷口です。

プログラミング初心者の皆さんは、何を使って勉強していますか?

初心者の場合、上級者向けの書籍やチュートリアルなどから始めてしまうと

  • 難しすぎてよくわからない…
  • 環境設定がうまくいかない…
  • なかなか進まなくて楽しくない…

などといった感じで挫折してしまうケースが珍しくありません。

また、そもそも「独学で何をどう勉強したらよいのかわからない」という方もいるかと思います。

そこで今回は、初心者でもブラウザだけで楽しくゲーム感覚でプログラミングが学べるサイトをご紹介します。

プログラミング初心者の方や挫折した経験のある方、使える言語を増やしたい方の参考になればと思います。


【目次】

豊富な問題と対応言語で自分の腕試しに最適!

Codewars

対応言語:Python、Ruby、Java、Clojure、Haskell、C#、CoffeeScript、JavaScript
f:id:paiza:20160530175914p:plain
Codewarsはクイズ形式で豊富なプログラミング問題を解くことができます。レベル付けやユーザーランキングもあるので、自分の実力を試したり、より上のレベルを目指したりすることで楽しく取り組めます。

f:id:paiza:20160530182047p:plain

「ゲーム感覚で手軽にたくさんプログラミング問題を解きたい」という人におすすめです。

コードを書いて美少女を集めよう!プログラミングが学べる本格無料ゲーム

コードガールこれくしょん

対応言語:Python、PHP、Ruby、Java、C、C++、 C#、JavaScript

paizaが公開しているコードガールこれくしょん略してガルこれは、ナビゲーターのリリアと一緒にプログラミング問題を解いて「コードガール」を集めながらストーリーを進めていくプログラミング学習ゲームコンテンツです。

このガルこれに、このたびハードモード(Pythonコース)が追加されました。ハードモードでは、従来のノーマルモードよりも少し難しめの問題が出題されますので、「簡単すぎる問題は物足りない」「ノーマルモードをクリアしてしまった」「Pythonを使えるようになりたい」という方におすすめです。

現在、ハードモードの公開を記念してAmazonギフト券が当たるキャンペーンも開催中ですので、ぜひ遊んでみてください。

圧倒的ビジュアルと対応言語数のプログラミングゲーム

CodinGame

対応言語:JavaScript、Go、C++、ObjectiveC、Haskell、PHP、Perl、Python、Scala、Rubyなど
f:id:paiza:20151214182233p:plain
CodinGameはビジュアルが美しく、対応言語数も非常に多いゲームです。シューティングやアクション、パズルなど、さまざまな種類のゲームをプレイできます。

f:id:paiza:20151214182528p:plain

難易度もトレーニングコースから応用コースまでさまざまなコースが用意されているので、初心者から上級者まで楽しんでプログラミングを学ぶことが可能です。

効率いいエレベーターのアルゴリズムを考えよう!

Elevator Saga

対応言語:JavaScript
f:id:paiza:20160530175817p:plain
Elevator Sagaは、JavaScriptを使ってエレベーターのアルゴリズムを考えるゲームです。

「何秒間のうちに何人を運ぶ」などといった条件がステージごとに決まっているので、クリア目指してコードを追記・修正しながら、エレベーターの動きを制御していきます。

f:id:paiza:20160530181858p:plain

エンジニアは、エレベーターがなかなか来なくて「どんなアルゴリズムで動かしとるんや!」と思った経験があると思いますので(ない?)、効率のよいエレベーターの稼働アルゴリズムをぜひ考えてみてください!

かわいいドット絵のゲームでRubyをマスターできる

RubyWarrior

対応言語:Ruby
f:id:paiza:20151214183842p:plain
RubyWarriorはRubyのコードを書いて進めるRPG風ゲームです。ドット絵がかわいく、レトロゲー好きな方におすすめです。

f:id:paiza:20151214184036p:plain

このようなプログラミングをしてキャラクターを動かしたりストーリーを進めていくゲームはいろいろありますので、好きなゲームの雰囲気で選ぶのも楽しいですね。

JavaScriptでロボットの動きを組んで対戦ができる

fight code

対応言語:JavaScript
f:id:paiza:20151214180253p:plain
fight codeは、JavaScriptを使ってロボットの動作をプログラミングし、他のユーザーと対戦させることができます。

f:id:paiza:20151214180831p:plain

ゲーム内のロボットを動かしながらプログラミングしたり、強いユーザーのロボットのコードを見たりすることも可能です。自分のロボットを強くするために、勉強もはかどりますね。

いろんな言語で「Hello World」

Hello World Quiz

対応言語:多数
f:id:paiza:20160530180121p:plain
その名の通り、「Hello World」を出力するコードを見て、言語名を当てます。回答は三択形式で、5回間違えるとゲームオーバーです。

f:id:paiza:20160530183013p:plain
「Hello Worldぐらいどの言語でもわかりそう」って思いますよね。でも、これがやってみると意外と難しいです。似たような書き方をする言語と混同しちゃったり、全然知らないレアな言語が出てきたりと、意外とハマります。

画像を見ながらクイズに答えてCSSマスターになれる

CSS Diner

対応言語:CSS
f:id:paiza:20151214173118p:plain
CSS Dinerは、CSSのセレクタを楽しんで覚えられるクイズ形式のゲームサイトです。タグを指定するだけのような基本的な問題から、徐々に難しくなっていきます。

f:id:paiza:20151214175915p:plain

最初の方の問題はHTML/CSSを使ったことがある方なら余裕だと思います!CSSをマスターしたい方はぜひ挑戦してみてください。難しい問題はヒントを見ることもできます。

まとめ

初心者がプログラミングの基礎を反復練習したり、簡単な問題を解いたりしながら少しずつ習得していくには、このようなゲーム感覚で学べるサイトもうまく使うと、楽しく勉強できるかと思います。

特に最初は「プログラミングって結構楽しいな、もっとやってみたいな」と思えることも大切ですので、ご自分のレベルにあわせて興味のある学習ゲームを試してみてください。


paizaコードガールこれくしょんでは、ノーマルモードよりも難しい問題をたくさん解けるハードモード(Pythonコース)が公開されました。

詳しくはこちら





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

詳しくはこちら

paizaラーニング

そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。

スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。

詳しくはこちら

paizaのスキルチェック





※このブログで紹介しているキャンペーンやイベント、およびサイト内の情報については、すべて記事公開時の情報となります。閲覧されたタイミングによっては状況が変わっている場合もございますのでご了承ください。

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

プログラミング入門講座|paizaラーニング

PHP入門編Ruby入門編Python入門編Java入門編JavaScript入門編C言語入門編C#入門編アルゴリズム入門編AI機械学習入門

エンジニアのためのプログラミング転職サイト|paiza転職

プログラミング スキルチェックエンジニア求人一覧

未経験からエンジニアを目指す人の転職サイト|EN:TRY

プログラミング スキルチェックエンジニア未経験可求人一覧

エンジニアを目指す学生の就活サイト|paiza新卒

プログラミング スキルチェックエンジニア求人一覧

ブラウザを開くだけで エディタ、Webサーバ、DB等の開発環境が整う|PaizaCloud