ウェブデザイン、プログラミング学習に必須の参考サイト！タグを調べるならMDN！【HTML&CSS&JavaScript】最初でつまづく言語の意味！辞書サイトでしっかり意味を知ろう！

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

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

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

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

王道辞書サイトはMDN！（日本語対応あり！）

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

一番ホット？汎用性一番のMDN

コミュニティカレッジの先生にも、オンライン講座の先生にも一番おすすめされているのがこのサイト！

MDN web docs mozilla（日本語）

特に私のカレッジの先生はここのサイトを一押し！もう他のサイトは見ないでいいというくらいです。

日本語にほぼ翻訳されている！

元は英語サイトですが、日本語に翻訳されているページがとても多いのでほぼ日本語で見れます。
上記はトップページも日本語のものになります。
英語版はこちら。MDN web docs mozilla (English)

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

情報量がすごい

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

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

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

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

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

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

W3 schools

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

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

Google Translateで日本語変換

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

MDNよりもサンプルが多い

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

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

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

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

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

サルワカ

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

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

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

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