トピックス

カテゴリーを選択

2018.11.01

日本語で学習する

日本の企業・団体が提供する、日本語による学習WEBサービス。

サイト名	Progate
URL	https://prog-8.com/
オススメ度	★★★☆☆
学習レベル	HTML／CSSさえ知らない、超初心者向け
無料でできること	HTMLとは？CSSとは？といった導入部分のみ
コメント	穴埋め形式で学習していくWEBアプリ。無料で学習できる範囲は限られており、ほぼ「HTML／CSSとは」という導入部分のみです。ただし、その解説が非常に分かりやすく、初心者にとってWEBコーディングの概念を理解するのにとても役立ちます。初めての学習に最適です。

サイト名	ドットインストール
URL	https://dotinstall.com/
オススメ度	★★★★☆
学習レベル	とりあえずHTMLタグとCSSを記述してみたい初級者向け
無料でできること	コーディングに必要な最低限の知識を一通り
コメント	講師の解説を聴きながらコードの模写をする動画学習サービス。穴埋めではなく、一通りの作業を学習者が全て行うため、コーディング自体の練習にも最適です。有料会員になるとより実務的・発展的な動画が閲覧できるようになります。

サイト名	CODEPREP
URL	https://codeprep.jp/
オススメ度	★★★★☆
学習レベル	簡単なコーディングはできる中級者向け
無料でできること	超基礎～CSSやJavaScriptによる装飾まで幅広い範囲
コメント	穴埋め形式で学習していくWEBアプリ。個人的に解説が初心者にとっては分かりにくいので、初めて学習する方には向きません。しかし、無料で学習できる内容が非常に多岐に渡るため、ある程度基礎を学んだ方が復習及びより発展的な内容を学ぶのに適したサービスです。より凝った見た目や動きを練習したい方向け。

海外の企業・団体が提供する、英語による学習WEBサービス。
日本のサービスより無料でできる範囲が広く、また、内容も濃いので、英語アレルギーのない方におすすめ。

サイト名	codecademy
URL	https://www.codecademy.com/
オススメ度	★★★★★
学習レベル	超初心者から中級者向け
無料でできること	HTML/CSSの概念～レスポンシブウェブデザインまでの解説＆穴埋め問題全部
コメント	穴埋め形式で学習していくWEBアプリ。解説がていねいで画面も見やすく、超初心者から中級者まで幅広い学習レベル者におすすめできるサービスです。基本的に全コース無料で学習できます。有料会員との違いは、各単元の実習問題の有無のみです。

サイト名	freeCodeCamp
URL	https://www.freecodecamp.org/
オススメ度	★★★☆☆
学習レベル	超初心者から中級者向け
無料でできること	HTML／CSSの概念～レスポンシブウェブデザイン、CSS Flexbox、CSS Gridまで超広範囲
コメント	穴埋め形式で学習していくWEBアプリ。寄付でなりたっている無料学習サービスです。解説と操作画面にやや不満がありますが、学習できる内容の多さは魅力的。