知識ゼロからのWebデザイン、プログラミング、まずはコレ!

知識ゼロからWebデザイナーになりたいなら絶対にこれをチェック!

Webデザイン、Webデベロッパー、最近よく目にしますよね。
今まで全くデザインもパソコン知識も詳しくないけどなれるもの?
実際にInteractive Media Design コースというWebデザインやビデオ編集などメディアに関わる全般を勉強するコースでカナダのカレッジに通っているからこそ思う留学or勉強前にやっておけばよかったこと!

カナダ コミカレ留学 インタラクティブメディアデザインコース解説

一口に「IT系」といっても幅はめちゃめちゃ広いです。
今回私がご紹介するのは主にWebデザイナー、Web デベロッパーには欠かせない要素!
仕事って相性もありますよね。まずは「絶対やっておくべき事」を試して自分が楽しめるか、どうしても苦しくなってしまうかを確認してみましょう!
もちろんこれは教え方も重要!私はコーディングが大の苦手で嫌いになりかけていましたが、今改めて違う方法で勉強しだしたら、あら、ちょっと楽しいかも!となってきています。
理解できるかどうかは本当に重要です。
ぜひ留学、学校に本格的に大金を払う前に試してみてください。

知識ゼロからのWebデザイン、プログラミング留学の前にはコレ!Photo by Christopher Gower on Unsplash

初心者向けの無料で試せる優れものサイト!

ポップなカラーとイラストで入りやすい「Progate」

ポップなカラーとイラストで入りやすい「Progate(プロゲート)」

まずは基本のHTMLとCSSをやってみよう!

Progate(プロゲート)プログラミングで 人生の可能性を広げよう

Webデザイナーもデベロッパーもプログラマーも、基本のHTMLとCSSは必ず勉強すると思います。
これはちょー基本中の基本!
早速難しそう。。。って思いますよね。映画やドラマでも黒い画面にカタカタものすごい勢いでタイピングしてるシーン。全然面白そうじゃないし、難しそう。

でもそのイメージを払拭してくれるのがこのProgate!無料版と有料版があるんですが、まずは無料版の「HTML,CSS」講座をやってみましょう!

知識ゼロからで大丈夫です!
可愛いポップなイラストで1つ1つ説明しながら進んでいけます。
その中で毎回練習をしながら実際にタイプして進んでいけるのでプログラミングに有り勝ちな小難しい感じがしません。

「なんとなくわかりそう!」「意外といけるかも」と思えばもう少し試してみるのもいいと思います。
全くの初心者で小難しいと拒絶反応を起こしちゃうという方にはまずはこちらがおすすめ!

そしてこれは日本語版と英語版があります。
どちらか一歩で入って途中で切り替えができないので、日本語でしっかり理解!もしくは英語で試してみたい!どちらもいいと思います。
どちらも別々に登録して両方試すのもあり!

無料版と有料版!

Progateには無料版と有料版があります。
無料会員は基礎レッスンが受けれます。それ以上は有料会員特典になります。
自分に合ってるなと思ったら月々980円なので続けてみるのもいいですね。
基礎レッスンは全部で18レッスン、有料会員だと79レッスンが受け放題になります。(2020年7月現在)

とりあえず基礎で気になるものを受けて、他でご紹介しているものと検討してみてもいいかもしれませんね。
勉強は個人の合う合わないがあるのでお試し版をいくつかやってみてから決めるのがいいと思います。

大人の雰囲気でしっかり教えてくれる「CODEPREP」

もう少し大人の雰囲気の「CODEPREP」

シックなデザインだけど説明はしっかり!

CODEPREP:Learn Something New

こちらはグッとシックに大人の雰囲気。
使われている色も落ち着いていてますね。
でもだからと言って小難しいという感じではなく、こちらも1つ1つきちんと説明して進んでいきます。

100冊以上のブックがあり、1冊10分程度で終わるので毎日少しずつ試していけます。
そして編集モードで自由に編集できるのもポイント!自分で実際にオリジナルを加えて自由に試すことでより理解力が深まります。
さらにさらにそのコードをダウンロードできる!コードはいろいろ試しすぎてわからなくなったり、ちょっとやらないと忘れちゃったりします。ちゃんと残せるっていいですね!

説明の量でいうとProgateよりもこちらの方がしっかりある感じがします。
Progateが「楽しくまずは入りやすく!」という雰囲気で抵抗感なく進めるのに対し、CODEPREPは「しっかり説明して進んでいく」という感じ。
どちらも好みがあると思うので両方やってみるのがいいと思います。

豊富な内容、なりたい職業から選べるコースがおすすめ!

たくさんあっても結局どれをやればいいのかわからない!
自分がなりたい職業に何が必要かわからない!ってなりますよね。
そんな方には「学習コース」を見てみましょう!

  • 初心者向けWebの基礎を学ぶ
  • Webプログラミングを学ぶ
  • システム開発の基礎を学ぶ
  • UIデザイン実践
  • フロントエンドの定番ライブラリを学ぶ
  • ゲームプログラミングを学ぶ

調べても何が流行っている、何が必要という情報が溢れすぎて、人によってもおすすめが違うから結局自分に何が必要かってわからないですよね。
そんな時道しるべを示してくれるのはとてもありがたいですね。

全部が無料で試せる

そしてこれがななななんと全部無料!!!!!!

無料で豊富なプログラミングの勉強ができる!

信じられない大盤振る舞いですね。
これはもうやるしかありません!

オンライン授業でしっかり学ぶ

人気講師のオンライン授業が格安で受けられる!「Udemy」!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース

人気講師のオンライン授業が格安で受けられる

幅広いジャンル!数えきれない講座の数!

このサイトは様々なジャンルがあり、言語、レベル、値段、評価など色々なフィルターをかけて検索できます。(フィルターをかけないと多すぎて選べません。。)

英語学習もあるし、日本語でも授業があります。
もちろん英語で受ける授業が一番多いんですが、日本語の授業も結構たくさんあるので要チェックです!

内容を要チェック!サンプルビデオは必ず視聴!

Udemyでコースを買う前に必須なのが内容をよく読んでサンプルビデオを見ること。
実際の授業の一部を見ることができます。
これで話し方、授業のスタイル、内容を見て自分に合うかどうかを判断します。
もちろん全部ではないのでこれだけで完璧に判断は難しいですが、かなり参考になると思います。
コースの詳細ページの下の方に実際の講座のビデオが上がっているので、そこで水色のものは視聴可能です。

内容もしっかりどんな内容を学べて、トータル何時間の授業で、いつまで見ることができるかというのが書いてあります。

内容をしっかりチェック!サンプルビデオは必ず見よう

狙うは「大特価セール!」

Udemyのコースの値段は様々、安いものはタダから!
高いものだと2万円くらいのものもあります。

ただし!!!!大特価セールをしょっちゅうやってます(笑)

終わってしまってもちょこちょこチェックをしましょう!
私はこの大特価セールで80%以上割引価格で購入することができました。

大特価セールまで待てない!今すぐ書いたい!という方はWebデザイナーでWeb デベロッパーでもあり、著書も大人気のManaさんのサイトのクーポンもおすすめ!

Webクリエイターボックス(クーポン)

ものによって使えないのもあるようなので確認してみてくださいね。
私の場合はすでに大特価セール価格だったのでこちらは使えませんでした。

動画だから実際の授業のようにわかりやすい!

私が購入したのはこちら。
イギリスの講師の方で、参考サイトや意味もきっちり説明しながら教えてくれるので今までただただ授業についていくだけだったものから「理解」できるようになってきました。
このコースは英語ですが、字幕(英語)をつけることも可能です。

実際に購入したコーディングコース

この中でアンジェラ先生が最初に教えてくれたのは

  • 実際の作業は映画のようにガツガツ打つよりもエラー探しのにらめっこの時間がほとんど(そんなにかっこいいものじゃない)
  • 間違ってもつまづいても当たり前。そこでつまづいてるのはあなたが最初じゃない
  • 授業と同時にコードをタイピングするのではなく、理解をしてから練習をする
  • ノートの取り方

英語もものすごく聞きやすく、字幕も使えるので自分のペースで勉強できる!
コミュニティカレッジのコーディングの授業ではスクリーンに出されるコードをひたすら必死にコピーしていたけれども(ほぼ半べそ状態)、タイプしてると話は聞けない、話を聞くとタイプできないという悪循環でコピーしても全く理解していなかったのが、ここでようやく呪縛から解放されたかのように1つ1つの説明と実際にどうなるのかを実戦でやりながら理解できる!う、嬉しい。。。

このコースはトータル53.5時間で練習時間や復習も含めたら最低倍の時間はかかると思っています。
値段も日本円で2000円くらいで購入でき(キャンペーン価格)、これがリミットなくずっと見れるというのはとてもお得だと思います。
やってみると元値の2万円でも価値があったなと思うくらい充実していて初期の内容でも授業でやらなかったこともけっこうある!
本当に講師ややり方によってこんなに違うんだなぁと実感しています。

これは初心者からのコースなので、すでにやったことがあるから余計に理解しやすいのもあるかもしれませんが、とにかく優しく1つ1つ教えてくれるのがいい!
オンラインだと一緒に進んでる感じがして、私はやっぱり一人で黙々とやるよりも「誰かに教えてもらいたいタイプ」なのでこのコースは合ってる感じがします。

もしWebデザイナーやデベロッパー、プログラムの留学をお考えであれば英語の授業を受ける練習にもなりますね。
このコースが終わったら英語学習のコースも考え中です。

重要な検索力!検索はここ!

常に調べることが鍵!

ウェブデザイン、プログラミングの勉強をしていてしょっちゅうわからない言葉に出会うと思います。
そんな時は下記の参考サイトをチェック!
プロになっても調べることは終わらない。
勉強しても全部を覚えるのは無理ですよね。そんな時は下記の参考サイトでコードの意味をしっかりチェック!
使い方や説明がじっくり載っています。

【コードを調べるならMDN!】ウェブデザイン、プログラミング学習に必須の参考サイト!

まとめ

「ゼロからでも大丈夫!」という言葉をよく目にしますが、いきなり飛び込むとやっぱり大変!
その前に自分に合うかどうか、実際どういう感じなのかなどを試しながら自分でこの世界に飛び込むべきかを考えるのはとても大切だと思います。
無料のツールを上手に使いならが、色々自分で見て、試して、その上でもっとやってみたいと思うようであればお金を払ってやってみるのもいいと思います。

今回ご紹介したのはかなり安いツールなので、もし結局違う道を選んだといてもその判断ができたなら試す価値はあるかなと思います。
インターネット上には無料でたくさんの情報がありますが、全てを無料で賄うのは正直労力が必要です。
どの手順でどうやって何を学ぶかを自分で全て検索するのは時間と労力を考えたら購入するのも1つの手段だと思います。

他にもやり方は色々あると思いますが、自分に合ったやり方をぜひ見つけて、留学や学校に大金を払う前にできる限りお得なツールを使って知識を深めることをおすすめします。
同じことをやったとしても理解度がグッと深まります。

皆さんが自分にとって最適なツールをお得に見つけられますように。