Q&A
一般的には 2 が多いと思いますが、たとえ 1 でも、ロジックを実装する上では HTML/CSS に精通している必要がありますので、HTML/CSS は当然学ぶべきでしょう。また、Web 業界では (SI 業界と比べて) 担当範囲が厳密に分かれていないことも多いので、デザイン知識はもちろん、サーバーの知識もある程度あった方がいいかも知れません。
私は所謂SEとして働いており、フロントエンドエンジニアに転向を考えている者です。
Webフロントエンドの領域に興味を持ち、日常的に学習しています。
具体的には、HTML/CSS/JavaScript技術(jQuery/React)を使ってWebのUIを作っています。
（業務では軽く生CSSとjQueryを微調整する程度の経験です）
ここでWeb業界を調べていて疑問に思うことがあるので質問させて頂きたいと思います。
フロントエンエンジニアは、明確にどんな作業をするのでしょうか。
デザイン → マークアップ → ロジック(JS) の工程において、
- デザイナーはマークアップまで終わらせ、ロジックをフロントエンエンジニアが書く
- デザイナーはデザインを作成し、その後のコードをフロントエンエンジニアが書く
の2つの情報があり、どちらが正確なのか（または主流なのか）が把握できずにいます。
1.だとしたら、HTML/CSSに力を注ぐのは適切でないかも？
のような懸念があるので、この答えははっきりと知りたいと思っています。
所謂Web業界のエンジニアの方にご回答いただけますと幸いです。
～配属前～
ホ○○○ン似の社長「フロントエンドだからHTMLとCSS/JavaScriptだけやってくれれば十分だよ～」
～配属後～
ホ○○○ン似の社長「あのさぁ！フロントエンドエンジニアつっても誰かがサーバー側も面倒見ないといけないわけ！人いないんだからさ！頭使えよマジで！」
ってのが思い浮かんだけど回答じゃないのでここに。
まぁ上記は極端にせよ、フロントエンドエンジニアって基本的にはメチャクチャ守備範囲の広い仕事だと思っておく必要はあると思うけど。
>hoshi-takanoriさん
ご回答ありがとうございます。React(やVueも？)等を使うと、マークアップとロジックは切り離せなくなっていますし、私もHTML/CSSは学びがいがある方が個人的に嬉しいのですが、デザイナーがマークアップする場合でも適切にシステムを見守れるよう頑張ろうと思います。
サーバサイドの方もSSR等連携が切り離せないイメージですので、引き続きやっていこうと思います。
>gentaroさん
ご回答ありがとうございます。
Web系が個人の守備範囲のがいまいち掴めませんでしたが、（極端でも）何となくイメージが思い浮かんだ気がします。
仰る通り、デザインとサーバサイドの間に立つことが多くて深められるだけ深められるように感じます。その中から絞っていくのは得策ではないことが改めてわかりました。
回答3件
0
質問した背景は、「学習ロードマップが知りたい」ですかね？
よく参照されている図があるので貼っときます。
Frontend Developer
フロントエンドやる人で、HTML/CSS に力を入れない人はいないと思います。
１ だったとしても設計コンセプトまで理解してないと、正しく動作させられないし。
投稿2020/04/24 01:33
退会済みユーザー
総合スコア0
ご回答ありがとうございます。
このロードマップは私も見たことがあるのですが、このような英語圏の記事は日本の状況と少し違う気がしていました。（CSSをデザイナーさんが書く話とか）
なので背景は「フロントエンド」と「フロントエンドエンジニア」のズレを知りたいといったものです。
それでもHTML/CSSも本腰を入れて良いと改めて気が付いて、安心しました。
> このロードマップは私も見たことがあるのですが、このような英語圏の記事は日本の状況と少し違う気がしていました。（CSSをデザイナーさんが書く話とか）
では差異の最小単位は「要件、プロジェクト」になるので、学習ロードマップに関しても「要件、プロジェクト」によるとしか言えなくなりますね＾＾；
0
ベストアンサー
m.ts10806さんでの回答でもありますが、
要件、プロジェクト次第です。
だと私も思います。
また、団体や職場によっても全く異なると思います。
というのも、明示的に決まっているわけでもないんです。
フロントエンドだからと言ってDBも行う人もいます。
フロントエンドだからと言ってデザインを担当することもあるでしょう。
一度働いている会社もしくは、転向先の団体に聞いてみた方が確実な回答を得られると思います。
投稿2020/04/23 21:18
編集2020/04/24 02:19
総合スコア2076
あなたの回答
tips
プレビュー
