2ch勢いランキング 全部 1- 最新50

2018年 は 脱React の年だった。 オワコン React


Name_Not_Found [sage] 2018/12/27(木) 12:00:49.55ID:???
2017〜2018年に突如出現したReactは
2018年の間にシェアを大きく減らした
2018年は、脱Reactの年だった。オワコンReact

Usage Trend
ttp://https://w3techs.com/technologies/history_overview/javascript_library/all/y
React: 2017年1月 なし、2018年1月 0.5%、2019年1月 0.2%

Market Share Trend
ttp://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日現在のデータ
Name_Not_Found [sage] 2018/12/27(木) 12:18:40.52ID:???
毎年のようにフレームワークが変わって
フロントエンド(笑)は大変だなぁw
Name_Not_Found [] 2018/12/27(木) 20:32:07.06:Oj3p2m5c
jqueryしか触らないことにしてる
どうせSPAとか縁遠い世界の話だし
Name_Not_Found [sage] 2018/12/28(金) 19:40:44.78ID:???
フロントエンドってなんでこんなにツール変わるの?バカなの?
Name_Not_Found [sage] 2018/12/31(月) 13:55:18.37ID:???
「関心の分離」と言い訳してるがJSX記法は無理だわ
JavaScriptの中にHTML埋め込むのは生理的に受け付けない

HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
密結合させて可読性下げるだけの愚行
単一ファイルコンポーネントにvue拡張子ファイルで分離するvue.jsが伸びるのは必然だろう
Name_Not_Found [sage] 2018/12/31(月) 18:17:05.17ID:???
確かにコンポーネント単位で密結合にしてるんだがその引き合いに出すのがよりによってコンポーネント単位で1ファイルにまとめるvueファイル形式とはね笑
Name_Not_Found [sage] 2018/12/31(月) 18:57:44.40ID:???
javascriptにHTMLを密結合してるJSXと
ファイル内で明確にテンプレート スコープドCSS Javascriptで別れてる(疎結合)なVueは違うじゃん
Name_Not_Found [sage] 2018/12/31(月) 19:06:58.59ID:???
密結合だ密結合だ!っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。
その結果のコンポーネント見て密結合なのは当たり前。
刑務所見学に行って犯罪者で一杯だ!って喚いてるようなもん。
何を主張したいのかサッパリ分からない。
Name_Not_Found [sage] 2018/12/31(月) 19:23:59.68ID:???
>HTMLタグ内にstyle属性いれてCSS書き込むようなものじゃん
この1文で理解できないならもう何もいうことはない
ソースの可読性が悪い
Name_Not_Found [] 2018/12/31(月) 22:54:21.10:lP59Fgg4

> 密結合だ密結合だ!っていうけどそりゃその通り。密結合にしていい単位でコンポーネントに分割せよってのがreactなんだから。

普通のネイティブアプリならそれで良いかもしれないけど、
ウェブの場合、いろんなOSで動かすから
特定のOSのインターフェースにはできないんですよ

つまりサイトごとにデザインが違っていて、
コンポーネントとデザインは分離するのが常識なんですよ

CSSを密結合にしてはいけない

HTMLに関しても、JavaScriptが動かないブラウザでも
見れるようにするべきなのだから、分離しなければいけない
Name_Not_Found [sage] 2019/01/01(火) 03:26:47.37ID:???
じゃ分離すれば?
cssinjsやstyledcomponentの採用は任意だよ。reactと直接関係ない。
真鯛にしょうゆつけて食ってしょうゆはダメだ塩じゃなきゃと喚いてるのと同じ。
そこに塩があるぞ。勝手に使え。
Name_Not_Found [sage] 2019/01/01(火) 04:44:56.58ID:???
cssinjsやstyledcomponentを採用しないならReactを使う意味がない
普通にHTMLとCSSとjQueryを使ったほうが良い
Name_Not_Found [sage] 2019/01/01(火) 05:26:33.15ID:???
このスレ、意味わからない例えするおじさんいるの?
Name_Not_Found [sage] 2019/01/01(火) 05:33:25.38ID:???
それはおまえだぁ
Name_Not_Found [sage] 2019/01/01(火) 08:15:27.26ID:???
コンポーネント単位にしてるけどjsxとはいえほぼhtmlと同じ書き方にしてる
cssは外に追いやった
sassが使いやすいし、そもそもjsファイルの中にstyle書くとファイルが長くなる

あとcssがコンポーネント単位でしか使えないのと、わざわざ他のコンポーネントのpropsに渡さないといけないし
階層構造も作れないからstyleはこれまで同様に外でcssで書くべきじゃないかな
Name_Not_Found [sage] 2019/01/01(火) 09:36:41.24ID:???
ブログ本文や記事みたいな文書も
コンポーネントの中に入れるのは不自然
Name_Not_Found [sage] 2019/01/01(火) 12:38:30.49ID:???
Reactに関しては半年以上前の記事はもう古いから見ても今の最新の環境では使えないことも多い

その代わり自分で調べたりgithubのソース眺めたりするようになるからかなり勉強にはなる
Name_Not_Found [sage] 2019/01/01(火) 12:53:41.26ID:???
ただし勉強して得た知識は、半年で古いものになってしまう
Name_Not_Found [sage] 2019/01/01(火) 13:28:44.40ID:???
公式のブログとドキュメント見ておけば取り残されることはない
特にブログは更新に関して大事なトピックス書いてるからチェックは必須

vueが勢いあるけどReactがFacebookやインスタで自社商用利用しているのとはわけが違うからしばらくはReactで様子見
ReactはFacebookと運命共同体という安心感がでかい
小さいプロダクトでvueを試しておきたいが個人的にまだ機会がない
Name_Not_Found [sage] 2019/01/01(火) 14:41:42.96ID:???
Reactはとにかくめんどくさい
ブラウザの履歴すら自分で管理しないといけないから、前のページでやり残したことがあると
次のページにそれらが残ってバグを簡単に作ってしまう

大規模サイトでやるべき、というけど簡単にバグを出すから複数人でReactを使うとものすごく険悪な雰囲気になる
Reactは一人で使うべき
Name_Not_Found [sage] 2019/01/02(水) 04:22:50.12ID:???
それはあなたのレベルが低いだけの話では
Name_Not_Found [sage] 2019/01/02(水) 09:38:20.89ID:???
高いレベルが必要です。と言われても困るわけだがw

レベルが高い低いかじゃなくて、作業が増えるか減るかで考えましょうや
Reactにすると、作業が増えますよね?
Name_Not_Found [sage] 2019/01/02(水) 09:43:31.48ID:???
ReactにするとjQueryより作業が減るけど?
Name_Not_Found [sage] 2019/01/02(水) 09:43:46.53ID:???
だってReactがなんでもやってくれるから
Name_Not_Found [sage] 2019/01/02(水) 10:13:33.49ID:???
例えばどんなことをやってくれるの?

ライブラリじゃできないこと?
Name_Not_Found [sage] 2019/01/02(水) 11:44:24.62ID:???
SPAのルーティングとかjQueryじゃできない
Name_Not_Found [sage] 2019/01/02(水) 13:24:33.52ID:???
pushstateもまたreactと関係ないがな
お前がreactと関係ないpushstate使おうとして分からなくてreactのせいにしてるだけ。
こういうすべて一体になってる前提の的はずれ批判するのはrailsやangularユーザーに多い。
Name_Not_Found [sage] 2019/01/02(水) 14:39:12.29ID:???
誰にむかってイキってるんだよ?笑
Name_Not_Found [sage] 2019/01/03(木) 01:15:33.64ID:???

必要もないのにSPAにして難しーっていってるだけじゃねw
Name_Not_Found [sage] 2019/01/03(木) 02:19:11.79ID:???
スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか?
必要がないのだとしたらwebアプリケーションを作った経験がない
ペライチ(ランディングページ)しか作ったことがないHTMLコーダーってことだよね?

web制作って静的HTML限定なの?
フロントエンドエンジニア
バックエンドエンジニア
もいるものだと思ってたが違ったのか…
Name_Not_Found [sage] 2019/01/03(木) 05:09:52.44ID:???
> スマホアプリとして利用してもらうためにSPA化するのは必須じゃないか?

※ただしスマホアプリとして利用してもらう場合に限る

って書かないと駄目でしょ。
ほとんどのサイト運営者は、スマホアプリとして利用してもらおう
なんて考えてないんだから、レアケースだよそれは
Name_Not_Found [sage] 2019/01/03(木) 05:12:09.30ID:???
> web制作って静的HTML限定なの?

限定ではないが大半

> フロントエンドエンジニア
> バックエンドエンジニア
ほとんどのサイトは、バックエンドはウェブサーバーのみ
もしくはブログ動かすのに必要なMySQLが追加で必要なぐらい

フロントエンドの殆どは、そこでウェブサーバー(+MySQL)で
動かすHTMLとブログ運営者なので
エンジニアと呼べるレベルが必要なのはレアケース
Name_Not_Found [sage] 2019/01/03(木) 11:15:24.14ID:???
SPAはバックエンドから取得したデータをきちんとjsで管理しないといけない
当たり前だがjsもメモリリークは存在するから不要なメモリはしっかりと破棄しないとモッサリになるからな

そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた
Name_Not_Found [sage] 2019/01/03(木) 15:33:22.66ID:???

>ほとんどのサイト運営者は、スマホアプリとして利用してもらおうなんて考えてないんだから
流石にこれはないわ
ビジネスモデルが広告のサイト運営だと60%くらいがスマホからのアクセス
PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番だぞ
なんせPCと違い広告クリック率がスマホは段違いに良いので無視するのはありえない
Name_Not_Found [sage] 2019/01/03(木) 21:47:22.08ID:???

> そういう意味でフロントはhtmlとcssだけやれていればいいという時代はとっくに過ぎた

意味がわからん。客からの要求がHTMLとCSSで作れるものなのに
なんでJavaScriptを使わなきゃならんのだ?

手段と目的が逆になってるだろ。
JavaScript使うのが目的だーになってるだろ?
Name_Not_Found [sage] 2019/01/03(木) 21:48:03.33ID:???

> ビジネスモデルが広告のサイト運営だと60%くらいがスマホからのアクセス

スマホサイトからのアクセスですよ?
スマホアプリからのアクセスじゃない。

あなた、区別ついてないですよね?
Name_Not_Found [sage] 2019/01/03(木) 21:57:48.87ID:???
jqueryだけで十分
Name_Not_Found [sage] 2019/01/03(木) 21:59:25.68ID:???
「うちのサイトは60%がスマホからのアクセスです」

バカ社長「ということは、スマホアプリにしてインストールしてもらえば
もっとスマホからアクセスが増えるのではないかね」

「いえ、スマホアプリをインストールする人は少ないし、
仮にインストールするにしても、今スマホサイトからアクセスしてる人が
アプリからのアクセスに変わるだです。
そもそもうちのサイトにアクセスしない人はインストールしません。
なのでアクセスの総量は変わりません」

バカ社長「PWA化してスマホのアプリ一覧に入れてもらうのが2019年の定番って聞いたぞ」

「たんなる営業です」
Name_Not_Found [sage] 2019/01/04(金) 03:41:52.94ID:???
まあ去年Googleのエンジニアがイベントで日本来たときPWAの定義聞かれてそんなものはない単なるマーケティング用語だ言っちゃったからなw
サービスワーカーとかwebappマニフェストとかpushapiとか個々の技術用語でやって欲しいよ。
Name_Not_Found [sage] 2019/01/04(金) 07:30:34.34ID:???

別にお前に向けて言ってないから勘違いすんな
Name_Not_Found [sage] 2019/01/04(金) 09:24:52.37ID:???

俺がお前に向けていってるんだよ
俺のレスに反対意見がないなら黙ってろ
Name_Not_Found [sage] 2019/01/04(金) 10:55:18.65ID:???

htmlとcssしかできないカスに用はない
Name_Not_Found [sage] 2019/01/04(金) 11:58:25.69ID:???

やっぱり手段が目的となってるんだな
客からの要望を実現するのにHTMLとCSSで十分なんだからJavaScriptは使う必要はない
使ったとしてもアクセス解析入れるぐらいだ
Name_Not_Found [sage] 2019/01/04(金) 13:38:05.30ID:???

だからてめええうぜえええええ
htmlとcssだけの客の話などしてねえんだよ!
気持ち悪りぃからレスすんな頭わりぃな!!!
勝手にてめえだけでやっとれ!!!
Name_Not_Found [sage] 2019/01/04(金) 14:54:06.11ID:???

俺がレスすることは止められない
文句あるなら5ちゃんねる管理人にでもお願いしたら?

世の中のサイトの大半がHTMLとCSS、そして
わずかのJavaScriptでできてるのだから
Reactなんて不要
Name_Not_Found [sage] 2019/01/04(金) 14:55:02.86ID:???
まあ、あれだ。負け犬がこのスレから出ていくってことで
いいじゃないか?w
Name_Not_Found [sage] 2019/01/04(金) 15:32:12.58ID:???

脳みそがバカだとほんと困るよな
お前のことだ

誰がhtmlとcssだけで完結するヘボサイトのこと言ったんだよ?
テメーには必要ねえんだからテメーは一生htmlでオナってろ!!!
まあどうせ理解すらできないバカだから吠えてるだけなんだろうがwwwwwwwwwwwww
Name_Not_Found [sage] 2019/01/04(金) 15:46:46.14ID:???

その理屈で言って、Reactが必要ないサイトばかりあるということだよ。

あ、Reactが必要ないものは、ヘボサイトなんだ。そうなんだー、でしたっけ?w
大変ですね。Reactを売りつけるために、既存のサイトに喧嘩を売るのは(苦笑)
Name_Not_Found [sage] 2019/01/04(金) 16:00:00.12ID:???

お前がReact使えないのはよくわかった
バカで無能でクズで人間として底辺の中の底辺だから習得することもできないのだろう
脳みそがサル並ってかわいそうだがお前の親や先祖から受け継いだバカなDNAだから大切にしとけwww
Name_Not_Found [sage] 2019/01/04(金) 16:10:03.39ID:???
なんどReact使う用途なんて殆ど無いって言ってるのに
俺が使えないこと誤読するんだなw
目悪いのか?それとも悪いのは頭か?

データ見りゃ明らかだろ
React使うサイト減ってるんだぞ

Usage Trend
ttp://https://w3techs.com/technologies/history_overview/javascript_library/all/y
React: 2017年1月 なし、2018年1月 0.5%、2019年1月 0.2%

Market Share Trend
ttp://https://w3techs.com/technologies/history_overview/javascript_library/ms/y
React: 2017年1月 なし、2018年1月 0.7%、2019年1月 0.2%
Name_Not_Found [sage] 2019/01/04(金) 16:10:50.17ID:???
Reactブームは1年で去ったな。ご愁傷さまw
Name_Not_Found [sage] 2019/01/04(金) 18:19:12.55ID:???
あーjquery房のお前か
毎年死ぬまでやっとれwwww
Name_Not_Found [sage] 2019/01/04(金) 18:22:47.68ID:???
そりゃまあ、jQueryはずーっと続くんだから
毎年死ぬまでやることになるだろうな
それをお前は認めたわけか
Name_Not_Found [sage] 2019/01/04(金) 18:42:05.68ID:???
Reactはいずれモバイルアプリが競合するんであって既存のページだけ表示すればいいブログやニュースサイトはこれからもHTMLでやればいいんだよ
Facebook、インスタ、Twitter、LINEの一部が採用しているように状態を持って快適処理することに力を発揮するんだから
ReactにしてもVueやポリマー?とかいうGoogleのフレームワークにやられるかもしれないしまあいつでも移れる準備だけしておけばいいのさ
Name_Not_Found [sage] 2019/01/04(金) 18:42:11.91ID:???
棺桶に入るその日まで確実にやれよ
Name_Not_Found [sage] 2019/01/04(金) 18:45:30.54ID:???
モバイルアプリと競合というのは今WebView使ってるものや特にネイティブAPIを必要としない軽量アプリね
Webアプリが一番になることはないけどPWAによって一定のシェアは取る
同じアプリをいちいち個別の言語で作るよりWebアプリ1つ作ったほうがコストと品質の両面で圧倒的に有利だからな
Name_Not_Found [sage] 2019/01/04(金) 18:56:16.57ID:???
で、またアプリアプリうるさいカスがいるが

アプリ開発はネイティブ言語でやればいいし
実際どこもネイティブに移行してる
結局OSの機能を使いこなそうと思ったらそれしか選択肢がない

ウェブサイトはHTMLとCSSとわずかなJavaScriptでいい
Reactとか使う意味ないんだよ
Name_Not_Found [sage] 2019/01/04(金) 19:02:25.15ID:???
WebViewを使ってるアプリはいくつもあるが
殆どはアップデートの通知とか、告知とかヘルプとかで
メインの機能としては使わないんだよな

アプリを更新することなく、HTMLで書いた最新情報を
見せるために使っている
Name_Not_Found [sage] 2019/01/04(金) 19:03:37.83ID:???

> 同じアプリをいちいち個別の言語で作るよりWebアプリ1つ作ったほうがコストと品質の両面で圧倒的に有利だからな

でもさ、ネイティブアプリと全く同じものを
ブラウザで見れるものなんて無いよね?
Name_Not_Found [sage] 2019/01/04(金) 19:22:32.37ID:???

全く同じものを求めるならネイティブ当然
けどLINEの各種アプリ使ってやっぱりネイティブじゃないとだめと思う?
うちはモバイル、デスクトップ、ブラウザとそれぞれ作ってたからかなりコストもったいなかったがPWAのWeb試作したら効果絶大
Safariの対応が対応進んで本採用になったら各プラットフォームエンジニアは別の食いぶち見つけないとやばいwww
Name_Not_Found [sage] 2019/01/04(金) 19:22:43.44ID:???
pure react で `<select>` を使う
ttp://https://qiita.com/noobar/items/44046425daae9771cc8d

↑を参考にしてるんですが、reactで<optgroup>を使うにはどうしたら良いんですか?
なんか冗長過ぎて、Reactがオワコンになるのも当然だって思ってしまいました
Name_Not_Found [sage] 2019/01/04(金) 19:23:49.79ID:???

> けどLINEの各種アプリ使ってやっぱりネイティブじゃないとだめと思う?
ネイティブじゃないと駄目だろうね
だからそこLINEもネイティブにしてるんだし、議論の余地はない
Name_Not_Found [sage] 2019/01/04(金) 19:25:57.83ID:???
Reactの問題点は、単一のソースでAndroid、iOSで動くスマホアプリは作れるが、
ブラウザで動くウェブアプリは作れないってところなんだよ。

なんでかって?理由は単純
React公式に同一ソースでブラウザで動かす機能がないから
だからが嘘だってすぐに分かる
Name_Not_Found [sage] 2019/01/04(金) 19:32:57.09ID:???
jQueryだとこんなに簡単に<optgroup>が使えます。
ttp://https://jqueryui.com/selectmenu/

HTMLは純粋なHTMLで、仮にJavaScriptが動かなくても
フォームは動作するでしょう

なんでReactはこんなことすらできない物なったんですか?
Name_Not_Found [sage] 2019/01/04(金) 19:58:22.06ID:???

それはReactNativeでそんな話は一切してない
twitter pwaでググってtwitterの今までの動きを復習すべしw
Name_Not_Found [sage] 2019/01/04(金) 23:38:25.04ID:???

Twitter Liteの話してる?
Liteって書いてあるように制限版だし
PC版とは別に作るのが良いって判断だろうね
それにスマホアプリはネイティブアプリだし
Name_Not_Found [sage] 2019/01/04(金) 23:39:49.85ID:???
そもそもじゃあTwitterと同じようなことをしているサイトは他にいくつあるか?って
いったら無いでしょ?その結果がシェア0.2%だよ
Name_Not_Found [sage] 2019/01/04(金) 23:55:26.19ID:???
わろえるwww
ttps://i.imgur.com/enJqwJn.png
Name_Not_Found [sage] 2019/01/05(土) 01:20:09.84ID:???

知ってるのはアベマTVとクックバッドだな
その他のYahooや価格コムあたりもやってるはずなんだが老舗の有名サービス改修までには及んでないね
状態を持つアプリを作るときにSPAは本領を発揮するから万能ではないし敷居も少し高めだからシェア低いのはしゃあないな
今はVueが注目を集めてるしPWAが出てきた以上何らかのSPAは一定の需要があるはず
Name_Not_Found [sage] 2019/01/05(土) 01:27:16.07ID:???

これPythonやJavaScriptやJavaでやってみたけど年末前から全部急落してるから怪しい
ただし唯一Vueだけが伸びてたからReact超えしたVueがやばいかもしれんw
Name_Not_Found [sage] 2019/01/05(土) 01:35:58.35ID:???

そういうコンテンツが充実しているサイトぐらいなんだよな
意味があるのって。

もしブラウザで見てるときにアプリインストールしてくださいって
でたらうぜーってなる。YAHOOとか
Name_Not_Found [sage] 2019/01/05(土) 01:38:56.67ID:???

vueはすごいよね。
Googleトレンド開始の2004年から一定の人気を保っている

ttp://https://trends.google.co.jp/trends/explore?date=all&q=vue


あ、皮肉だよ?w
Name_Not_Found [sage] 2019/01/05(土) 02:09:32.77ID:???

facebook用に生み出されたものだから滞在時間の長いアプリ的な使い方に最適化されてるからね
ニュースサイトのような1ページの表示が多いケースだとクライアント側でJavaScriptレンダーなんて時間の無駄

Strutsでサーバーで状態管理した経験者としてはSPAでコンテンツ配って後は各クライアントに任せるのはいい時代になったと思うw
Name_Not_Found [sage] 2019/01/05(土) 02:38:24.93ID:???
うん。利用パターンはわかった。というか最初からわかっている。

最初からそういうのが必要なサイトは少ないという話をしてるんだよ
本当に数えるほどしか無い。
Name_Not_Found [sage] 2019/01/05(土) 07:48:41.45ID:???

じゃあ数えてみろよ?
Name_Not_Found [sage] 2019/01/06(日) 18:49:06.89ID:???

vueの星の半分は中国人でできていますw
Name_Not_Found [] 2019/01/06(日) 18:49:22.74:gpdTq3lb

犯罪者のいないクリーンな刑務所を目指すべきでは。
Name_Not_Found [sage] 2019/02/13(水) 09:44:40.44ID:???
Vue🇨🇳
Name_Not_Found [sage] 2019/03/26(火) 21:38:48.52ID:???
過疎
Name_Not_Found [sage] 2019/04/06(土) 01:24:12.56ID:???
あ?

勢い5万以上のスレをメールでお知らせするサービス、実施中!!
憧れボディをGETしたい!その夢、ボニックで!

2ch勢いランキング 全部 1- 最新50 Web制作板ランキング

凡例:

レス番

100 (赤) → 2つ以上レスが付いている
100 (紫) → 1つ以上レスが付いている

名前

名無しさん (青) → sage のレス
名無しさん (緑) → age のレス

ID

ID:xxxxxxx (赤) → 発言が3つ以上のID
ID:xxxxxxx (青) → 発言が2つ以上のID

このページは2ch勢いランキングが作成したキャッシュです。元のページはこちら。削除についてはこちら