質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.64%

Webフロントエンドエンジニアに求められる知識と技術は?

解決済

回答 3

投稿 編集

  • 評価
  • クリップ 5
  • VIEW 2,149

raryosu

score 49

現在,Webフロントエンドエンジニアを目指していろいろと勉強している学生です。

さて,そもそも論となってしまうのですが,「Webフロントエンドエンジニア」とは,何をできるようになったらそれを堂々と名乗れる(≒社会の求めるエンジニアになれる)のでしょうか。
いま勉強しているのは
  • ピュアなJavascript(DOMを理解しようとしている)
  • jQuery
  • Node.js(単なる趣味)
  • Angular.js
  • Ruby on Rails
  • HTML5 / CSS3
  • PHP
  • MySQL
  • デザイン(Web, DTP)
  • Linux各種(LAMP環境の構築や,LFS構築など,これも趣味)
です。

いま勉強している内容はいろいろとおかしいところもあるかもしれませんが…
何を勉強して,何を出来るようになれば良いのか,みなさんのおすすめ(?)を教えて下さい。よろしくお願いします。
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

checkベストアンサー

+3

これは、本の紹介のような形でリスティングされていくのかな?それともブレークダウンされていくのかな?
上から重要という事で取りあえず、上げてみました。

・コミュニケーション力
・一般教養
・インターネット界隈の基礎知識(広すぎて書ききれませんが、プロダクト作成の予備知識にきっと必要)
・ワークフロー(与件策定~・・・~効果測定、というか仕事の仕方)
・関連法令(電子商取引や電気通信、個人情報に、著作権、特許などなど。仕事の仕方のなかですでに先輩方が作成されたチェックリストとしてあると思いますが、その目的と意味の理解)
・掲題のような実践的な技術(運用できる技術(会社によって異なる))

・教育をする(コーチングなどなど)
・先進的な技術(まだ、運用(ops)にまで落ちてきていないような物(会社によって異なる))

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/24 10:28

    > これは、本の紹介のような形でリスティングされていくのかな?それともブレークダウンされていくのかな?
    どちらでも構いません!みなさまの思うことをいろいろ書いていただきたいとおもっています。

    > 上から重要という事で取りあえず、上げてみました。
    やはり「コミュニケーション力」は大事なんですね。日々精進したいとおもっています。
    「ワークフロー」や「関連法令」ということは意識をしたことがありませんでした。多少意識しつつ勉強してみようとおもいます。

    具体的なアドバイス、ありがとうございます!

    キャンセル

  • 2015/09/24 21:58

    コミュニケーション力って実は大変都合の良い言葉なんです。
    コミュニケーション力から発想されるものをマインドマップか何かで書き出してみると。。。
    ・相手の求める答えを試行・選択して出せる
    ・言葉をまとめられる
    ・しっかりヒアリングして、相手の言葉を理解できる
      ・そのコミュニケーションの中の知識を有している
        ・・・他にも色々でてきそうです ;-)

    と、裏に隠れた色んな能力の集大成なんです。

    求人サイトや、ハローワークで求める能力にこぞって書かれているのは、
    体裁が良く、だけども、上記のようなさまざまな能力を含んでいる、
    このコミュニケーション力が大変都合が良いのです。

    なので、最初は、この コミュニケーション力 だけにしようと思ったのですが、
    それだと味気ないなーと思いつらつら書きました。 ;-)

    キャンセル

  • 2015/09/25 17:04

    コメント、ありがとうございます。

    >裏に隠れた色んな能力の集大成
    たしかにそうですね!コミュニケーションってきくと、ついつい会話のことばかり考えてしまいますが、そのためのいろいろな技能(といっていいのか?)が必要…

    コミュニケーション力、がんばってのばしていきたいとおもいます!
    やはり人と話すことって大事ですよね。

    キャンセル

+2

私の抱くフロントエンドエンジニア像はjavascriptを飯の種として、エンドユーザが触る所に関わる改善ができる人ですかね。
今勉強されている方向がかなりその線を向いて勉強されているかと思います。

必須
  • javascript
  • jQuery
  • html5&css3

JSフレームワークは乱立してる状況ですが
毎年流行りが入れ替わってますね
  • Angular.js
  • react.js
あと
  • babel.js
というのが、最近ホットらしいです。


バックエンドの領域まで足を突っ込むと、なんでも屋として凄く重宝されると思います。
  • node.js
  • io.js
  • mongodb


今自分はphp & mysqlでお仕事をしてますが、おそらく現時点でその開発をメインにしている会社だとフロントエンドエンジニアとしてのキャリアは育てにくいと思います。レガシーなLAMP構成で、堅牢システマチックという印象です。
フロントエンドエンジニアが活躍される会社はMEANなどの組み合わせで作ってるプロジェクトが多そうな印象です。是非そういう会社を探してください(笑)

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/25 17:09

    回答、ありがとうございます!

    > javascriptを飯の種として、エンドユーザが触る所に関わる改善ができる人
    やはりそうですよね。最近になってようやくJavascriptをさわりはじめたのでそろそろ本腰をいれて勉強していこうとおもいます。

    フレームワークの類、ほんとうに何をつかったらいいのかわからない状況ですw それぞれ得意なこと不得意なことがあるとおもうのですが、それらも実際につかってみてから判断するのがいいんでしょうか…

    >バックエンドの領域まで足を突っ込むと、なんでも屋として凄く重宝される
    やはりなんでも屋って重宝されるんですね! とはいってもバックエンドはPHPでWebAPIをかいたりだとか、node.jsでかんたんなチャットをつくったりという程度のことしかしていないので、余裕ができたらやってみようとおもいます。

    >レガシーなLAMP構成で、堅牢システマチックという印象です。
    フロントエンドエンジニアっていう職自体新しい方なんでしょうか?

    >フロントエンドエンジニアが活躍される会社はMEANなどの組み合わせで作ってるプロジェクト
    MEAN! MongoDB、Express、AngularJS、Node.js ですね! つかってるものからしてイケイケなオーラがただよってそうなので、そういうところに就職できるように、がんばります!

    キャンセル

+2

「Webフロントエンドエンジニア」という言葉に表されている「エンジニア」としての部分に注目した意見です

コーディング技術や知識といった「道具」を使いこなすだけならば、学生でもすごいスキルを持った人がたくさんいます
「社会の求めるエンジニア」ということであれば、さらに「品質」「コスト」「納期」についての意識を持つことが重要になると思います

「Webフロントエンドエンジニア」という立場なら、業務の中で「画面でこんなことしたいんだけど、どうやってできる?どんな問題がありそう?(費用と時間は)どれくらいかかる?」といった相談を受けることが多々あるでしょう
言われた通りのものを実装するのは、費用と時間をいくらかけてもよいのであれば大抵のことはできます
しかし、プロジェクトには限られた人員と費用と時間しかありません

そこで「こういう方法で実装できます」「このくらいの時間があれば対応可能です」といった回答が求められます
またそんなときに「なぜそうしたいのか?」「その機能は本当に必要か?」「そのやり方は使いやすいか?」「コストに見合うだけの価値があるか?」「代替え案はないか?」といったユーザー・開発者の両視点から提案ができ、さらに将来的な拡張性や保守効率まで見通した意見が出せれば、「エンジニア」として一人前と言えるのではと思います

もちろんそうなれるには多くの業務経験が必要になると思いますが、今から「そういうことが求められるようになる」ことを意識しておいて損はないでしょう
(知っていれば「何を学ぶか」の意識が大きく変わります)

そして「品質」について
実装をまかされるということは、品質を直接作りこむ立場にあると思います
「品質の高いソフトウェアとはどういうものか」を理解しておくことは、エンジニアとしてとても大事なことだと思いますので、コーディングの技術や知識だけでなくそういった面の知識(ソフトウェア品質)も是非意識的に学んでみてください

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2015/09/25 20:13

    ご回答、ありがとうございます!

    >「社会の求めるエンジニア」ということであれば、さらに「品質」「コスト」「納期」についての意識を持つことが重要
    こういう観点を意識したことがありませんでした。

    >ユーザー・開発者の両視点から提案ができ、さらに将来的な拡張性や保守効率まで見通した意見が出せれば
    なるほど!やはりこの辺りは経験がものを言いそうですね。たくさんのものをつくっていくことで、さまざまな提案や、将来的なことに関するケアもできそうな気がしました。

    >「品質の高いソフトウェアとはどういうものか」
    はい!このあたりも意識したことがなく、正直「動けばいい」というレベルでつくっているものが多かったです。これから意識しつつがんばっていきたいとおもいます。

    ありがとうございました!

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.64%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る