Photo
Photo
Link
Photo
Text

無料で学ぶプログラミング学習サイト7+2選!

こんにちは、あんまりまとめブログとか好きじゃない、というかそもそも、最近ブログ書く気が起きてなかったのですが、「書こうかな」って気持ちになってきたので、書いてみたいと思います。

プログラム書いているうちに「もうちょっといろんな言語見てみたいな」って思って探して使ってみたところ、楽しく学べそうなサイトが散見されました。
その中から、完全無料で学べるサイト7つと、一部無料で学べるサイト2つをご紹介します!
 

  1. Codecademy


    今学んでいる中では、一番良いのではないかと思ったりしています。
    初心者にも、優しく、でも、簡単すぎないってのが良いところ。
    また、フィードバックが嬉しいです笑
    英語にはなりますが質問ができるってのも大きなところです。
    エディタ(プログラムを書く道具)がブラウザ上にあるし、適切なヒントもある、できた時には褒めてくれます笑
    また、問題を一定量解くとFoursquareみたいなバッチとかもらえちゃいます。
    現状はJavaScriptHTMLがメインですが、後からRubyやPythonも追加されるみたいです。楽しみですね!
     
  2. ドットインストール【日本語】


    最近まで招待制でしたが、ついに(?)招待制ではなくなったみたいです。(僕はローンチされた直後、友人に「招待して!」って言ったら「あなた初心者じゃないからダメ!」って言われて部屋の片隅で泣いていました。)

    今回ご紹介するサイトの中で日本語で解説をしてくれる数少ないサイト。(もう一つはJEEKというサービス)「3分動画でマスターする」ってのが、コンセプトみたいで言語により数は異なりますが、全20回くらいの動画で学べるものが多いですね。(PHPの動画がすごく多くて60回!)

    っていうか、学べることがとにかく多い!
    50講座以上
    あります!(よね?)
    ソーシャルAPIなんかの口座とか、TwitterBootstrapとかに関しての授業があるのは熱いですね〜!「TwitterのBOT作る」とか「アンケート用のアプリ作る」なんていう、「あぁ、こういうことできたらいいのに。でも、頼めるひと人おらんしどうやって作れば…:0」的なところまでカバーしているのがイケメン。

    こちらは環境の構築方法とかは教えてもらえます。が、大きなデュアルディスプレイとかでやらないと、流れに沿ってやるのが難しいのかもしれない。
    が、しかし:0!
    環境構築って本当にプログラミングはじめる上でのかなり大きな障壁になっている(と思う)ので動画の形式でチュートリアルやってくれるのは最高だと思います!
    あとは…画像で見えると思うんですが、右の方(カラム)にある、各回でつけるノートを最後に一つのテキストとして吐き出せたらいいな〜♡ なんて思っているので、中の人に期待ですね:0!

    あとは、こんな感じ(↓)に学習記録の通知とかもしてくれるので、自分が以下にサボっているかとかもわかっちゃいます(僕のムラッ気もバレましたね) 

  3. Bloc



    自分が書いたコードを、正解のコードと照らしあわせていくゲームです。
    こちらもJavaScript中心ですが、実用的なコードの練習ができます
    最近、「あの人…あれっきり一度も顔見てないけど大丈夫かしら…」って位「どこまで行くんだJavascript!」感がすごい言語ですが、そうさせている原因の一つであうNode.jsなんかを使って、チャットアプリケーションを作ったりとか、とーっても役に立つ講座があるデザインも素敵なサイトです。

     
  4. (un)classroom
    すごく簡素なサイトですが、PHPが学べます
     


    画像見てもらうと分かるんですが、穴埋め形式になっています。各ステップが細かいので、段階的に学んでいくことができます。
    丁寧ですね:0
    あと、FacebookのAPIも同様の形式でやっているので、そちらも便利です。
     

  5. Hackety Hack!
    Rubyのディスクトップアプリケーションです(ダウンロードします)



    ユーザーインターフェース(アプリの画面)はこんな感じです。
    最初はちょっと、何やっていいかわからないと思うのですが、左側のメニューにあるLessonsをクリックとかして、順番に読んでいけばできるかと思います。
    いろんな環境で動くので、Rubyやってみたいならお勧めです:)
     
  6. .appendTo

    JavaScriptとjQueryの学習サイトです。



    画像の下の方見てもらうと分かると思うのですが、
    学習のガイドラインが表示されていて、次に何を学べば良いのか。というのが、分かり非常に体系的に上記の言語を学ぶことができます
    動画もすごくわかりやすいです。英語もゆっくり話してくれて聞き取りやすい気がします:)

     
  7. JEEK【日本語】



    最近できた(と思います)サイトです。
    こちらはJavaScriptオンリーです。なんだか、レベルとかもあってRPG感覚で勧められそうですね。
    まだまだ、講座が追加されていってるみたいです。
    こちらも、ブラウザ上でコードを書くことができます。
    また、サイトが日本語なので、「英語はちょっと…」って方も、こちらから特化買ってみるのはいいかもしれませぬ!

      

ここから、番外編で基本的には有料ですが一部無料のものを…

  1. Treehouse
    サイトのデザインが素敵です!

    HTMLだけ、無料で出来るみたいです。
    その他のCSSやObjective-C(iPhoneアプリが作れるようになります!)などは、月額25$からです。
    が、一応イントロの動画とかは見れるようになっています。
    サイトの構成とかも含めて好きです。
    CodeAcademyの様なバッチももらえて、モチベーションも上がりますね!

     
  2. Codeschool
    有料コンテンツですが、Rails for Zombiesがいろんな意味で面白い(かつ無料)ので挙げました笑
    アメリカっぽいポップなイラストで、解説が終わった後に「はい!じゃあ、あんたもやってみて!(できるでしょ?)」 みたいなノリでコードをブラウザ上にあるエディタで書いてみる。という形式です:0
    これも、レベル感がちょうど良くて楽しいと思います。デフォルトがスペイン語なので、最初「ほえ?」ってなりますが、落ち着いて動画の表示されている画面の下の方にあるEnglishを押せば問題無いです。当たり前か。

    ポップな絵ですが、脳味噌とか出てくるので、マジでそういうのダメな人はダメだと思うので、やめておきましょうw

    他にも、jQueryAirや、TRYRubyなんかは、無料で見ることができます。
    コースごとの単価は55$、月額に払う形式だと全ての講座を25$で見ることができます。

     

 以上、8つのプログラミング学習サイトでした!
この春にプログラム始めちゃおうかと思っている方、こんなサイトを使ってみるのはいいかと思います!いかがでしょうか?春ですし!←
 

by @Tsuji_Takuya

Tags: blog web
Photo
triangletriangle:

Ori Gersht
Photoset

minusmanhattan:

Growing Chair by Michel Bussien.

Photo
oliphillips:

1550 Stacked Chairs
by Doris Salcedo

oliphillips:

1550 Stacked Chairs

by Doris Salcedo

Photo
hollyhocksandtulips:

VideoMusic ad scanned from Playgirl, March 1978.

hollyhocksandtulips:

VideoMusic ad scanned from Playgirl, March 1978.

Photo
orientaltiger:

Giant Birds Nest Bed
Photo
hollyhocksandtulips:

This is very cool
myedol:

Craig Alan, Populous - Audrey 

hollyhocksandtulips:

This is very cool

myedol:

Craig Alan, Populous - Audrey 

Quote
"

そして、「頑張ること」それ自体に価値があるのはアマチュアの世界、価値がないのがプロフェッショナルの世界である。
全ての人がプロフェッショナル的に仕事をするべきだ、とは僕は思わない。
でももしプロフェッショナルになりたいのであれば、「僕、努力したもん」は封印しなければならない。そんなこと、他の人は知ったこっちゃないのだ。

努力は確かに価値がある。
でもそれは、頑張ったその人だけに関係がある種類の価値だ。いつか努力が能力に転換され、他の人にとっても価値のあるモノを生み出した時に初めて「価値のあるモノを生み出している」と胸を張れるのだ。

"

あなたの作ったものはゴミである、あるいはプロとアマの分岐点:プロジェクトマジック:ITmedia オルタナティブ・ブログ (via jun26)

(jun26から)

Photo
myfrankworld:

Empty Memory by Logical Art
Photo

(出典: wtbwktm-knsmから)

Photo
theabsolution:

‘Slopeside Chalets’ in the US, by Locati Architects

theabsolution:

‘Slopeside Chalets’ in the US, by Locati Architects