質問するログイン新規登録

意見交換

7回答

231閲覧

未経験からWebエンジニアを目指す場合、HTMLやCSSの学習優先度は?

kokikoki21

総合スコア0

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

初心者

初心者は、プログラミングやITに不慣れな方が、基礎的な知識やスキルを身につける際に直面する疑問や課題に関する投稿に使用されます。入門書や学習サイトで学び始めた方、初めての開発環境構築でつまずいた方などに向けた質問が多く見られます。

0グッド

0クリップ

投稿2026/07/01 12:08

0

0

質問背景

現在、文系の大学生で、卒業後もしくは在学中にWebエンジニアを目指して学習を始めようとしています。
学習の入り口としてHTML/CSSがよく挙げられますが、最近はAIツールでコーディングが自動化されつつあると聞き、今から時間をかけて基礎から勉強する価値がどのくらいあるのか判断がつかず悩んでいます。
そこで、実務経験のある方に以下の点を教えていただきたいです。

質問したいこと詳細

実務でのHTML/CSSの位置づけ

Webエンジニア(特にフロント以外も含む)の実務において、HTML/CSSを深く理解していることはどの程度求められますか?

学習の優先順位

未経験から目指す場合、HTML/CSSにどれくらいの時間を割くのが妥当だと思われますか?他に先に着手すべき技術(JavaScript、Gitなど)があれば、その理由も含めて知りたいです。

AI時代での学習価値

生成AIが普及する中でも、HTML/CSSを自分で理解しておくことが必要だと感じる場面があれば教えてください。

未経験で的外れな質問になっていたら申し訳ありません。学習の方針を立てるうえでの考え方を知りたいので、経験に基づいたご意見をいただけると助かります。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

回答7

#1

BeatStar

総合スコア4980

投稿2026/07/01 13:08

編集2026/07/01 13:12

(※ 趣味です。)

フロントエンドならHTML/CSSは必須ですね。というか実際に使うでしょうし。
バックエンドでもやっぱり知らないと厳しいと思いますよ。

Webエンジニア(特にフロント以外も含む)の実務において、HTML/CSSを深く理解していることはどの程度求められますか?

少なくとも『HTMLとCSSを使って軽いデザインを組めること』は必須かと。
バックエンドならHTMLとCSSの基礎がわかっている程度でいいかもしれません。

単純に考えて、フロントエンドの場合はHTML/CSSをほぼ直接扱いますし、ホームページビルダーのようなツールを使うとしても生のHTMLとCSSがわからないと細かい編集ができませんし…。

バックエンドの場合は、直接HTMLやCSSを使うことはないケースもありますが、たとえば『動的にページを変更』したり、『動的にCSSを変更』したりするようなケースもありますね。(サーバサイドでやってクライアントに返す場合)

未経験から目指す場合、HTML/CSSにどれくらいの時間を割くのが妥当だと思われますか?他に先に着手すべき技術(JavaScript、Gitなど)があれば、その理由も含めて知りたいです。

私の独断と偏見で列挙してみます。

コンテンツ名フロントエンドバックエンド
HTML指定されたデザインを構成すること最低限の構造を理解すること
CSS指定されたデザインを構成すること最低限の構造を理解すること
gitコミット等が行えることコミット等が行えること
データベース(Web API等から返される)構造を理解できればOK必須
JavaScript必須必須(※ アーキテクチャ等による)
Webの基本知識(※ Webサイトがどのように表示されるか等)必須必須

いくらAIが有能でも基礎知識がないとそもそもコードの編集すらできませんよ…。

#2

otn

総合スコア86658

投稿2026/07/01 16:11

私見ですが、IT技術者を目指す若い人であれば、
「AIが発達するのでこのあたりは勉強しなくていいのではないか?」という考えの方向性は間違っていて、
「AIが発達すると、この立ち位置での仕事の仕方で、AIに淘汰されずに【人間のプロフェッショナル】としてやっていけるか?」という方向で考えるべきかと思います。とはいえ、学生さんに現時点でそこまで考えろというのは難しいでしょうけど。
仕事でなく趣味でやるなら、AIがやってくれることは勉強しなくても何とかなると思います。

質問に帰ると、学生時代はITの勉強以外にもいろいろやるべきことがあるので、
「HTML/CSSの入門書を1冊理解し終える(7-8割は頭に入っていてほしいけど5割くらいでもいいかも)」
くらいで先に進めばいいのではないかと思います。HTML/CSSを読める程度で良いかと。この程度はAIがどうなろうが必須でしょう。学習の過程で、サンプル画面のようなものを書いてブラウザで見てみるようなことはあるでしょうから、書くのはその程度でもいい。

「あるサイトを見て、それと同じようなものを自分で書ける」ようなレベルは学習を始めた学生さんが当面やるべきことではなくて、他のことに時間を使うべき。

「どれくらいの時間を割くのが妥当だと思われますか?」は、人によるとしか言いようがない。早ければ2-3日、長いと数か月とか。入門書を理解し終えるのに1カ月以上かかるようなら、あきらめるのも一つの選択です。

最初に学ぶのが、HTML/CSSが良いのかどうかは分かりませんが、間違いではないでしょう。
あとは、お書きのJavaScriptですが、ブラウザの画面を作る/操作するJavaScriptであれば、HTML/CSSの基本を学んでからですね。プログラミングが全く分からない状態なら、プログラミング入門として先に学ぶのはあり。これも「最初に学ぶプログラミング言語は何が良いか」は難しい。過去に同様の質問が出ていますね。
あとは、Webシステム全体の仕組みの理解。これも入門書がいくつも出てると思います。これが最初でもいい。
Gitみたいなツールは、「何故、Gitのようなものが必要なのか」を実感として理解できてない状態で操作だけを学んでも意味がないと思います。その他開発ツールなども、必要な部分は学べばいいけど、深く極めるのはいろいろ理解してからでしょうね。

あと。文章読解(相手の意図を汲み取る能力)、文章作成(自分の意図を相手に伝える能力)とか、学ぶことはたくさんあります。就職して組織内で仕事するには必須だし、AIとのやり取りでも、文章力のスキルが低いと駄目でしょうね。
質問文を見る限り、少なくとも書く方は大丈夫そうに見えます。

#3

kokikoki21

総合スコア0

投稿2026/07/02 01:47

#1#2
学習の進め方や優先度についても丁寧に説明いただきありがとうございます。
日々情報をキャッチアップしていると、HTML/CSS、プログラミング言語については学習価値が下がっているのではないかと不安になっていたのですが、プロのエンジニアになるのであれば基礎知識として身につけていくことが重要であるといいうことがわかりました。
まずはHTML/CSSを入門書を持っているので、まずはそれを一通り進めて、Webの知識なども勉強していきたいと思います。

#4

cametan

総合スコア343

投稿2026/07/02 10:06

HTML/CSSを入門書を持っているので、まずはそれを一通り進めて

それもいいけど(っつーかやるべきだけど)、無料ブログを利用する、ってのをオススメする。
Fc2ブログとか2ntブログなんかは、無料で開設出来る割には同業他社の無料レンタルブログよりある意味高性能で、自作CSSなんかを読み込ませてデザインをかなり自由にカスタマイズ出来る。
多分「HTML/CSSによる実践」って意味では良い環境を提供してくれるんじゃないか。
もう一つの利点は、実はユーザーが大量に「CSSによるデザイン」を投稿してくれているので、「実際にどんな風に記述してるのか」、そのソースコードを閲覧可能だ、と言う事だ。どういう風に書けばどういう風に反映されるのか、ってのを、実際にたくさんのデータとして見る事が出来る、って事だな。
改造もしてみるべきだろう。記述のどこをどういう風に変更したらどう反映されるのか、と言うのも実地で学べるしね。これらのブログだと「失敗した!」って場合も元に戻せるので、恐らく学習効率はいいんじゃないか、とは思う。
参考まで、に。

#5

u2025

総合スコア298

投稿2026/07/02 23:34

編集2026/07/02 23:46

HTML, CSSとかWeb開発ならみんな知ってるていで開発が進むのに、個人的に学ばないでいいと思っていようと、浮くのは間違いない笑

今だとなんのゲームが流行ってるのか知らないけど、APEXの大会でチームは自動で組まれるのにルールも操作方法も何も知らんやつがチームメイトになるような話かね

追記
どうせ新人なんて何も出来ないんだから大人しく基礎を勉強してまともな人間であることをアピールできた方がいい
AIをいくら上手く使えようと仕事で勝手にこの機能追加しました!とか言われても、バグが混入したり仕様と違うと指摘したりするのは誰なんだよって話。
新人でありながらそれがバグかどうかを判断できるレベルなら話は別だけど、こいつにこれ任せたらダメだなってなって、HTML, CSSみたいな基礎的な仕事任せても分かりませんとか言われたら、ああこいつは何も出来ないんだなって烙印を押されるだけなのは火を見るより明らか。

※あなたがHTML, CSSに置いてけぼりにされている間、他の人は会社での働き方、コーディング規約、仕様の理解、あるいはもっと高度なことを学んでいる。一方あなたはついていけず、当たり前にみんなができることを1週遅れでやる羽目になる

#6

kokikoki21

総合スコア0

投稿2026/07/03 01:52

#4 FC2ブログや2NTブログ知らなかったので教えていただきありがとうございます。実践的な練習をどうやってやるかハードルがあったので助かりました。

#7

kokikoki21

総合スコア0

投稿2026/07/03 01:54

#5 本当におっしゃる通りですね・・普通に考えたらそうですよね。自分がエンジニアだったら基礎がなっていないエンジニアがAIを使ってきても信用できません>< おとなしく基礎を固めます。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

この意見交換はまだ受付中です。

会員登録して回答してみよう

アカウントをお持ちの方は

関連した質問