ウェブデザイン、プログラミング学習に欠かせない参考サイト!これを見ずして通れない!

プログラミングで「調べる」のは必須!参考サイトでしっかりチェックしよう!

参考サイトを彷徨ったからわかる!重要サイト!

HTMLもCSSもJavaScriptもこれでまるわかりの辞書サイト!
プログラミングをコミュニティカレッジ、オンライン講座でダブル受講していて、どちらの先生も使っている必須サイト!
そして日本人にものすごくわかりやすくしてくれる神サイト!
プログラミングは「覚える」のではなくいかに理解して使うか。
プログラミング、ウェブデザインを勉強してる方は要チェックです!

プログラミングやウェブデザインの勉強&練習にばっちりのサイトはこちらをどうぞ。

【留学前に知りたかった!】知識ゼロからのプログラミング!絶対見るべきサイト3!

【初心者必見!】ウェブデザイン、プログラミング学習に必須の教科書&辞書サイト!

調べるのは永遠に続く作業?

コミュニティカレッジでもオンライン講座でも言われているのが「調べる作業がいかに大事か」ITはどんどん進んでいく業界。
スピードも早いので勉強して終わりとはいかない。
新たに出たもの、使い方が変わったもの、わからないことをしっかり自分で調べられる力が重要!

調べ方を知っていれば何時間もGoogle先生に訪ねては戻り、訪ねては戻りということをしないでいいですよね。

英語版を開いてしまっても各ページの右上に言語を選択できるバーがあるのでとてもわかりやすいです。

一番オススメされるのが「MDN」

情報量がすごい

基本文字が多い「読み物」のようなサイトですが、情報量が半端ない!!!
プログラミング言語やコードはもちろん、テキストのような辞書の様な、もう全てが詰まっているサイト!

海外のテキストは本当に文字が多くイラストがあまりないんですが、これもやっぱり文字量がすごいので読み物が好きな人にはとてもいいです。
でも1つ1つのコードにも説明が余すことなくされているので毎回チェックすることをオススメします。

使えるけどあまりオススメしないもの、よく使われるもの、どう違うのかなどもものすごく詳しいです。
コードの効果についてもクリックするとそのコードの効果が見れたり、工夫もされています。

こちらもおすすめ!世界最大のWeb開発サイト W3 schools

MDNのライバルサイト?こちらも情報豊富!

MDNと構成はとても似ていて、こちらもコード検索からチュートリアルまで豊富な情報と勉強ができます。

W3schools.com

コミュニティカレッジの先生はこのサイトは時々情報が古い時があるということでMDNを押していたのですが、こちらの情報量やチュートリアル、演習もあるのでチェックする価値はあると思います。
オンライン講座の先生は時々こちらも使用します。

IT系は日進月歩。移り変わりも早いので情報の新しさはとても重要。
でも使えるものは色々試すのもいいと思うので2番選手くらいに控えてるといいかもしれませんね。

Google Translateで日本語変換

W3schoolsの場合はGoogle Translateを利用して日本語に変換します。
ページの右上の地球儀のマークをクリックすると言語を選べます。
一度選ぶと画面左上にGoogle Translateのバーが出るので、ここでオリジナル(英語)表示に切り替えることもできます。

W3schoolsはGoogle Translateで翻訳

MDNよりもサンプルが多い

MDNとW3shoolsは雰囲気も似て非なるもの。
好みもあると思うので、MDNでちょっとわかりづらいなと思った時にこちらもチェックしてみるのもいいと思います。

理解するってなかなか一筋縄にはいかないですよね。
MDNでもサンプルが見れますが、W3schoolsの方が文字が少なくサンプルコードが多い気がします。

初心者のための参考書サイト!「サルワカ」

日本語でわかりやすく解説の神サイト!初めて「わかる」を体験できる!

ゼロからでもわかりやすい!ウェブデザイン、プログラミングには必見サイト!

サルワカ

学校でコーディングの授業の際に何度も何度もお世話になったサイト!
初心者にとってもわかりやすく、色使いもソフトで読みやすい!
難しいプログラミング用語を噛み砕いて説明してくれるので知識がなくてもイメージしやすい!

全部一気に読むのも大変だと思うので、まずは「Webデザイン入門」がおすすめ!
順番に説明してもらえるので入りやすいと思います。

部分的に調べたいときはサイト内で検索してみよう!

特定の言葉や使い方が知りたいときは、右側のサイドバーの下の方に検索バーがあるので、ここで検索をしてみましょう!

まとめ

今回は独学で勉強していてコードがわからない!意味がわからない!という時のための辞書サイト!
下記の記事で以前ご紹介した練習しながら徐々に覚えていくProgateや世界最大級のオンライン学習サイトUdemy などのサイトもとても有効ですが、何かわからない時に自分で調べられるサイトがあるのはとても重要ですよね。

【留学前に知りたかった!】知識ゼロからのプログラミング!絶対見るべきサイト3!

私は教えてもらう、目で見ながらやるのが好きなのですが、テキストを読みながらじっくりやるタイプの方には今回ご紹介したサイトで勉強するのもいいかもしれませんね。
ただ量が多いので必要なものを吟味してピックアップしないと大変かも。。。

辞書&参考書サイトを有効に使って夢に近づきましょう!