質問背景
現在、文系の大学生で、卒業後もしくは在学中にWebエンジニアを目指して学習を始めようとしています。
学習の入り口としてHTML/CSSがよく挙げられますが、最近はAIツールでコーディングが自動化されつつあると聞き、今から時間をかけて基礎から勉強する価値がどのくらいあるのか判断がつかず悩んでいます。
そこで、実務経験のある方に以下の点を教えていただきたいです。
質問したいこと詳細
実務でのHTML/CSSの位置づけ
Webエンジニア(特にフロント以外も含む)の実務において、HTML/CSSを深く理解していることはどの程度求められますか?
学習の優先順位
未経験から目指す場合、HTML/CSSにどれくらいの時間を割くのが妥当だと思われますか?他に先に着手すべき技術(JavaScript、Gitなど)があれば、その理由も含めて知りたいです。
AI時代での学習価値
生成AIが普及する中でも、HTML/CSSを自分で理解しておくことが必要だと感じる場面があれば教えてください。
未経験で的外れな質問になっていたら申し訳ありません。学習の方針を立てるうえでの考え方を知りたいので、経験に基づいたご意見をいただけると助かります。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
回答7件
#1
総合スコア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
総合スコア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
#4
総合スコア343
投稿2026/07/02 10:06
HTML/CSSを入門書を持っているので、まずはそれを一通り進めて
それもいいけど(っつーかやるべきだけど)、無料ブログを利用する、ってのをオススメする。
Fc2ブログとか2ntブログなんかは、無料で開設出来る割には同業他社の無料レンタルブログよりある意味高性能で、自作CSSなんかを読み込ませてデザインをかなり自由にカスタマイズ出来る。
多分「HTML/CSSによる実践」って意味では良い環境を提供してくれるんじゃないか。
もう一つの利点は、実はユーザーが大量に「CSSによるデザイン」を投稿してくれているので、「実際にどんな風に記述してるのか」、そのソースコードを閲覧可能だ、と言う事だ。どういう風に書けばどういう風に反映されるのか、ってのを、実際にたくさんのデータとして見る事が出来る、って事だな。
改造もしてみるべきだろう。記述のどこをどういう風に変更したらどう反映されるのか、と言うのも実地で学べるしね。これらのブログだと「失敗した!」って場合も元に戻せるので、恐らく学習効率はいいんじゃないか、とは思う。
参考まで、に。
#5
総合スコア298
投稿2026/07/02 23:34
編集2026/07/02 23:46HTML, CSSとかWeb開発ならみんな知ってるていで開発が進むのに、個人的に学ばないでいいと思っていようと、浮くのは間違いない笑
今だとなんのゲームが流行ってるのか知らないけど、APEXの大会でチームは自動で組まれるのにルールも操作方法も何も知らんやつがチームメイトになるような話かね
追記
どうせ新人なんて何も出来ないんだから大人しく基礎を勉強してまともな人間であることをアピールできた方がいい
AIをいくら上手く使えようと仕事で勝手にこの機能追加しました!とか言われても、バグが混入したり仕様と違うと指摘したりするのは誰なんだよって話。
新人でありながらそれがバグかどうかを判断できるレベルなら話は別だけど、こいつにこれ任せたらダメだなってなって、HTML, CSSみたいな基礎的な仕事任せても分かりませんとか言われたら、ああこいつは何も出来ないんだなって烙印を押されるだけなのは火を見るより明らか。
※あなたがHTML, CSSに置いてけぼりにされている間、他の人は会社での働き方、コーディング規約、仕様の理解、あるいはもっと高度なことを学んでいる。一方あなたはついていけず、当たり前にみんなができることを1週遅れでやる羽目になる
#6
#4 FC2ブログや2NTブログ知らなかったので教えていただきありがとうございます。実践的な練習をどうやってやるかハードルがあったので助かりました。
#7
#5 本当におっしゃる通りですね・・普通に考えたらそうですよね。自分がエンジニアだったら基礎がなっていないエンジニアがAIを使ってきても信用できません>< おとなしく基礎を固めます。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。