カテゴリー

  • Tech
  • 英語学習
  • セブ島・留学準備
  • キャリア
  • Kredo
KredoのIT留学
スタッフ募集中
留学体験談
無料相談はこちら
セブ島IT留学の「Kredo」が運営するメディア「Kredoblog」
  • TECH Tech
    • Web・プログラミング

      Web・プログラミング

    • テクノロジー

      AI・テクノロジー

  • ENGLISH 英語学習
    • 英語学習法

      英語学習法

    • 英語表現・フレーズ

      英語フレーズ

  • STUDYABROAD セブ島・留学準備
    • 語学留学

      語学留学

    • IT留学

      IT留学

    • セブ島情報

      セブ島情報

  • CAREER キャリア
    • ITキャリア

      ITキャリア

    • 転職・海外就職

      転職・海外就職

    • インタビュー

      インタビュー

  • KREDO Kredo
    • ニュース・キャンペーン情報

      ニュース・キャンペーン情報

    • CEO・STAFFブログ

      CEO・STAFFブログ

    • IT×英語留学体験談

      IT×英語留学体験談
      [Kredo公式サイトへ]

5月申し込み限定授業料半額 kredo it留学オンライン
  • TOP
  • Tech
  • Web・プログラミング
  • HTMLを独学で学んでプロレベルに!必要な勉強量とその方法

HTMLを独学で学んでプロレベルに!必要な勉強量とその方法

Kredo編集部
Kredo編集部
公開日:2019.12.16
更新日:2019.12.16
Web・プログラミング |
  • ツイート
  • シェア
  • はてな
  • ポケット
独学

HTMLは世界で最もポピュラーな言語の1つですが、プロレベルでHTMLを使いこなせるという人はまだまだ少ないものです。

世界的なエンジニア不足が叫ばれる中、HTMLは初学者にもとっつきやすく、比較的素早くエンジニアとして活躍できるレベルの技術を身につけやすい言語でもあります。

今回はそんなHTMLを独学で学びたいという人に向けて、どれくらいの勉強量が必要なのかや、そもそも独学でHTMLの技術を身につけられるのかについてご紹介していきます。

記事のもくじ

  • HTMLを独学で学ぶことは可能?
    • HTMLなら独学で十分実践レベルに到達可能
    • プロレベルでもスキルレベルはピンキリ
  • HTMLを独学で学ぶ場合の必要な勉強量
    • ひとまず自分でWebサイトを構築できるようになろう
    • 学習本を理解できるかどうかは1つの指標に
  • HTMLを独学で学ぶ際の効果的な勉強法
    • Webサイト構築で得られるスキルと気づきは大切
    • 自分の興味や好奇心の方向性を探ってみる
  • 独学でHTMLを学ぶ際に活用したい学習サービス
    • Progate(プロゲート)
    • ドットインストール
    • paiza(パイザ)ラーニング
    • Udemy(ユーデミー)
    • Tech Academy(テックアカデミー)
  • 独学でHTMLを学ぶ際に活用したい学習本
    • 初心者からちゃんとしたプロになる Webデザイン基礎入門〈HTML、CSS、レスポンシブ〉
    • HTML&CSSとWebデザインが 1冊できちんと身につく本
    • これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん
    • 作りながら学ぶ HTML/CSSデザインの教科書
    • なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉
  • おわりに

HTMLを独学で学ぶことは可能?

まずは、HTMLのスキルを独学で身につけられるかについてですが、これは十分に可能であると言えます。

HTMLなら独学で十分実践レベルに到達可能

独学であろうが学校で通おうが、基本的にコーディングの作業というものは一人でやることになるため、その技術が身につけば一人でも十分にWebサイト構築などを行うことはできます。

また、HTMLは数ある言語の中でも学習難易度が易しいだけでなく、開発環境を整えることが容易なのも特徴です。

 

 

HTMLはテキストエディタさえあればしっかりとコーディングを行うことができ、他にアプリなどをPCにインストールする必要がないため、PCスペックに自信がないという人でも安心です。

わざわざプログラミング教室などに設置されているハイスペックなPCなどを使わなくて良いのも、HTML学習のメリットといえるでしょう。

プロレベルでもスキルレベルはピンキリ

そもそも、HTML学習においてプロレベルのスキルという線引きはかなり曖昧です。

プロレベルというのは、簡単に言えばお金がもらえるレベルの技術です。

単純と感じるWebサイトであっても、クライアントから求められているクオリティに到達していればそれで報酬を得ることはできますし、逆に自分の技術に十分な自信があっても、クライアントが満足のいくようなクオリティを提供できなければ、まだまだプロレベルとは言えないということにもなります。

要はクライアントが満足できる品質のコーディングスキルのことをプロレベルと言うのですが、どれくらいのクオリティに満足するかというのは時と場合によりますし、主観的な判断でもあります。

そのため、自分が「中々悪くないのではないか?」と思えるようなレベルに到達できれば、十分にプロレベルを目指せる段階となるため、積極的に外部へアピールしていくようにしましょう。

HTMLの技術は独学でも十分に満足のいくレベルにまで持っていくことはできますが、自分の今のレベルは主観だけでは判断しづらい部分もあります。

そんな時は知り合いに直接でも良いですし、SNSで公開してみたり、ポートフォリオとしてフリーランス向けのエンジニア求人に応募してみるのも良いでしょう。

HTMLを独学で学ぶ場合の必要な勉強量

次に、HTMLを独学で学び、プロレベルに到達するために必要な学習量について考えていきましょう。

ひとまず自分でWebサイトを構築できるようになろう

HTMLの実践的な力を身に付けたい場合、兎にも角にもWebサイトを自力で構築できる技術が重要になってくるでしょう。

HTMLはWebサービスやHTMLメールなどの運用にも重宝される汎用性の高い言語ですが、最もスタンダードな使われ方がWebサイト構築です。

Webサイトを作れるかどうかは、HTMLの習熟度を図る上ではわかりやすい指標となりますし、ポートフォリオとしてクライアントとなってくれそうな企業や人へ送信する際にも役立ちます。

また、自分の作ったWebサイトと他社のWebサイトを比較して、どれくらいのクオリティがプロレベルなのかを客観的に把握する時にも便利です。

実際に運用されているWebサイトと自分のオリジナルWebサイトを比べることで、自分の今のレベルをなんとなく把握することも可能になります。

また、WebサイトはHTML以外にも、JavascriptやCSS、PHPといった言語が必要になることがほとんどです。

実際、HTMLは単体ではWebサイトをリッチなものに仕上げることは難しく、そのほかの言語と併用しながら活用することで、初めて立派な作品へと仕上げることができます。

HTML以外の言語で何が必要なのかも、実際にWebサイトを自分で作ってみなければわからないものです。

ひとまずできるだけ早いタイミングから自分でWebサイトを作ってみることで、自分が今どれくらいの技術を持っていて、満足のいくものに仕上げるためには何が必要かを把握できるようになっておくと良いでしょう。

がむしゃらにHTMLやほかの言語を勉強しても、中々満足のいくポートフォリオを作ることはできません。

自分が今何をしないといけないのかを把握しづらいのが独学の辛いところですが、早いうちから自分の中に課題を設定し、基準を設けることでモチベーションの維持に努めましょう。

学習本を理解できるかどうかは1つの指標に

自分の中にある基準をうまく探れない時は、学習教材を理解できるかどうかを考えてみると良いでしょう。

独学でスキルを身につけるためには、強い目標とモチベーションの維持が大切になります。

誰かが自分に課題を課してくれるわけではないので、独学でプロレベルに到達するためにはメンタルをサポートしてくれる基準が重要です。

そこで役立つのが学習教材の存在で、本やWebサービスなど、色々と使ってみることで、その教材の中で伝えられていることをしっかりと理解でき、自分の力で再現できるかを考えてみましょう。

こういった教材は、スキルレベルに応じて「初心者向け」「上級者向け」といったカテゴリ分けをしっかりと行ってくれているので、自分の理解できる範囲が果たして初心者向けなのか、プロレベルなのかを客観的に判断することができるのです。

中でも独学用の本は、一冊という単位でまとまっているため、絵本を読むように内容を理解できればそのレベルはクリアということになります。

教材は単に知識をインプットするだけでなく、自分の習熟度を図る上でも大きな役割を果たすのです。

HTMLを独学で学ぶ際の効果的な勉強法

HTMLを独学で進めていく場合、いくつかのポイントを覚えておくと効率的に学習を行えます。

Webサイト構築で得られるスキルと気づきは大切

上述の通り、できるだけ早い段階でWebサイトを自分で作ってみることは最も大切な勉強プロセスです。

Webサイト構築は自分のコーディングレベルを知る上でも大切なだけでなく、何が満足のいくWebサイトに必要なのかを知り、そもそもどうやってWebサイトが成り立っているのかを知ることもできます。

Webサイトとサーバーの関係や、コーディングがどのように機能しているのかといった、もっと深いメカニズムを理解することで、Web開発における作業がどのようなものになるのかを実践的に理解することができます。

世間で求められる実践的なスキルとは、こういったサーバーの仕組みやWebサービスのメカニズム、さらにはインターネットそのものへの造詣も含まれます。

こういったものを理解するためには本などを読むよりもまずはWebサイトを自分で立ち上げてしまうのが最も効率的です。

これらを知識から理解しようとすると、膨大な時間がかかってしまいます。

ひとまず必要な知識を知るためには、自力でサイトを立ち上げてみましょう。

自分の興味や好奇心の方向性を探ってみる

あるいは、実践的な作業をこなしていく中で、自分がWeb開発やHTMLのコーディングを通じて、本当に興味のあることを見つけるきっかけも得られるでしょう。

複雑なコーディングによって誰もみたことのないような演出をWebに組み込みたいのか、誰にでも見やすいWebデザインを追求したいのかなど、Webを通じてできることは様々です。

自分は何のプロになるのかを探る上でも、こういった心がけは非常に大切です。

独学でHTMLを学ぶ際に活用したい学習サービス

HTMLを独学で学ぶ際に活用できる学習サービスをいくつかご紹介しておきます。

Progate(プロゲート)

世界提供国数100を超える巨大な学習サービスが、このプロゲートです。

HTMLを始めとする各プログラミング講座が充実しており、ブラウザだけで学習を進められるため、非常に効率的な独学が可能になります。

パソコンだけでなく、スマホからも利用ができるので、外出先でもお手軽に勉強ができます。

公式サイト

ドットインストール

隙間時間を有効に活用したいという人は、ドットインストールを試してみるとよいでしょう。

一コマあたりの動画が3分程度にまとめられており、通勤・通学の道中や就寝前など、ちょっとした時間で学習を行うことができます。

集中力が続きにくいという人もサクッと進められるのでオススメの教材です。

公式サイト

paiza(パイザ)ラーニング

座って話を聞くだけでなく、同時にしっかりと手を動かしたいという人はパイザがオススメです。

3分ほどの動画に加え、その講義内容に準拠した練習問題が提供されるので、インプットしたことをすぐさまアウトプットに反映していくことができます。

公式サイト

Udemy(ユーデミー)

ユーデミーも、コンテンツの豊富さでいえばトップクラスの部類に入る学習サービスの1つです。

有料コンテンツはもちろんのこと、無料コンテンツも初心者向けのものは充実しており、試しにトライしてみたいという初学者にも優しいのが特徴です。

公式サイト

Tech Academy(テックアカデミー)

最大級のプログラミング学習サイトといえばテックアカデミーです。

とにかく講義の数が豊富で、HTMLを含むあらゆるスキルアップにつなげることが可能なため、有料で学習を進めていきたいと考えている人にとっては見逃せないサービスと言えるでしょう。

公式サイト

独学でHTMLを学ぶ際に活用したい学習本

学習本の存在も、HTMLを理解する上では重要な教材となります。

初心者からちゃんとしたプロになる Webデザイン基礎入門〈HTML、CSS、レスポンシブ〉

しっかりとプロレベルを目指したければ、この一冊から始めてみるとよいでしょう。

プロとしての実力を身につけるのに必要なプロセスがしっかりとまとまっており、実践的な基礎力はこの一冊を終わらせることができれば身につくことでしょう。

Amazonで見る

HTML&CSSとWebデザインが 1冊できちんと身につく本

プログラミングに関する造詣だけでなく、Webデザイン力を身につけたければオススメの一冊がこちらです。

Webサイト構築には欠かせないHTMLとCSSの両方のスキルを身につけることができ、さらに踏み込んだデザイン領域の知識も身になります。

Amazonで見る

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

とりあえずWebに関わる全般的な知識を得たいという人は、こちらの一冊がオススメです。

浅く広くではあるものの、それぞれの言語について最低限必要な情報が書かれているため、全くプログラミングに理解がない状態を打破することが可能です。

Amazonで見る

作りながら学ぶ HTML/CSSデザインの教科書

手を動かしながらしっかりと体に技術を馴染ませたい、という人はこちらの教本が良いでしょう。

HTMLとCSSに関するスキルをチュートリアル形式で学び進められるため、頭だけでなく手にスキルをなじませることができます。

Amazonで見る

なるほどデザイン〈目で見て楽しむ新しいデザインの本。〉

プログラミングのスキルが身についても、何を作れば良いのかわからないという人は少なくありません。

そこでお勧めしたいのがこちらの本で、デザインとは何か、どういう風に作りたいものを作れば良いのかを考えるきっかけづくりを手伝ってくれる一冊となっています。

Amazonで見る

おわりに

HTMLは独学でも十分にスキルを身につけることはできますが、自分がプロレベルに達したかどうかを判断することは難しいものです。

そんな時はポートフォリオを作ってみたり、学習サービスや本などを参考にしつつ、今の自分のスキルレベルを把握してみるようにすることをオススメします。

独学の辛いところは客観的に自分の技術を理解することが難しくなることですが、その対処法を身につければ、モチベーションも高まることになるはずです。

「これからの時代、プログラミングと英語が必要そう…」
それは、間違いではありません。

あと10〜20年の間に、人間が行う仕事の約半分が機械に奪われると言われています。
そのような未来がきたとき、自分自身、そしてあなたの大切な人を守れますか?

セブ島 IT×英語留学の「Kredo」では、
政府公認ITカリキュラム
大学教授レベルのフィリピン人IT教員
スピーキングに特化した英語クラス
日本人スタッフによる学習サポート
などによって、 これからの時代に必要なIT×英語のスキルが
初心者からでも最短で身につきます。

KredoのIT留学で人生を変えてみませんか?

\プログラミングと英語が同時に身につく!/
KredoのIT留学について詳しくみる

  • ツイート
  • シェア
  • はてな
  • ポケット
この記事を書いた人
Kredo編集部
Kredo編集部

Kredo編集部です!Tech、英語学習、キャリア、セブ島留学の情報を発信していきます。

関連記事

  • Web・プログラミング

    初心者必見!Pythonの詳しい導入手順を徹底解説【Windows・Mac別】

    2020.10.19
  • Web・プログラミング

    Rubyで開発?Ruby開発に向いているもの&開発に必要なことまで解説

    2020.09.26
  • 【2020年版】Ruby on Railsの習得度別おすすめ学習本10選!
    Web・プログラミング

    【2020年版】Ruby on Railsの習得度別おすすめ学習本10選!

    2020.09.25
  • 【初心者向け】Ruby on Railsの開発環境の基礎からおすすめ統合開発環境6選!
    Web・プログラミング

    【初心者向け】Ruby on Railsの開発環境の基礎からおすすめ統合開発環境6選!

    2020.09.11
kredo it 英語 留学

よく読まれている記事

  • 2020.12.03

    【1/6&1/7 無料オンラインセミナー】なぜ今、プログラミング × 英語を身につけるべきなのか?

  • Kredo CEO横田猛夫さん
    2019.06.26

    IT×英語を学ばなければ取り残される!Kredo CEOが日本衰退とIT業界の未来を解説

  • バックエンドエンジニアのコーディングのイメージ画像
    2019.06.05

    未経験でも習得できる実務レベルのプログラミングを学ぶコツを紹介!

  • ショッピングを楽しんでいる男女のイメージ画像
    2019.02.12

    海外就職を成功させたい人へ!経験者が教えるメリットとデメリット

  • 熱心にプログラミングを教えるフィリピン人講師と日本人留学生

    【日本語で学んでいる場合じゃない】“英語”でIT・プログラミングを学ぶメリットとは?

IT留学オンライン
kredo 留学

まずはお気軽にカウンセラーへご相談ください!

無料カウンセリングを予約する

IT×英語留学体験談

  • 10代
  • 20代
  • 30代
  • 40代~
  • 1〜4週間の短期留学
  • 5〜23週間の中期留学
  • 24週間以上の長期留学
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース

Kredo Blog

Tech 英語学習 セブ島・留学準備 キャリア Kredo
クレドページ
学校案内
  • Kredoの想い
  • Kredoが選ばれる理由
  • なぜ今、ITと英語なのか
  • 卒業実績
施設案内
  • 校舎・宿泊施設
  • セブ島・生活環境
留学準備
  • お申し込みまでの流れ
  • ご留学までの準備
  • 現地到着後の流れ
  • 留学中の1日のスケジュール
留学コース・料金[コース概要]
  • コース一覧
  • あなたに合ったコース選び
  • ITクラス・カリキュラム・教員
  • 英語クラス・カリキュラム・教員
  • 留学料金一覧
留学コース・料金[各コース一覧]
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース
  • 無料留学プログラム
  • 海外ITインターン留学(LIG)
  • 海外ITインターン留学(Sprobe)
  • 海外ITインターン留学(Alliance)
  • 親子留学 Kredo Kids
その他
  • Kredo Blog
  • Kredoスタッフ
  • 留学体験談
  • よくある質問
  • お問い合わせ
  • 法人のお客様
  • 会社概要
  • KREDO JAPAN株式会社
  • 特定商取引法に基づく表示
  • 採用情報
  • プライバシーポリシー
学校案内
  • Kredoの想い
  • Kredoが選ばれる理由
  • なぜ今、ITと英語なのか
  • 卒業実績
施設案内
  • 校舎・宿泊施設
  • セブ島・生活環境
留学準備
  • お申し込みまでの流れ
  • ご留学までの準備
  • 現地到着後の流れ
  • 留学中の1日のスケジュール
留学コース・料金 [コース概要]
  • コース一覧
  • あなたに合ったコース選び
  • ITクラス・カリキュラム・教員
  • 英語クラス・カリキュラム・教員
  • 留学料金一覧
[各コース一覧]
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース
  • 無料留学プログラム
  • 海外ITインターン留学(LIG)
  • 海外ITインターン留学(Sprobe)
  • 海外ITインターン留学(Alliance)
  • 親子留学 Kredo Kids
その他
  • Kredo Blog
  • Kredoスタッフ
  • 留学体験談
  • よくある質問
  • お問い合わせ
  • 法人のお客様
  • 会社概要
  • KREDO JAPAN株式会社
  • 特定商取引法に基づく表示
  • 採用情報
  • プライバシーポリシー
セブ島IT×英語留学の「Kredo」

14th Floor Central Bloc Corporate
Center Tower 1, Block 10, Geonzon St.,
Cebu IT Park, Apas Cebu City

セブ島医療専門の英語学校・看護留学の「HLCA」(姉妹校)

14th Floor Central Bloc Corporate
Center Tower 1, Block 10, Geonzon St.,
Cebu IT Park, Apas Cebu City

スクールやコースをもっと知りたい人へ 資料請求・お問い合わせ

  • fb
  • tw
  • ig

Copyright© 2019 KREDO IT ABROAD INC. All rights reserved.