webサイトを制作するにはHTML、CSS、JavaScriptなどの言語を使いこなす必要があります。しかし、具体的な勉強方法が分からない方、勉強し始めたけど難しくて途中で挫折してしまった方、いらっしゃるのではないでしょうか。プログラミングを学ぶには見て学ぶだけでなく、実際に手を動かしながらの学習が必要です。
この記事では実際に手を動かしながらプログラミングを学べるサイトやweb制作に役立つサイトを厳選して紹介しています。
Progate（プロゲート）
HTML、CSS、JavaScriptなどweb制作に必須となるプログラミンング言語を基礎から学ぶことができます。基礎編、中級編、上級編など自分のレベルに合わせた問題を解くことができ、煩わしい環境構築を省いて勉強を始めれるので、これからweb制作の勉強を始めたいという方には特にお勧めです。
ドットインストール
3分動画で学べるプログラミング学習サイト。実際に動画を見て手を動かしながら学べるので、内容が頭に入ってきやすいです。またタグの意味など細かいところもしっかり解説しながら教えてくれるので、初心者の方でも理解しやすいと思います。
MOZER（マザー）
中高生向けのプログラミング学習サービス。キャラクターとの会話を楽しみながらwebサイトを作ることができ、問題を解いていくことでストーリーが進んでいきます。ゲーム感覚でプログラミングを学習できるので、勉強嫌いな人でも取っ付きやすい内容になっています。
schoo（スクー）
web業界で働くためのオンライン学習サービス。第一線で活躍する先生の授業を受けることができ、生放送の授業ではチャットで質問しながら学習できます。録画授業を受ける場合は別途料金が掛かってしまいますが、生放送の授業は全て無料で公開されています。
SKILLHUB（スキルハブ）
フリーランスや起業したい人向けのオンラインスクールです。web制作を動画授業で体形的に学ぶことができます。初心者でも分かりやすい内容になっており、photoshopやillustratorなどwebデザインに関しても学べるのが嬉しいサイトです。
CODEPREP（コードプレップ）
プログラミングの基礎から応用まで実際に手を動かしながら学ぶことができます。穴埋め問題を解いていくことでチャプターが進んでいき、着実にレベルアップしていくのを実感しながら勉強できます。コーディング結果が下の画面に反映されるのでタグ入力の結果が分かりやすいのも魅力です。
HTMLクイックリファレンス
webサイトを作るうえで必要なHTMLタグやCSSプロパティの意味を簡単に調べることができます。目的別とアルファベット順に並べてあるため目的の情報にたどり着きやすいです。タグやプロパティをド忘れしてしまった場合に辞書を引くように使うと便利です。
Webクリエイターボックス
海外在住の日本人クリエイター、Manaさんが運営するサイトです。web関連の情報やノウハウが分かりやすく説明されています。コーディングからwebデザインの記事まで幅広く網羅していて、初心者向けの記事もまとめてあります。webデザイナーなら知らない人はいないくらい有名なサイトです。
Webデザインレシピ
webデザインを中心にweb制作に関連した情報を扱っているサイトです。記事の内容がとても丁寧に書かれていて、一冊の本を読んだような感覚にしてくれます。最近あまり更新されていないのが少し残念なところ。
コリス
web制作に関する様々な情報を発信しているサイトです。記事の更新頻度が高く、コンテンツの量も豊富なため、検索でたどり付くことも多いです。web制作の最新情報を知りたい場合は見てみると参考になります。
販売店比較早見表
|
店舗名 |
詳細 |
|
『おとくケータイ 乗り換えキャッシュバック最高額を保証してくれます |
|
|
|
|
ソフトバンクショップ, auショップ, ドコモショップ |
|
』
