• WebCamp_インタビュー
    “未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
    2017.10.04
  • WebCamp_インタビュー
    「1カ月頑張ればこの先が見えてくる」地元メディアを立ち上げたママさん
    2017.07.20
  • WebCamp_インタビュー
    【WebCamp受講生インタビュー】起業準備中にCEOが気がついたプログラミングスキルの重要性とは?
    2017.12.25
  • WebCampPro_インタビュー
    未経験31歳からエンジニア転職を実現【実際に聞いてみた】
    2017.04.01
  • WebCampPro_インタビュー
    未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
    2017.05.26
  • WebCampPro_インタビュー
    自分で稼ぐ力をつけるため、新卒5年目の営業マンがエンジニアに転職!【WebCampPro転職者インタビュー】
    2018.02.02
  • WebCamp_インタビュー
    【卒業生インタビュー】台湾で月間100万UUの訪日旅行メディアを手掛けるCEOが、プログラミングを学んで得たものとは?
    2018.01.15
  • WebCampPro_インタビュー
    未経験から上京し、テレビでも話題のIT企業に転職!【WebCampPro卒業生インタビュー】
    2018.03.10
  • WebCamp_インタビュー
    【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
    2018.01.15
  • WebCamp_インタビュー
    「自信の持てるスキルを得たい!」内定辞退した女子大生がプログラミングを学習したワケ。
    2018.04.28
  • WebCamp_インタビュー
    時間や場所にとらわれず自由に働くために必要なスキルとは?【WebCamp卒業生インタビュー】
    2018.01.26

▼当サイトで人気のプログラミング教室のおすすめランキングはこちら!
プログラミングは独学では非効率で、時間を無駄にするリスクがあります。効率的なカリキュラムで学べるスクールを受講しましょう。

金王冠Web Camp【業界最安値】1ヶ月集中してプログラミングスキルを身につけられるスクール
1ヶ月通い放題・メンター常駐の教室環境でWebサービス等作りたい方
TechAcademyオンラインで開講しているプログラミングスクール
オンラインでどこでも学べる!/教室に行くのが忙しい人でも安心!
銅王冠Tech Camp業界最大級!教養としてのITスキルを学べるスクール
Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方!
びっくりマークWebCampPro転職保証付き!エンジニアとして転職したい人におすすめ!
未経験からプロのエンジニアを3ヶ月で目指すプログラミングスクールです。
7月枠も残りわずか当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
6月受入枠は満員となっております。7月枠に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

WEBデザイナー、WEBプログラマー等のWEBコンテンツに製作に関わる仕事に就職、転職を考えている人はまずHTMLをマスターする必要があります。

HTMLは比較的習得が簡単ですが、すべてのWebコンテンツの土台となる非常に重要な知識です。

HTMLに興味があって、スクールに通ったり、本を買うより前に、まずは無料で学習できるところまでやってみたい、そんな初心者の方は多いのではないでしょうか?

今回の記事では、そのような方に向けてHTMLの学習ができるサイトをご紹介します。        

paizaラーニング

出典元:https://paiza.jp/works/html/primer

paizaラーニングは様々なプログラミング言語を始めとしたIT関連の学習動画が殆ど無料で視聴できる学習サイトになっています。HTMLも対応しています。1つの動画が平均時間は5分前後で空いた時間に視聴して学習する事ができます。

またpaizaラーニングの特徴の1つとして動画講座を受けながら、実際にソースコードを書いて実際に手を動かして練習ができます。無料登録を行うだけで使用でき、またエンジニアにサイト上より質問を行う機能も有しています。基本は無料で視聴できる動画講座で十分ですが、中には有償の動画講座もあり、月額600円で視聴する事もできます。

・学習ステップを確認したい方は、【入門者向け】プログラミング初心者がHTMLを学ぶ6つのステップ」の記事を参考にしてください。

paizaラーニングはこんな人におすすめ

基本的にはHTML未経験の方全ての人におすすめですが、動画講座1つ1つの時間が短いため纏まった時間を取り辛い人に特におすすめです。

また電車等の公共機関で通勤を行う方も動画を視聴する事ができるので、おすすめです。

【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
2018-01-15 13:23
今回の記事では、WebCampで1ヶ月間Rubyを学習し、Webエンジニアとして転職した卒業生の田中さんにお話を伺いました。 <プロフィール> 田中 デニス 昭彦さん(...

プログラミング入門サイト ~bituse~

出典元:http://bituse.info/html/

プログラミング入門サイト ~bituse~はテキストベースのシンプルなサイトになっています。HTMLは視覚的に変化がわかりやすい為、テキストベースのサイトはじっくり変化を見てHTMLタグの使い方を学習する事ができます。1つ1つ丁寧に解説されており、未経験者にもわかりやすいサイトになっています。

プログラミング入門サイト ~bituse~こんな人におすすめ

未経験者でも学習できるサイトになっており、テキストベースなのでじっくり時間を取って実際に手を動かしながら学習できる人におすすめです。

また動画講座ではないため、読んで学習する方法が好みの方におすすめのサイトになります。

 

・学習におすすめの本を探している方は、「【初心者向け】htmlの学習におすすめの本12選!」の記事を参考にしてください。

1時間で作るホームページ

出典元:http://www.shoshinsha.com/hp/

1時間で作るホームページは実際にホームページを作成するサイトです。

サイトはテキストベースで作成されており、HTMLの基本はもちろん、HTML以外のホームページ作成に必要なものを解説してくれます。HTMLからサーバへのアップロードまでの流れを学習できます。ホームページを作成する一連の流れ体感して、達成感を味わう事ができます。

1時間で作るホームページはこんな人におすすめ

HTML未経験者の方で、HTMLの学習が終わりホームページを作ってみたい方や、またまずはホームページを作ってみたい方はこのサイトから学習する事をおすすめします。サイトを作る部品を学んでいくのではなく、とにかく全体をやっていきたい!という方向けです。

・HTMLタグを一覧から探したい方は、「【初心者向け】htmlで使う主要なタグ一覧を解説」の記事を参考にしてください。

SKILLHUB

出典元:http://skillhub.jp/

SKILLHUBは動画講座を無料で視聴できる学習サイトの1つです。動画講座の種類はWebコンテンツ作成に必要が基礎が学べる内容になっています。HTMLの基本講座だけで受講数が8000人以上が受講している人気サイトです。受講内容は未経験者でも学習することができるレベルとなっています。

SKILLHUBはこんな人におすすめ

もちろん未経験者におすすめですが、このサイトを全て学習する事で最終的にはフリーランスとして起業する為の基礎となる知識を作る事ができるので、将来的に起業を考えている方におすすめします。

・ホームページ作成を勉強する時に参考にしたい記事を集めてみました。

【初心者入門】HTMLの学習で参考になるおすすめのブログ○選!を参考にしてみてください。

Progate

Progateは未経験者のプログラミング学習サイトとして有名なサイトの1つです。HTMLも学習内容の1つで無料会員登録を行う事で使用する事ができます。

学習はテキストベースで解説されており、Progateの特徴として入力欄があり指定のコード(HTML等)を実際に入力して練習する事ができます。入力した内容が指定の物と違う場合は、色が変わったりして間違っている箇所をわかりやすく強調してくれます。

Progateはこんな人におすすめ

未経験者から使用する事ができ、実際に手を動かして学習する事ができるので、読むだけでなく実際にコード(HTML)を書いて学習を行いたい方におすすめです。

学習内容も細かく分かれているので、自分が学習していない所から始められる為、他サイトで学習中の人もコードを書いて勉強する事ができます。

“未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
2017-10-04 10:26
今回の記事では、未経験からWebCampを1ヶ月受講し、その後エンジニアとして転職をした喜田さんにお話を伺いました。 <プロフィール> 喜田 大介 さん (28歳) 大学時代はプ...

Schoo

出典元:https://schoo.jp/guest

Schooは動画講座型の学習サイトです。他の動画講座型の学習サイトと違う点は、生放送授業がある点です。生放送授業中であればコメントで質問等ができる為、対面型の授業に近い状態になります。

サイトを使用した学習方法や本を使い独学で学習をするとどうしても、悩んだり、理解できない所が発生する事が多いので、質問ができる環境は非常に重宝されます。

Schooはこんな人におすすめ

未経験者向けの学習サイトとしても非常に重要ですが、質問ができるという点が最大のメリットです。

普段他の学習サイトを利用している方も、学習に詰まってしまったり、今一理解しきれていない項目がある場合は、事前にHTML関連の生放送授業のスケジュールをチェックして質問を纏めておく事がおすすめです。

ドットインストール

出典元:http://dotinstall.com/lessons/basic_html_v3

ドットインストールではHTML入門動画が全24回の動画講座があります。paizaラーニング同様1つの動画講座の時間が短く、ちょっと空いた時間にも学習する事ができます。

HTML入門以外の動画講座も非常に多くアップロードされています。HTML入門でも補足情報やよくある質問等もまとまっています。

ドットインストールはこんな人におすすめ

動画講座で学習する人におすすめで、paizaラーニング同様に纏まった時間が取りにくい方におすすめのサイトです。

将来的にWEB関連の仕事に就職、転職を考えている人はHTML以外の知識も必要になる為、ドットインストールの使い方になれておく事もおすすめできます。

・HTMLのコーディングの概要をまとめてみたので、

HTMLのコーディングの仕方を解説を参考にしてみてください。

Thimble

出典元:https://thimble.mozilla.org/ja/

Thimbleは今までご紹介した学習サイトとは大きく違いがあります。Thimbleは学習用のサイトではなく、練習用のサイトです。サイト上でWEBコーティングをする事ができます。

単純にWEBコーディングが出来ると行ってもHTMLだけでなく、JavaScript、CSS等も使用する事ができ、開発ツールも非常に充実しています。その全てが無料で利用できる素晴らしいサイトです。

Thimbleはこんな人におすすめ

Thimbleはある程度基本の知識を習得した人以上におすすめのサイトです。インプットを終え、アウトプットをしたい人に向いています。

実際ものづくりが出来るサイトですが、作り方を教えてくれるサイトではない為、まったくの初心者の段階でThimbleのみを使用した場合は何を行えば良いか混乱してしまう人も多いので、基礎をしっかり学習してからでないとおすすめはしません。

ただし別のHTML学習サイトで習ったことをThimbleを使用して手を動かして学習するのは効果的なので、学習サイトと同時進行で学習していくもいいでしょう。エディター等がない場合は是非一度体験する事をおすすめします。

CODEPREP

出典元:https://codeprep.jp/

CODEPREPはHTMLを始めとするWebコンテンツを作成するスキルを学習できるサイトになっています。HTML以外にもJavaScript、CSS、Ruby等も無料で学習する事ができ、サイトは基本テキストベースで、サイト上でコーディングする事ができます。

コーディングしたソースをダウンロードする機能も有しています。

他のサイトと違うところはユーザ同士で話し合えるディスカッションページがあり、質問したり、相談したり、語り合ったりする事ができます。

CODEPREPはこんな人におすすめ

実際に手を動かして学習をしたい方におすすめです。またディスカッションをして見識を深めたい人もおすすめです。

動画ではなく、テキストベースで学習しながら、同時にすぐに手を動かしたい人にはピッタリのサイトとなっています。

他にも最終目標がWEBデザイナーやWEBプログラマーに就職、転職を考えている人であれば、HTML以外の知識もここで習得する事ができるのでおすすめです。

・楽しみながら、プログラミング学習をしたいという人は【初心者入門】ゲーム感覚で遊びながらプログラミングを学習できるサイト4選!を参考にしてみてください。

結局どの学習サイトがおすすめ?

HTMLは比較的簡単なので、プログラミング言語などの技術の様に難易度で学習サイトを選ぶよりも、自分にあった学習方法であるか、自分にあった解説をしているかが大事です。また、実際HTMLだけ習得する方は少ないため、HTML以外についても学習する目標があるかといった点も判断して学習サイトを選択する事が大事です。

テキストベースのサイトでHTMLを学びたい方は?

動画講座ではなく、テキストやイラストで構成された学習サイトを利用してHTMLを学習したい方は「プログラミング入門サイト ~bituse~」がおすすめです。

動画講座を視聴して学びたい方は?

テキストやイラスト主体ではなく動画講座を視聴しながら、HTMLを学習したい方は「paizaラーニング」がおすすめです。

ホームページを作りながら、HTMLを学びたい方は?

HTMLを1つずつ学ぶのではなく、まずはホームページを作ってみたいという方は「1時間で作るホームページ」から学習してみる事をおすすめします。

インプットとアウトプットを同時にしたい方は?

動画講座を視聴したり、テキストを読むだけでなく、実際に手を動かして学習したい方という方は「CODEPREP」がおすすめです

HTMLの学習が終わり練習だけをしたい人は?

HTMLの基礎学習が終わってアウトプットをを行いたい方は「Thimble」がおすすめです。

未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
2017-05-26 12:42
こんにちは、WebCamp Proです。 今回のブログでは、寿司職人からWebデザイナーとなり現在はWebCampでフロントエンド・ママコースの講師を務める宮脇さんの紹介です。 ま...

終わりに

今回はHTMLの学習、練習ができるサイトについて、ご紹介してきましたが、いかがしたか?

HTMLは比較的簡単な技術ですが、それでも独学で学ぶとなると知識がまったく0からのスタートでは挫折する人もいらっしゃいます。

1つのサイトで諦めず、時間に余裕がある方は今回おすすめしたサイトを色々試して頂ければ幸いです。

時間に余裕がない方はプログラミングスクール等対面講義で直接学べる環境を検討するのもおすすめです。

WebCamp・Webスクについて

WebCampは1ヶ月でプログラミング・Webデザインスキルを学ぶ通い放題のプログラミングスクールです。Webスクは半年間で未経験から即戦力エンジニアを育成する転職保証付きのプログラミングスクールです。

2つのサービスを運営するインフラトップでは、「学びと仕事を通して人生を最高の物語にする」という理念で会社を経営しています。

キャリアアップを目指す方は、この機会に私達と一緒にプログラミングを学んでみませんか?

7月枠も残りわずか当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
6月受入枠は満員となっております。7月枠に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

▼未経験から1ヶ月でWebデザイン・プログラミングを学びたい方はこちら!

▼ついに開講!オンラインでWebデザインを学びたい方はこちら!

【インタビュー】コツコツ独学×スクールで実践。未経験からエンジニアに転職!

プログラミング未経験から、書籍での独学期間で基礎を固め、スクールを効率的に活用し、見事エンジニア転職を成功させたWebCamp受講生にお話を伺いました。

「低予算でも効率的にエンジニア転職のスキルをつける方法は?」

「未経験でも本当にエンジニアになれるの?」

といった疑問を持っている方は、是非この記事を読んでみてくださいね!

コツコツ独学×スクールで実践。未経験からエンジニアに転職!【WebCamp卒業生インタビュー】
2018-03-22 23:28
今回の記事では、独学でPHPを1年半学習し、その後WebCampを受講して未経験からエンジニアへと転職された佐々木さんにお話を伺いました。 <プロフィール> 佐々木 祐樹 さん(2...
関連キーワード
学習の関連記事
  • 【必見!】フリーランスエンジニアが困った時に役立つエージェントとは?
  • 【フリーランスの開業届を徹底解説】メリット・デメリットや提出方法
  • 【節税対策】フリーランスのための経費一覧
  • 【必見!】フリーランスプログラマーを目指すなら知っておくべきこと5選
  • 【1000万も夢じゃない?】フリーランスの年収アップ方法解説
  • 仕事が決まらない主婦が今すぐやるべきこと5選

当サイトで人気のオススメ転職サービスTOP3

1位 マイナビエージェント×IT

おすすめポイント

・平日忙しい人も、土曜日開催の個別キャリア相談会に参加できる

・職種や仕事内容(要件定義、上流工程から携わる仕事など)の要望が細かくできる
・マイナビの規模を活かした豊富で幅広い求人数

マイナビエージェント×ITの登録はこちら

2位 レバテックキャリア

おすすめポイント

・求人登録数4,000件以上

・エンジニア未経験、経験者両方に対応

・有名企業の採用担当者インタビューがみれる

・一次面接NGからの内定実績もあるほど、内定率が高い

レバテックキャリアの登録はこちら

 3位 type転職エージェント

おすすめポイント

転職者の71%が年収アップ

・IT系企業、特にエンジニアに限らず営業職の求人も充実している

各職種専門の転職アドバイザーが援助

type転職エージェントの登録はこちら

おすすめの記事