Web系エンジニアを目指すなら、サーバーサイドよりフロントサイドを先に学ぶべきか？

Question

私は将来自社開発をするようなweb系エンジニアを目指しているプログラミング初心者です。
10月からPHPの勉強を独学で始めて、現在も学習中です。PHPが初めてのプログラミング言語です。

HTMLとCSSはヘッダーとコンテンツエリアとフッターの違い、marginとpaddingの違い、floatの使い方、動画、地図の埋め込み、問い合わせページ、マルチデバイス対応ページなど軽く勉強しました。

ネットの知り合いにPHPを勉強していると伝えたところ、web系エンジニアを目指すならまず先にフロントサイドから学んだ方がいいと言われました。ちなみにJavascriptはまだ触ったことがないです。

まだ日が浅いですが、せっかく今まで学んできたPHP保留にして、Javascriptを一から学習するのは抵抗があります。
Web系エンジニアを目指すならPHPを一旦中断して、HTML、CSS、Javascriptなどフロントサイドをマスターするべきでしょうか？

Comments

[mirukun]

申し訳ありません。質問する場所を間違っていたようです。
こういった質問サイトを使用するのにまだ慣れていないので、といあえずやってみようという軽い気持ちで質問してしまいました。今後サイトの概要欄を見て、適切な質問内容かどうか確認してから、質問します。気を悪くしてしまった方、本当に申し訳ありませんでした。

[m.ts10806]

人生相談が悪いとは思いません。たまにそういう投稿もあります。
プログラミングには直接関係はないとは思うのでそのような指摘があっても仕方がないとは思いますが、間接的には関係します。
今回の内容でこの指摘はあまり重く受け止めなくても良いかと思います。
※ただ、過去にも類似の質問はあるので、次に投稿するときもなるべく過去質問を探された方が良いです。
ほしい情報が出てくるような探しかたを知っていることもエンジニアに必要な能力です

[mirukun]

フォローありがとうございます。
それでもプログラミングに直接的には関係ない質問なため、気をつけるようにします。
アドバイスにあったように、質問サイトを使う前に過去に同じ内容の質問がないかどうかも確認してから、質問するようにします。

[m.ts10806]

ひとまず追記された部分は削除された方が良いと思います。質問要件と関係のある内容ではありませんので

[mirukun]

ご指摘いただいた箇所を削除いたしました。

[dice142]

ヘルプページに非推奨の質問について載っているので目を通しておくことをオススメします。
https://teratail.com/help/avoid-asking

質問するときのヒントなどもあるので参考にしてください。

[mirukun]

ありがとうございます！参考にします！

[azuapricot]

PHPを使うWEB業界は限られてるけどどこにいってもHTML/CSS/JavaScriptとは離れられませんよとだけ

会社に就職するまでにある程度全て勉強できる自信があるのならPHPが完了してからHTML→CSS→JavaScriptと勉強していけばよいのではないでしょーか。

(PHPができるってことはHTMLもある程度できないといけないようなきがしますけどね）

Answer 1

Webエンジニアと言っても方向性がありますから「将来何になりたいか、何を主としたいか」で決められたら良いかと思います。

バックエンドを主としたいのであればPHPだけでは心許ないと私は思います(今のところおそらくJavaは避けられません)し、JavaScript含めたフロントエンドの技術もあるに越したことはありません。

フロントエンドを主としたいのであれば、今のところJavaScriptは避けられません。CSSもフレームワークを読めるくらいには必要でしょう。

いずれにしてもプログラマーでいきたいなら本質的に必要なのは技術云々より論理的思考能力です。

私も始めはバックエンドの存在も知らずフロントエンドの技術のみ学習してきてザックリと「Webエンジニア」で来てましたが、PHPに出会ってからバックエンドを主とした方向に切り替えました。

他人がどうこうより自分の意思を尊重しましょう。どっちにしても何かあったときに責任をとるのは自分です。

Comments

[mirukun]

4件も回答ありがとうございました。
自分はバックエンドの仕事に興味があるので、引き続きPHPの勉強に中心を置きつつ、HTML、CSSを並行して勉強していきます。Javascriptは、PHPで論理的思考を身につけてから、学びたいと思います。いずれPHP以外のサーバーサイドの言語も学習します。
みなさんありがとうございました。

[m.ts10806]

一応、HTMLでも論理的思考は必要です。技術を身に付けながらでも十分可能ですし、既に出ているようにAjaxなど連携することもあるので、JavaScriptも並行して身に付けた方が良いかと思います。

[mirukun]

m.ts10806さんありがとうございます。Javascriptの方も勉強していきます。

Answer 2

切り出して学習しやすいのは間違いなく html/css です。
また、JavaScript もサーバサイドとの連携を後回しにするのであれば、ある程度切り出し他学習が可能です。
集中したほうが、混乱しにくいかもしれません。

ただ、サーバサイドを知らないまま「マスター」するのは無理です。

Web 開発の技術は大変複雑に相互関連していて、大抵の場合並行して知識量を増やしていかないと、途中で詰むことになります。

＊Web 開発に関わる人はいろんな技術を並行して学習し続けます。

参考：
Roadmap to becoming a web developer in 2019

ちなみに最後のサイトの紹介がしたいがために書いた回答でしたｗ

Answer 3

そこまでいったら、UIの設計できる人になったらいいのに。
マルチデバイス対応できるUI設計できる人、重宝する気がする。

PHPとかサーバー側の処理でどういうコードを出力したらどういうUIを提供できるかっていうのを、
javascriptやjQueryやフロントエンドフレームワークなど駆使して提示できたら、重宝がられないかなぁ。
そういう意味で、javascriptやjQueryは外せないと思うし、
なにかのフロントエンドフレームワークも修めるといいよ。

サーバーサイドも多岐にわたるよ、
PHPを素で扱うことよりもフレームワーク（LaravelだのCakePHPだのいろいろ）で扱うこともあるわけで。
データベースもSQLの方言を理解しながらいくつかの処理系を学ぶとか。

でも、
プログラマーとして他人が決める仕様に則って作り続けるのか、
エンジニアとして仕様をまとめ上げるところから関わり続けるのか、
それともビジネスモデルを持って作る側に指示を出して発注する側に行くのか、
人生いろいろ。
狭めすぎて潰しが効かないようにならないよう。

Answer 4

Web系だとフレームワークを使うことはごく普通ですが、MVC フレームワークだと機能単位で一括して考えることになるので、フロントサイドもバックエンドも両方やることになります。
ですので、「まずフロントサイドから」というのは、とっかかりとしては有りかも知れませんが、すぐに壁に当たりそうな気がします。
※とはいえフロントサイドを知らないと、細かなインタフェースの制御ができないので詰みますが

というか、フロントサイドからバックエンドの処理を直接呼び出す（ajaxで）ことが常態化するので、両方一緒にやらないと話になりません。画面の情報を更新するためにいちいち全画面読み込み直すのではエレガンテではないので。

中断するのではなく、頑張ってでも並行してやった方がいいです。