💎

【初心者必見】ゲーム感覚でプログラミング学習できるサイト 10選

2022/12/02に公開

はじめに

今回の記事では、ゲーム感覚でプログラミングを勉強できる画期的なWebサービスを10個紹介する。ゲームを通して学んだ知識をアウトプットできるサービスを中心に紹介したので、学んだ知識を使える知識として自分のものにしていただければ幸いだ。

ぷよぷよプログラミング

  • ぷよぷよを開発しながらプログラミングを学べる。扱う内容はHTML/CSS、JavaScript。
  • 実際にアプリ開発をしながら学べるので、インプットとアウトプットを同時にこなせる。
  • 初心者~中級者でアプリ開発しながら知識をアウトプットさせたい人にはオススメできる。

Scratch

  • アメリカのマサチューセッツ工科大学で開発された。コードを書くためのタイピングが一切ないプログラミング学習サイト。
  • 視覚的・直感的にプログラミングを学習できるので、キッズにも非常に優しい。
  • たくさんの「命令のブロック」を好きなように連結し、指示を作る。
  • 画面上に配置した絵を単に組み合わせるだけではなく、「XしたらYする」というような条件を挟んだり、繰り返すパターンといった複雑なパターンを作れる。

Smalruby

  • Rubyで開発されたキッズ向けプログラミング学習サイト。
  • 画面上にあるブロックを組み合わせてプログラムを作る。
  • ブロックで組み合わせた内容をRubyに変換できるので、Rubyの基本知識も同時に学べる。

Code Studio

  • ブロックをつなげてプログラミングを行う。主にJavaScriptを学べる
  • 年齢別に3つのコースが分かれている。(初心者向け)

CodinGame

  • RPG感覚でプログラミングを学べる。日本語にも対応
  • 学べる言語はJavaScriptだけではなく、PythonやC言語など23種類にも渡る。
  • 言語だけではなく、ビジュアルや音楽、動きのスムーズさが本格的。
  • 本格的にプログラミングを学習したいなら非常にオススメ。

CODECOMBAT

  • RPGゲーム風に、プログラミングコードを書くことでゲームが進行する。CodinGameと同様に、RPGが好きな人にとってはうてつけ。
  • 最初は主人公を動かす簡単なプログラムから始まり、宝石を手に入れるコードのための入力など難易度が徐々に上がる。
  • やり込んでいく中でスキルが上がるので、プログラミング学習と親和性が非常に高い。
  • JavaScript、Pythonなど6言語に対応している。
  • 日本語にも対応。

CryptoZombies

  • イーサリアムに使われているプログラミング言語「Solidity」の基本を学べる。
  • ゾンビを題材にしたレッスンを進めることで、Solidityやブロックチェーン技術に対する理解を深められる。
  • 未経験からでも安心して無料で学習できる。
  • Solidity初心者は絶対に確認するべき

Autonauts

  • 惑星を開拓してロボット帝国を作り、自動化の力で世界を動かすことを目的としたゲーム。Scratchに近い。
  • プログラミング言語の知識は不要で、ビジュアルプログラミング言語を使って進められる。未経験からでも学びやすい。
  • 可愛らしいアニメーションと惑星を開発するというゲーム性は、育成ゲームが好きな人にうってつけ。

CSSBATTLE

  • 純正CSSを使って、与えられた画像をコードだけで再現する。
  • 自分のCSSのスキルを試す場としてうってつけ。
  • お題の数も豊富かつ簡単なものから難しいものまで幅広くある。

JSROBOT

  • JavaScriptでロボットを操作するゲーム。
  • 後半部分はAPIなどのような高度な技術も含まれる。
  • 徐々に難易度が上がるので、自分のスキルや進捗具合を把握できる。

参考サイト

https://qiita.com/KNR109/items/41065e31970925964b90

https://tech-camp.in/note/technology/73968/#PC

https://www.interspace.ne.jp/media/programming/columns/programming-game/

GitHubで編集を提案

Discussion