現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなくどうでもいいですが、今回の記事が記念すべき100記事目らしいです。（Noteさん！その手のヤツはいっそ自動で記事にバッヂを表示するとかしてくれるとうれしいです！） 対象読者は、Java, PH(以下略）などのコードと一緒に、ほんの少しでもJSのコードを触った、見たことがあるというレベル感の人なので、既にReact, Vue, Angular などでガリガリコードを書いている人は対象ではありません。 あとホームページ屋さんとかウェブコーダ

[homarara]

最短でも5年後まで使い続けられる技術でないなら、技術的負債となって部署を圧迫するだけだ。技術を導入する時は「5年以内に過去の遺物となる可能性があるか」「そうなった時メンテできるか」を考える必要がある。

[garbagephilia]

冒頭で断りあるけど、イラレ・フォトショから手を広げてjQuery頑張って勉強しました的デザイナーさんなんかとの混成チームだと、継続的インテグレーション以前に、そもそも文化が違い過ぎて難しい。

[ttkazuma]

3年後に読み返すと書いたこと後悔しそう

[hylom]

だがしかしNode.jsのモジュールにはasync/awai時代よりも前の遺物がごろごろしているのである・・・

[ngmy]

フロントエンドマンのポジショントークとしてはそうなんだろうね。

[suika3417]

reactはHookが増えたおかげでだいぶ楽になったので、逆に今からのほうが学習しやすいかもしれない

[sotarok]

これ同意で、今Web制作業界でReact, Vue (Next, Nuxt) やってない(あるいは学んでない)ところは、慣性力のみで動いててこの先生きのこるのは難しいんだろうなぁと。まぁフロントエンドに限った話ではない技術一般論だが。

[diveintounlimit]

こういう尖った事書ける俺かっこいい的なやつなんですかね…ちょっと無しかな。

[burabura117]

これで1段落したのなら学ぼうという気も起きるのだけど、5年後にも似たようなこと言ってなければいいなぁと…。

[masa_iwasaki]

最近ReactでSPA作りながらフロントエンド勉強してるけど、アンラーンして公式ドキュメント読めは強く同意。

[axnsword]

React, Vue などは誰でもできるライブラリ・フレームワーク Node.js VSCode + TypeScript という最高のDX TypeScriptはECMAScriptの完全上位互換 Node.js中心のエコシステム

[simomm]

過去のHTML/CSS/JSの知識と経験をゼロリセットすべき。昔はバックエンド主体だったが、今はフロントエンド比重は50%。Node.jsが必須。

[arrowKato]

2020年のモダンな開発

[ki_sz]

アンラーン戦記

[Onlytest]

“ほんの一年前に言われていたことが次の年には否定されていることが珍しくありませんでしたが、今はそんなことは大分減りました。他のジャンルと同じくらいには安定したでしょう。”

[ku__ra__ge]

現代でも理解し難いthis仕様は把握してないとアロー構文と無名関数の使い分けが出来ずに死ぬでしょ。

[georgew]

何回unlearnせなあかんねん...

[terai64]

プログラミング　java script

[jsstudy]

ちなみにTypeScriptの言語デザイナーであるアンダース・ヘルスバーグ氏は過去の技術も熟知している。「巨人の肩の上にのる」＝改善とは過去の上に構築される差分だから。https://www.infoq.com/jp/news/2016/05/anders-hejlsberg-compiler/

[pullphone]

バックエンドメインでやってるエンジニアだけど完全にこの認識しかない、これがただのフロントエンドエンジニアのポジトークだと思ってるなら、向いてないからプログラマー/エンジニア辞めたほうが良いと思う

[gabuchan]

古代の知識はただの怨霊。古い技術は嫌な思い出と一緒にどんどんアンラーンしよう。

[daaaaaai]

グサグサ

[satomi_hanten]

そうですね、としか言いようがない・・・。個人的には何回も言ってるけど依存しても良くてWPFがちゃんとした速度が出て普及してくれるのがベストだった。XAMLの方が美しい。

[knjname]

本当にアンラーンが大事だなーとブコメ群を見て思う

[Ni-nja]

こんなに熱量が高いエントリなのにブコメでは否定的。今の流行であって3年後にはまた分からないって感じなのか

[surume000]

ずいぶん思い切って書いてくれたなー

[mr_mayama]

ある程度正しいけど過激派ではあるな

[kimukou_26]

“現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法”

[katsusuke]

“さらにいえば、Node.jsを使えば、ウェブに限定すれば、フロントエンドとバックエンドを TypeScript で統一できます。” 字面がすごいw

[SasakiTakahiro]

アンラーンするのにも良い時代。

[digo]

「公式読め」だいじ。golang.jp みたいな一見公式かと見紛う罠もあるので注意。

[coolpix]

モダンの本質はレガシーからの脱却だから、ES5でもモダンなコードは書ける。ただ面倒なだけで。最新技術の表層だけ追っててもむなしい

[kkobayashi]

長々と前置きがあってようやく本文か、と思ったら「公式を読め」でずっこけた。それはそうとフロントエンドって落ち着いてきたの？

[inurota]

僕がまさにこれの対象読者なので「リンク・・目を覚まして・・リンク・・・」な気分で読んだ。‬

[sigwyg]

納得感は高い。 枯れた技術なら3年5年って意見もあるが、Web/UIが2年以上変わらないのは珍しいことだし。

[chiroruxx]

まぁ、「今までの知識を捨てて学び直せ！」のコストを払うほど優先順位が高くなるわけでもなさそうだなーという所感。今までの知識と同じところも多くあるし、少しずつキャッチアップするほうがおすすめ。

[karikari1255]

JavaもPHPもフレームワーク乱立してた時期あるからサーバーサイドの人はそこは混乱しない。文法以前に、巨大なJS一つにコンパイルされること、リンカが開発されたことを教えればかなり楽に概念掴めるはず

[nunulk]

完全にアンラーンする必要はなくて、自転車からバイクに乗り換える、くらいの心持ちでいい気はする

[Eiichiro]

学び直してみたが、確かにアンラーンした方が頭に入りやすい。どんどんvbに近づいてきてる感覚。

[lazymaybee]

大企業相手にしてるとIEがバリバリ現役で地獄