誰も見ていない時間

ゲーム、読書、マンガ、ライフハックなどの雑記

MENU

自分が実際に使ってみて、プログラムの勉強に役立つと感じたサイトを3つ紹介

私の職種はデザイナーです。会社では管理職的なポジションに居るので、実際にデザイン作業をすることは減ってきましたが、それでも長くデザインに携わってきました。

 

デザイナーなので、厳密にいうとプログラムをする必要はありません。でも、PCを長時間触っていると、誰もがプログラムができれば良いな、と考えてしまうのではないでしょうか。そして私は、勉強しては挫折、という行為を繰り返しています。

 

以前はプログラムの勉強というと専門書を購入して、掲載されているソースコードを打ち込んで、というのが一般的でしたが、最近はプログラムの勉強ができるWebサイトが増えて来ています。

 

今回は、私が実際にプログラムの勉強に使っているサイトを3つ紹介してみます。

 

ドットインストール 動画でプログラムを学べる学習サイト

レッスン動画を見て勉強するタイプのプログラム学習サイトです。有名なサイトなのでご存知の方も多いかもしれません。

 

http://dotinstall.com/

 

一本のレッスン動画は2分から3分に設定されていて、だいたい一つのカリキュラムに10数本の動画が用意されています。この2分から3分というのが絶妙な長さで、あまり気分が乗らないときでも、とりあえず3分ならいいか、と手をつけることができます。

 

レッスン動画は、講師役の方が実際にプログラムされている画面をキャプチャされているので、画面通りに入力していけば、プログラムを完成させることができます。

 

有料プランも用意されていて、料金は月額980円(税別)です。私も有料プランを利用しています。有料プランのメリットは色々あるのですが、私が感じているメリットを下記にまとめてみます。

 

ソースコードがダウンロードできる
・中上級者用の有料専用のレッスン動画が視聴できる
・レッスン動画の音声をテキストで確認できる
ソースコードの比較チェックができる

 

上に挙げた中では、4番目のソースコードの比較チェック機能がすごく便利です。プログラムは「.」と「,」を間違えたり、スペルを一文字間違えただけでも動かなくなるので、そこで躓いて嫌になる人も多いかと思います。

 

f:id:kitahana_tarosuke:20170626225436p:plain

 

上の画像がソースコードの比較チェック画面なのですが、間違えたところが赤いフレームで囲って表示されるので一目瞭然です。ケアレスミスの解消に役立ちます。

 

CODEPREP プログラムを穴埋め式で学べる

こちらは完全に無料のプログラム学習サイトです。

一時期、更新が止まっていたのですが、最近リニューアルされて、新しい学習用コンテンツも随時追加されています。

 

codeprep.jp

 

CODEPREPが何よりも素晴らしいのは完全に無料という点です。広告の表示などもありません。サイトを運営されている会社が、どうやって利益を得ているのか心配になるくらいです。

 

内容も充実しており、HTMLからCSSJavaScriptJAVARubyPHPなどなど、一通りの言語は揃っています。穴埋め式なので、手軽に取り組みやすいのも特長です。

 

プログラムを学習していると、問題となるのは「躓いたときにどうするか」なのですが、CODEPREPでは画面左側にヒントも用意されていて、そのヒントがほぼ答えに近いので、迷ったときもサクサクと進めることができます。

 

唯一の問題点があるとすれば、穴埋め式だけに総合力が身に付きにくい、という点があると思います。

 

私自身も経験したのですが、CODEPREPで学習した後に、実際にプログラムを書こうとすると、穴埋め式で答えた箇所しか覚えてないというときがあります。ブログラムを体系的に覚えているのに少し向いていない、という印象でしょうか。

 

※追記
長らく無料で使用できたCODEPREPですが、運営会社からプレミアム会員プランの導入が発表されました。紹介記事はこちら

 

Progate スライドで視覚的に学べるプログラム学習サイト

スライドでの解説で視覚的に確認した後に、コード入力というステップで、プログラムの学習ができるサイトです。

 

prog-8.com

 

例えばCSSでもmarginとpaddingの違いは初心者にはわかりづらいと思いますが、Progateのスライドでみれば一目瞭然です。

 

プログラムの入力および実行環境もブラウザ上で提供されているので、ドットインストールのように自分で環境を用意する必要がありません。

 

ソースコードはある程度用意されており、必要な一文をまとめて入力する形式なので、CODEPREPのように穴埋め式で勉強したけど、実際のソースコードが書けない、といったジレンマに陥ることもありません。

 

月額980円(税別)の有料プランに入れば、利用できるレッスンが大きく増えます。無料で利用できるレッスンもありますが、完全無料なCODEPREPはもとより、ドットインストールよりも、利用できる割合としては少ないような感じがします。

 

3つの学習サイトの利用法

私個人としては、

・CODEPREP
穴埋め式で手軽に取り組める

・ドットインストー
関連動画で知識を仕入れ

・Progate
一連の流れを学習

・ドットインストー
動画を見ながら実際にソースコードを打ち込む

という連携で学習するようにしています。

 

以前にホリエモンこと堀江貴文さんが、

「起業するなら絶対にプログラムを覚えたほうが良い」
「元手が入らず、PC一台あれば仕事ができる」

と仰っていたのを聞いたことがあります。

 

起業するかどうかはともかくとして、プログラムができれば自分の世界を広げることができると考えています。

 

私自身としても自分のWebサービスを作ってみたいという野望を密かに持っていたりします。今はこのブログの体裁を整えることさえ、できていない状況ですが・・・

 

他にデザイナーとしても、Mayaとか3DCGツールでは、MELやPythonスクリプトは必須ですしね。

 

これからも何とかプログラムを習得できるように、密かに奮闘を続けていく予定です。