2018年 は 脱React の年だった。 オワコン React
2017〜2018年に突如出現したReactは
2018年の間にシェアを大きく減らした
2018年は、脱Reactの年だった。オワコンReact
Usage Trend
https://w3techs.com/technologies/history_overview/javascript_library/all/y
React: 2017年1月 なし、2018年1月 0.5%、2019年1月 0.2%
Market Share Trend
https://w3techs.com/technologies/history_overview/javascript_library/ms/y
React: 2017年1月 なし、2018年1月 0.7%、2019年1月 0.2%
※2019年1月は正確には2018年12月27日現在のデータ 毎年のようにフレームワークが変わって
フロントエンド(笑)は大変だなぁw jqueryしか触らないことにしてる
どうせSPAとか縁遠い世界の話だし フロントエンドってなんでこんなにツール変わるの?バカなの? 「関心の分離」と言い訳してるがJSX記法は無理だわ
JavaScriptの中にHTML埋め込むのは生理的に受け付けない
HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
密結合させて可読性下げるだけの愚行
単一ファイルコンポーネントにvue拡張子ファイルで分離するvue.jsが伸びるのは必然だろう 確かにコンポーネント単位で密結合にしてるんだがその引き合いに出すのがよりによってコンポーネント単位で1ファイルにまとめるvueファイル形式とはね笑 javascriptにHTMLを密結合してるJSXと
ファイル内で明確にテンプレート スコープドCSS Javascriptで別れてる(疎結合)なVueは違うじゃん 密結合だ密結合だ!っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。
その結果のコンポーネント見て密結合なのは当たり前。
刑務所見学に行って犯罪者で一杯だ!って喚いてるようなもん。
何を主張したいのかサッパリ分からない。 >HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
この1文で理解できないならもう何もいうことはない
ソースの可読性が悪い >>8
> 密結合だ密結合だ!っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。
普通のネイティブアプリならそれで良いかもしれないけど、
ウェブの場合、いろんなOSで動かすから
特定のOSのインターフェースにはできないんですよ
つまりサイトごとにデザインが違っていて、
コンポーネントとデザインは分離するのが常識なんですよ
CSSを密結合にしてはいけない
HTMLに関しても、JavaScriptが動かないブラウザでも
見れるようにするべきなのだから、分離しなければいけない じゃ分離すれば?
cssinjsやstyledcomponentの採用は任意だよ。reactと直接関係ない。
真鯛にしょうゆつけて食ってしょうゆはダメだ塩じゃなきゃと喚いてるのと同じ。
そこに塩があるぞ。勝手に使え。 cssinjsやstyledcomponentを採用しないならReactを使う意味がない
普通にHTMLとCSSとjQueryを使ったほうが良い コンポーネント単位にしてるけどjsxとはいえほぼhtmlと同じ書き方にしてる
cssは外に追いやった
sassが使いやすいし、そもそもjsファイルの中にstyle書くとファイルが長くなる
あとcssがコンポーネント単位でしか使えないのと、わざわざ他のコンポーネントのpropsに渡さないといけないし
階層構造も作れないからstyleはこれまで同様に外でcssで書くべきじゃないかな ブログ本文や記事みたいな文書も
コンポーネントの中に入れるのは不自然 Reactに関しては半年以上前の記事はもう古いから見ても今の最新の環境では使えないことも多い
その代わり自分で調べたりgithubのソース眺めたりするようになるからかなり勉強にはなる ただし勉強して得た知識は、半年で古いものになってしまう 公式のブログとドキュメント見ておけば取り残されることはない
特にブログは更新に関して大事なトピックス書いてるからチェックは必須
vueが勢いあるけどReactがFacebookやインスタで自社商用利用しているのとはわけが違うからしばらくはReactで様子見
ReactはFacebookと運命共同体という安心感がでかい
小さいプロダクトでvueを試しておきたいが個人的にまだ機会がない Reactはとにかくめんどくさい
ブラウザの履歴すら自分で管理しないといけないから、前のページでやり残したことがあると
次のページにそれらが残ってバグを簡単に作ってしまう
大規模サイトでやるべき、というけど簡単にバグを出すから複数人でReactを使うとものすごく険悪な雰囲気になる
Reactは一人で使うべき 高いレベルが必要です。と言われても困るわけだがw
レベルが高い低いかじゃなくて、作業が増えるか減るかで考えましょうや
Reactにすると、作業が増えますよね? ReactにするとjQueryより作業が減るけど? 例えばどんなことをやってくれるの?
ライブラリじゃできないこと? pushstateもまたreactと関係ないがな
お前がreactと関係ないpushstate使おうとして分からなくてreactのせいにしてるだけ。
こういうすべて一体になってる前提の的はずれ批判するのはrailsやangularユーザーに多い。 >>26
必要もないのにSPAにして難しーっていってるだけじゃねw スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか?
必要がないのだとしたらwebアプリケーションを作った経験がない
ペライチ(ランディングページ)しか作ったことがないHTMLコーダーってことだよね?
web制作って静的HTML限定なの?
フロントエンドエンジニア
バックエンドエンジニア
もいるものだと思ってたが違ったのか… > スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか?
※ただしスマホアプリとして利用してもらう場合に限る
って書かないと駄目でしょ。
ほとんどのサイト運営者は、スマホアプリとして利用してもらおう
なんて考えてないんだから、レアケースだよそれは > web制作って静的HTML限定なの?
限定ではないが大半
> フロントエンドエンジニア
> バックエンドエンジニア
ほとんどのサイトは、バックエンドはウェブサーバーのみ
もしくはブログ動かすのに必要なMySQLが追加で必要なぐらい
フロントエンドの殆どは、そこでウェブサーバー(+MySQL)で
動かすHTMLとブログ運営者なので
エンジニアと呼べるレベルが必要なのはレアケース SPAはバックエンドから取得したデータをきちんとjsで管理しないといけない
当たり前だがjsもメモリリークは存在するから不要なメモリはしっかりと破棄しないとモッサリになるからな
そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた >>31
>ほとんどのサイト運営者は、スマホアプリとして利用してもらおうなんて考えてないんだから
流石にこれはないわ
ビジネスモデルが広告のサイト運営だと60%くらいがスマホからのアクセス
PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番だぞ
なんせPCと違い広告クリック率がスマホは段違いに良いので無視するのはありえない >>33
> そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた
意味がわからん。客からの要求がHTMLとCSSで作れるものなのに
なんでJavaScriptを使わなきゃならんのだ?
手段と目的が逆になってるだろ。
JavaScript使うのが目的だーになってるだろ? >>34
> ビジネスモデルが広告のサイト運営だと60%くらいがスマホからのアクセス
スマホサイトからのアクセスですよ?
スマホアプリからのアクセスじゃない。
あなた、区別ついてないですよね? 「うちのサイトは60%がスマホからのアクセスです」
バカ社長「ということは、スマホアプリにしてインストールしてもらえば
もっとスマホからアクセスが増えるのではないかね」
「いえ、スマホアプリをインストールする人は少ないし、
仮にインストールするにしても、今スマホサイトからアクセスしてる人が
アプリからのアクセスに変わるだです。
そもそもうちのサイトにアクセスしない人はインストールしません。
なのでアクセスの総量は変わりません」
バカ社長「PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番って聞いたぞ」
「たんなる営業です」 まあ去年Googleのエンジニアがイベントで日本来たときPWAの定義聞かれてそんなものはない単なるマーケティング用語だ言っちゃったからなw
サービスワーカーとかwebappマニフェストとかpushapiとか個々の技術用語でやって欲しいよ。 >>35
別にお前に向けて言ってないから勘違いすんな >>40
俺がお前に向けていってるんだよ
俺のレスに反対意見がないなら黙ってろ >>41
htmlとcssしかできないカスに用はない >>42
やっぱり手段が目的となってるんだな
客からの要望を実現するのにHTMLとCSSで十分なんだからJavaScriptは使う必要はない
使ったとしてもアクセス解析入れるぐらいだ >>43
だからてめええうぜえええええ
htmlとcssだけの客の話などしてねえんだよ!
気持ち悪りぃからレスすんな頭わりぃな!!!
勝手にてめえだけでやっとれ!!! >>44
俺がレスすることは止められない
文句あるなら5ちゃんねる管理人にでもお願いしたら?
世の中のサイトの大半がHTMLとCSS、そして
わずかのJavaScriptでできてるのだから
Reactなんて不要 まあ、あれだ。負け犬がこのスレから出ていくってことで
いいじゃないか?w >>45
脳みそがバカだとほんと困るよな
お前のことだ
誰がhtmlとcssだけで完結するヘボサイトのこと言ったんだよ?
テメーには必要ねえんだからテメーは一生htmlでオナってろ!!!
まあどうせ理解すらできないバカだから吠えてるだけなんだろうがwwwwwwwwwwwww >>47
その理屈で言って、Reactが必要ないサイトばかりあるということだよ。
あ、Reactが必要ないものは、ヘボサイトなんだ。そうなんだー、でしたっけ?w
大変ですね。Reactを売りつけるために、既存のサイトに喧嘩を売るのは(苦笑) >>48
お前がReact使えないのはよくわかった
バカで無能でクズで人間として底辺の中の底辺だから習得することもできないのだろう
脳みそがサル並ってかわいそうだがお前の親や先祖から受け継いだバカなDNAだから大切にしとけwww なんどReact使う用途なんて殆ど無いって言ってるのに
俺が使えないこと誤読するんだなw
目悪いのか?それとも悪いのは頭か?
データ見りゃ明らかだろ
React使うサイト減ってるんだぞ
Usage Trend
https://w3techs.com/technologies/history_overview/javascript_library/all/y
React: 2017年1月 なし、2018年1月 0.5%、2019年1月 0.2%
Market Share Trend
https://w3techs.com/technologies/history_overview/javascript_library/ms/y
React: 2017年1月 なし、2018年1月 0.7%、2019年1月 0.2% あーjquery房のお前か
毎年死ぬまでやっとれwwww そりゃまあ、jQueryはずーっと続くんだから
毎年死ぬまでやることになるだろうな
それをお前は認めたわけか Reactはいずれモバイルアプリが競合するんであって既存のページだけ表示すればいいブログやニュースサイトはこれからもHTMLでやればいいんだよ
Facebook、インスタ、Twitter、LINEの一部が採用しているように状態を持って快適処理することに力を発揮するんだから
ReactにしてもVueやポリマー?とかいうGoogleのフレームワークにやられるかもしれないしまあいつでも移れる準備だけしておけばいいのさ モバイルアプリと競合というのは今WebView使ってるものや特にネイティブAPIを必要としない軽量アプリね
Webアプリが一番になることはないけどPWAによって一定のシェアは取る
同じアプリをいちいち個別の言語で作るよりWebアプリ1つ作ったほうがコストと品質の両面で圧倒的に有利だからな で、またアプリアプリうるさいカスがいるが
アプリ開発はネイティブ言語でやればいいし
実際どこもネイティブに移行してる
結局OSの機能を使いこなそうと思ったらそれしか選択肢がない
ウェブサイトはHTMLとCSSとわずかなJavaScriptでいい
Reactとか使う意味ないんだよ WebViewを使ってるアプリはいくつもあるが
殆どはアップデートの通知とか、告知とかヘルプとかで
メインの機能としては使わないんだよな
アプリを更新することなく、HTMLで書いた最新情報を
見せるために使っている >>56
> 同じアプリをいちいち個別の言語で作るよりWebアプリ1つ作ったほうがコストと品質の両面で圧倒的に有利だからな
でもさ、ネイティブアプリと全く同じものを
ブラウザで見れるものなんて無いよね? >>59
全く同じものを求めるならネイティブ当然
けどLINEの各種アプリ使ってやっぱりネイティブじゃないとだめと思う?
うちはモバイル、デスクトップ、ブラウザとそれぞれ作ってたからかなりコストもったいなかったがPWAのWeb試作したら効果絶大
Safariの対応が対応進んで本採用になったら各プラットフォームエンジニアは別の食いぶち見つけないとやばいwww pure react で `<select>` を使う
https://qiita.com/noobar/items/44046425daae9771cc8d
↑を参考にしてるんですが、reactで<optgroup>を使うにはどうしたら良いんですか?
なんか冗長過ぎて、Reactがオワコンになるのも当然だって思ってしまいました >>60
> けどLINEの各種アプリ使ってやっぱりネイティブじゃないとだめと思う?
ネイティブじゃないと駄目だろうね
だからそこLINEもネイティブにしてるんだし、議論の余地はない Reactの問題点は、単一のソースでAndroid、iOSで動くスマホアプリは作れるが、
ブラウザで動くウェブアプリは作れないってところなんだよ。
なんでかって?理由は単純
React公式に同一ソースでブラウザで動かす機能がないから
だから>>60が嘘だってすぐに分かる jQueryだとこんなに簡単に<optgroup>が使えます。
https://jqueryui.com/selectmenu/
HTMLは純粋なHTMLで、仮にJavaScriptが動かなくても
フォームは動作するでしょう
なんでReactはこんなことすらできない物なったんですか? >>63
それはReactNativeでそんな話は一切してない
twitter pwaでググってtwitterの今までの動きを復習すべしw >>65
Twitter Liteの話してる?
Liteって書いてあるように制限版だし
PC版とは別に作るのが良いって判断だろうね
それにスマホアプリはネイティブアプリだし そもそもじゃあTwitterと同じようなことをしているサイトは他にいくつあるか?って
いったら無いでしょ?その結果がシェア0.2%だよ >>67
知ってるのはアベマTVとクックバッドだな
その他のYahooや価格コムあたりもやってるはずなんだが老舗の有名サービス改修までには及んでないね
状態を持つアプリを作るときにSPAは本領を発揮するから万能ではないし敷居も少し高めだからシェア低いのはしゃあないな
今はVueが注目を集めてるしPWAが出てきた以上何らかのSPAは一定の需要があるはず >>68
これPythonやJavaScriptやJavaでやってみたけど年末前から全部急落してるから怪しい
ただし唯一Vueだけが伸びてたからReact超えしたVueがやばいかもしれんw >>69
そういうコンテンツが充実しているサイトぐらいなんだよな
意味があるのって。
もしブラウザで見てるときにアプリインストールしてくださいって
でたらうぜーってなる。YAHOOとか >>70
vueはすごいよね。
Googleトレンド開始の2004年から一定の人気を保っている
https://trends.google.co.jp/trends/explore?date=all&q=vue
あ、皮肉だよ?w >>71
facebook用に生み出されたものだから滞在時間の長いアプリ的な使い方に最適化されてるからね
ニュースサイトのような1ページの表示が多いケースだとクライアント側でJavaScriptレンダーなんて時間の無駄
Strutsでサーバーで状態管理した経験者としてはSPAでコンテンツ配って後は各クライアントに任せるのはいい時代になったと思うw うん。利用パターンはわかった。というか最初からわかっている。
最初からそういうのが必要なサイトは少ないという話をしてるんだよ
本当に数えるほどしか無い。 >>70
vueの星の半分は中国人でできていますw >>8
犯罪者のいないクリーンな刑務所を目指すべきでは。 vue使ってみたらよくある処理がめちゃめちゃ短く書けてワロタ
こりゃjqueryオワコンだわ そのよくある処理をなぜここに書かないのか?
まあそうりゃそうでしょね(笑) >>89
こんな感じ。一部の使っていた人が惰性で使ってるってだけじゃないかな?
https://w3techs.com/technologies/history_overview/javascript_library/all/y
2018年1月 0.5%
2019年1月 0.2% (脱React)
2020年1月 0.3%
2020年5月 0.3% >>91
まあそのとおりではあるんだけど、注目すべき所は
1. 少ないのはいいとしても、増えてすらないない
2. jQueryは今年1月から0.4%増えている(昨年は0.5%増加、去年は0.6%増加)
3. Noneは0.3%減っている
ってことなんだよね。結局未だにJavaScriptライブラリを使ってないところが
jQueryを使いだしている流れは止まっていない ReactやVue使うようなサイト制作ってごくごく限られてるように思うのだが SPA作る時じゃないとあまり意味がない
そしてSPA作る機会なんてほとんどない jQueryのシェアが異常に増えてる。たった1ヶ月で1年分以上の増えてる。何があったんだ?
https://w3techs.com/technologies/history_overview/javascript_library/all
ここ数年は1ヶ月で0.1%、1年でようやく1%ぐらいしか伸びていなかったんだが
なぜか5月から6月にかけて1ヶ月で1%以上も増えてる
逆に減ったのはJavaScriptライブラリを使ってないサイト コロナで暇だった人はReactなんてやらないってことかw Ruby on Rails では、Stimulus が多い。
data-属性で指定する、規約だけのフレームワーク。
ビジネスロジック・HTML の組み立ては、サーバー側だけ
一方、React, Vue.js を使うと、
ビジネスロジックが、クライアント側にも分かれてしまうのが難点
SPA には、Turbolinks という、Pjax(History API のpushState + Ajax)を使う。
Bootstrap を使うには、jQuery, Popper.js が必要
日本では、Rails の1強だから、
ひょっとして、この組み合わせのページが増えているかも 都内以外だとRailsは死にかけてる
都内ですら採用してるのはスタートアップ系のごく一部だけ
1強とはいったい…