ネットでプログラミングを学びたいけど、どれを使ったらいいの?

medium_3161140245
medium_3161140245

ウェブサイトを作りたい、アプリを作りたい、ゲームを作りたい…そんなときに必要になってくるのがプログラミングの技術…

そんなときどうしますか?

今ではもうネットで簡単に学習することができる時代です。今回はネットで使えるプログラミング学習サイトについて書いていくよー。
photo credit: NotLiz via photopin cc[

プログラミング学習サイト一覧

プログラミングの学習をできるサイトを紹介していくよ。画像をクリックすればそのサイトにとべるから気になったらクリックしてみてね。

ドットインストール

一番知っている人が多いプログラミングの学習サイトではないでしょうか。コンセプトは「3分間でマスターする初心者向けプログラミング学習サイト」

動画を見ながら学習できるのでわかりやすい。

ドットインストール

code9leap

こちらはゲームをプログラミングするのに適した学習サイト。チュートリアルで学ぶことができ、お手本のコードを変えていくと自分のゲームを開発することができる。実際に作ったゲームは公開して遊ぶことも可能なのが面白い。

code9leap

Code cademy

世界的にはけっこう有名なプログラミング学習サイト。ブラウザ上でコードを書くエディタが用意されているため、開発環境をはじめから用意する必要はないよ。JavaScript、HTML+CSS、PythonやRubyにも対応している

codecademy

 

Google Blockly

こちらはGoogleが提供しているプログラミング学習のサイト。

パズル感覚でプログラミングすることができて楽しいかも。コードは書かないけど、プログラミングって大体こんな感じなんだーっていうのが分かると思う。ゲームみたいだね。

Google Blockly

Mozilla ThimbleApp

ThimbleはWebブラウザ上で動作するWebページ作成ツール。プログラミングというより、サイトのレイアウトとかの方だね。

画面左側にHTMLコードを編集できるコードエディタ、画面右側にプレビュー画面が表示されてるよ。コードを書くとリアルタイムでプレビューが表示されるのが良いとこ。すぐに確認できるのは嬉しい。

Mozilla ThimbleApp

Code study

株式会社Techouseが運営しているサービス。インターンシップやアルバイトの求人メディア「JEEK」なんていうのを見たことがある人もいるかもしれない。ブラウザ上だけで学習することができ、問題を解いていくと自分のレベルが上がっていくよ。

code study

前田ブロック

ブロックでプログラミングを学習することができるサイト。初心者におすすめ。

JavaScriptのコードを直接書けたりもするから中・上級者にも使いやすいかもしれない。

前田ブロック

code school

プログラミングを動画を使って学習できるサイト。 有料版は月間25ドル。

見てみるとわかると思うけど、動画が分かりやすい。映像を見ながら学習したい人にはおすすめ。

code school

 

 

Microsoft Virtual Academy

Microsoft Virtual Academy はマイクロソフトのオンライン トレーニング サイト。全コース無償。

SQL Server シリーズ、Visual Studio シリーズ、Windows 8/8.1 シリーズなどコースがいくつかあり、自分名好きなものを学習することができる。

microdoft virtual academy

 

おすすめ学習サイト

ドットインストール

初心者がプログラミングを学習するときにお勧めのサイトはやはりこれでしょう。

ドットインストール

レッスン

様々な用途に合わせられるようにレッスンは数多く用意されているよ。

  • まずはウェブサイトを作れるようになろう
  • まずはウェブサイトを作れるようになろう
  • JavaScriptをもっと便利にしてくれるjQueryを覚えよう
  • Bootstrapでかっこいいウェブサイトを作ってみよう
  • Webサービスを公開するためにサーバー環境を用意しよう
  • データベースを勉強しよう

……etc

言語学習とかアプリ開発なんかもあるね。とりあえず探してみれば目当てのものは見つかると思うよ。

 

レッスンは各章ごとに行われる。

HTML入門というレッスンならこんな感じ↓

ドットインストール 2

それぞれ動画がついているのでわかりやすい。

 

Code cademy

こちらの言語は英語だけど、少し英語がわかれば分かりやすい。学習をするなら登録が必要になってくるけど、FacebookやTwitterのアカウントがあれば進めるからそんなに面倒なことはないよ。

codecademy

 

学習することのできるものはウェブサイト作成だったり、プログラミング言語の学習だったり自分が勉強したいものを選ぼう。

codecademy 3codecademy 2

 

どんな風に学習するのか?

左側にHTML右がプレビュー画面。

画面の上のほうに何をすればいいのか指示が出されるからそれをこなしていけばいいだけ。打ち込んだものは同時にプレビュー画面に反映されるよ。

codecademy 5

いきなり問題が出されるんじゃなくて、最初に説明があってそれに従った問題が出る。

codecademy 4

全部英語だけど、けっこうわかりやすい。英語が全然読めない人にはお勧めできないけど、大丈夫な人にはおすすめ。

 

自分が学習しやすいサイトが見つかるといいね。