Vue vs React vs Angular Part.4

■ このスレッドは過去ログ倉庫に格納されています
2020/06/11(木) 19:01:45.26ID:uGsh0NQC
実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
※前スレ
Vue vs React vs Angular Part.3
https://mevius.5ch.net/test/read.cgi/tech/1560333895/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
2020/07/27(月) 01:32:36.13ID:PSP0suJc
でもBootstrapはDOM操作をするだろ？
そうするとフレームワークと一緒に使えない
2020/07/27(月) 01:37:23.48ID:c0Q45HfR
>>781
上に挙げてるが
BootstrapVueやReact Bootstrapのようにフレームワークに特化したパッケージもちゃんとある
2020/07/27(月) 02:16:55.64ID:o3qaYBwJ
>>781
わろたｗｗｗ
2020/07/27(月) 02:31:44.31ID:TfnjDE3E
>>778
スレタイのうちどれ使ってるの？
ReactならChakraUI超オススメ。
2020/07/27(月) 05:19:08.57ID:P2Gsimd7
Rails + React + Bootstrap

Bootstrap は、CSS/SASS を知らなくても、簡単に見た目を整えられるから、
GUI に弱い、サーバー側開発者にとって必要

Rails 6.0 からは、Webpack が標準になったから、Node.js も必須

API モードもある。
描画せず、JSON だけで、やり取りする
2020/07/27(月) 06:55:20.10ID:UFheIHQs
>>765
お前のその疑問に>>755が答えと探し方、>>764が確認の仕方を書いてくれてるやん
その感想が探してない、確認していない、認めたくない、ってことの証明になってるよ
2020/07/27(月) 07:43:46.66ID:Mg1HGRsd
>>786
>>755
使われまくってる⇒子供か
いっぱい出てくる⇒子供か
ちょくちょく見かける⇒子供か
求人サイトで〜⇒求人に乗ってる情報なんて極々僅かな割合でしかない
Twitterとか〜⇒事例たったの3つしか挙げられないのか

>>764
アドオン〜⇒ウェブ全体を走査する方法がわからねえだろ少しは考えてレスしてくれ
2020/07/27(月) 08:15:16.74ID:c0Q45HfR
そもそも>>752が見かけないっていうから
どうやってない事を確認したんだ？って話じゃん
2020/07/27(月) 10:42:39.38ID:7YZXD5wT
ぶっちゃけてしまうとね

コンサルの養分です
2020/07/27(月) 12:14:51.29ID:q4lb5yU9
SPAの短所いろいろ書いてSPAって必要なの？って書いたら
批判、炎上するかと思ってたけど予想外にそうならなかった。
SPAに興味ありつつもSPAで開発経験ある人少ないってことだな

SPAは短所もあるからSPAのframework決める前に
SPAでやるかどうかをしっかり考えて決めるべきだと思う。
明らかに向かない用途ってある

SEO以外にもセキュリティ低下とか、開発工期、コスト上昇
JS-SPAなら短いサポート期間とか
2020/07/27(月) 12:35:21.60ID:cUoRU5UD
SPAは目的じゃないからね
ページの一部を動的に変更するならただのJavaScriptでいいし
全体に近いぐらい変更するならページ移動しても大差ない。

それに下手するとSPAにすることでユーザビリティが低下することがある
例えばURLをブックマークに入れてもそのページにたどり着けなかったり
ブラウザの進む、戻るがまともに機能しなかったりする

ユーザビリティの設計は難しくなるのにその設計をしないで
フレームワークを使ったからSPAになりました。
なにも工夫してないけどSPAなら速くなってるんでしょ？なんて
適当にやってる人が大半

ゲームやフォトショップみたいにアプリ（ウェブアプリ）を起動して
そこからデータファイルを読み込んで編集するツールならいいけど
ページ移動が行われるようなSPAはページ設計が重要になってくるのに
それを理解していない
2020/07/27(月) 12:36:04.26ID:q4lb5yU9
>>743
SSRだと更新は差分のみだから速いっていう主張だと思うけど
serverもUAも負荷が高くなければページ全体の更新でも
高速にレンダリングできるでしょう

UA側はPCはもちろん2万円の中華SPでもサクサクページ全体を開ける性能ある。
server側の性能さえ十分確保すれば差分更新かページ更新かは
あんまり問題にならないと思う
793デフォルトの名無しさん
垢版 |
2020/07/27(月) 13:14:37.14ID:q4lb5yU9
>>764
Wappalyzer
Firefoxにいれてみたけどおもしろいな

大手でもSPA web frameworkの採用の少なさに気付いた
React人気と言ってる人多いがReact系のweb frameworkはあまり使われてない
ただのUIのライブラリとしてReactを使ってるだけってところばかり
Twitterもそう

>>708
Googleが作ったというにAngular自社で使ってないのが笑えるな
YouTubeはPolymerしか検出されない

Google MapもSPA framework使ってない
Vanilla JSでゴリゴリ書いてるんだろうな
2020/07/27(月) 13:19:03.18ID:b6SXhPTe
WebサイトみてReactとか使われていないとかいうゴミがいたらオメーの認識が未だに改まってねえからさっさと治せとしか言えない
2020/07/27(月) 13:21:55.01ID:hYUf9ncg
>>794
誰もReact使ってるサイトがゼロとは言っていない。
React使ってるサイトは0.4%程度だと言ってる。
796デフォルトの名無しさん
垢版 |
2020/07/27(月) 13:24:09.61ID:FyobjYdi
ExtJS 使ってた人居る？
2020/07/27(月) 13:28:57.64ID:q4lb5yU9
>>781
メジャーなframeworkで
bootstrap使えないやつないんじゃないか
2020/07/27(月) 13:43:11.84ID:DcqVOXlA
だから言ったじゃん


コンサルの養分なんだよキミタチ
2020/07/27(月) 13:47:44.32ID:Rr+dRFNS
>>792
SSRはサーバー負荷めちゃ高まるから嫌だ
このサーバーレスの御時世では最悪の選択肢1つと言って過言ではない
だいたいサーバーサイドに状態を持たせるとか大昔に逆行してるし
2020/07/27(月) 13:52:43.84ID:TfnjDE3E
つまりGatsby最高！
う〜んマンダムｗｗｗ
2020/07/27(月) 13:56:40.28ID:hYUf9ncg
>>799
サーバーサイドに状態を持たせないで作れるものを言ってみ
例としてオンラインゲームは無理な
2020/07/27(月) 14:01:10.49ID:Rr+dRFNS
>>801
なんでもいいよ
セッション持たないRESTな設計なんて今どき珍しくもない
メモリキャッシュとか言い出しそうだから予め言っとくが
これは高速化のためであってSSRのようにしかたなくリソース食いつぶすゴミとは真反対だからな
2020/07/27(月) 14:04:19.38ID:S26P/GM8
> セッション持たないRESTな設計なんて今どき珍しくもない

HTTPはセッション持たないじゃなくて持てないんですが？
あれあれ？すべてのウェブサイトはサーバーサイドに
状態を持たないって話でいいですか？ｗ
2020/07/27(月) 14:08:52.18ID:S26P/GM8
セッション持たないRESTってなんですかね？
どのユーザーでも同じデータ返すって言ってるんですかね？ｗ
2020/07/27(月) 14:16:28.42ID:O6ncpH5Z
>>804
バカかな
状態持たなくてもリクエスト（パラメータ）に応じて結果変えられるじゃん
RESTではこれが基本
セッションオブジェクトはあまり使わない
2020/07/27(月) 14:19:17.79ID:S26P/GM8
>>805
セッションオブジェクトはリクエスト（パラメータ）に応じて結果変えてるので
サーバーに状態は持っていません

はぁ、仕組みを知らないんだな
フレームワークばっかり使ってるから
そういうアホなこと言うんやで（笑）
2020/07/27(月) 14:20:28.76ID:S26P/GM8
>>805
あとはURLにセッションIDを入れる方式は
セキュリティ的に脆弱なもの扱いだからな
そんなもの提案したら素人だってバレるでｗ
2020/07/27(月) 14:21:53.57ID:O6ncpH5Z
ん？なんか俺おかしなこと言ったか？
2020/07/27(月) 14:24:54.73ID:S26P/GM8
言ってますねｗ　気付いて無いんですねｗ

HTTPの仕組みを知ってるのであれば
状態をもたせるやり方を言ってみ
2020/07/27(月) 14:29:25.84ID:O6ncpH5Z
サーバーにセッションオブジェクト（メモリ）を確保する
セッションオブジェクトに対してセッションIDを発行する
セッションIDリクエストパラメーターやクッキーで維持される
クライアントは複数のリクエストに渡って同じセッションIDをサーバーに渡すので
サーバーはクライアントのリクエストの連続性（セッション）を認識できる
またセッションIDからセッションオブジェクトを引くことでセッションの状態（情報）を継続利用できる

間違っとる？
2020/07/27(月) 14:30:08.08ID:S26P/GM8
>>810
RESTでも同じことをしてる
2020/07/27(月) 14:30:48.23ID:S26P/GM8
ああもしかして、セッションID＝リクエスト（パラメータ）だって知らないのかなｗ
2020/07/27(月) 14:31:03.28ID:S26P/GM8
セッションIDが魔法の技術とか思ってそうｗ
2020/07/27(月) 14:32:52.85ID:O6ncpH5Z
いやRESTはセッション使わない構成多いよ
REST＝関数のイメージ
引数に対して戻り値が返る
引数はリクエストパラメーター、戻り値はレスポンスね
RESTは一問一答で完了するパターンが多い
以前のREST呼び出しの内容な作用されない
だからセッションオブジェクトを使わないと言っている
2020/07/27(月) 14:33:59.07ID:S26P/GM8
http://itdoc.hitachi.co.jp/manuals/3021/3021901610/HCSR0051.HTM
REST APIでは、セッションを使用して、複数のリクエストを同一クライアントによる一連の操作として識別します。
2020/07/27(月) 14:34:05.80ID:O6ncpH5Z
セッションIDはリクエストパラメーターになることはあるけど
リクエストパラメーターがセッションIDということなはならんよ
2020/07/27(月) 14:35:55.62ID:O6ncpH5Z
/add?param1=123&param2=456
この足し算RESTにセッション要るか？
このパラメーターがセッションIDなのか？
2020/07/27(月) 14:36:39.82ID:S26P/GM8
OWASPの"REST Security Cheat Sheet"ではただ一言。「セッションベースのユーザ認証を使え」と書いてある。
https://www.glamenv-septzen.net/view/1350#id55be56

ユーザ認証にはセッション管理を使え、とあり、さらに、セッションIDやAPIキー、ログインIDとパスワード、
トークンなどはURLに含めるな、ともある。
他にもこのページにはRESTスタイルで開発するときのセキュリティ上の注意点が解説されている。英語になるが、
内容的には普通のWebサイトと同じように入力チェック＋出力時のJSON/XMLに合わせたエンコーディング、
CSRF対策などをしてください、という流れ。
また以下のページは、逆にRESTなWeb APIを診断する、pentester向けのガイドとなっている。
クロールできたURLだけでは、全部のREST APIの機能を見れたことにはならない可能性があるので、
ソースコード診断（ホワイトボックステスト）も可能なら実施したい、などとあり、参考になる。
2020/07/27(月) 14:37:32.58ID:S26P/GM8
>>817
だからオンラインゲーム無理ってことですねｗ
820デフォルトの名無しさん
垢版 |
2020/07/27(月) 14:38:15.39ID:ffgSx4MU
>>800
最近Next触り始めたけどドキュメントにやたらSSG推してたから、あながちGatsby最高マンダムなんかもなと思うわ
GatsbyはでもGraphqlと結びついとるから気軽にカスタマイズしようとしたらエラー吐きまくる
2020/07/27(月) 14:38:36.28ID:S26P/GM8
>>817
クライアントだけで実装できるものしか
作れないと言ってます。

お前のやり方ではログインが必要なものは作れません。
オークションサイトは作れないし
ブログの管理をすることもできません。
2020/07/27(月) 14:39:56.60ID:Rr+dRFNS
>>803
ド素人がセッションも知らないのか？
CookieにセッションIdメモってサーバーサイドオブジェクトと紐付けるんだよ
2020/07/27(月) 14:41:27.35ID:S26P/GM8
>>822
お前の理屈は、クッキーの代わりにパラメーターでセッションIDを渡せすという
セキュリティ的に脆弱なセッション管理を実装すれば
サーバーに状態は持ってないことになるんやろ？ｗ
アホやなぁと言ってる
2020/07/27(月) 14:42:38.43ID:O6ncpH5Z
>>821
だからSPAのバックエンドにRESTが適してるんだよ
SPAならクライアント側で状態を持てるんだからサーバー側は関数でいいの
サーバーがセッション管理から解放される
これもSPAのメリットと言えるかもしれないね
2020/07/27(月) 14:43:20.19ID:S26P/GM8
もしかしてパラメーターのキーの名前がsession_idじゃなかったら
サーバーサイドに状態を持たせてないことになるとでも思ってるのか？ｗ
2020/07/27(月) 14:44:06.24ID:S26P/GM8
> SPAならクライアント側で状態を持てるんだからサーバー側は関数でいいの

え？ URLにパラメータとかユーザー名とかパスワードを入れればいいんだから
SPA関係ないじゃんｗ
2020/07/27(月) 14:45:41.88ID:S26P/GM8
クッキーを使えばクライアントに状態を持ってる！
例えばセッションIDをクッキーに入れておけば、
ウェブサイトにアクセスしたときにログインしたことになる！
JavaScriptも不要！古くから使われてるログインの仕組みだ！

みたいな話をされてこ困るんだよなぁ（笑）
2020/07/27(月) 14:48:59.96ID:S26P/GM8
クライアントにしかデータを持ってないと
別のパソコンでログインしてもデータが見れなくなる（笑）

まあそれでいいなら普通のウェブサイトのほうがいいだろうねｗ
HTML+CSS+jQueryで
2020/07/27(月) 15:03:07.49ID:Rr+dRFNS
アホのために説明してやるか

Cookieとサーバーサイドのオブジェクトの紐付けで擬似的にリクエスト間の状態維持を実現する手法がセッションな
従来のシステムではよく使われていたが思ったよりメモリ消費がバカになんねえなぁってことで今はもう廃れた

今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている
そうすれば極僅かなCPUの負荷増でメモリ消費をぐっと抑えることができるようになる
リクエストに乗せたくない重大な機密や大きすぎるデータは永続化層で管理する
これがメモリに乗るのはデータ利用するその時とキャッシュされた時だけ
これでサーバーサイドのリソース効率がだいぶ良くなった
ついでにいうと水平スケールもしやすくなって一石二鳥

SSRはこの時代の流れに逆行してサーバーサイドに大量の状態オブジェクトを生成してクライアントと紐付けて管理するという愚行をおかしてしまっている
SSRの特性上どうしてもﾋビューに関するほとんどの状態をサーバーのメモリ上に確保してクライアントが去りゆくまでずっと維持し続けなければならない
これがどれだけリソース効率が悪い邪悪なアーキテクチャかは猫でもわかるだろう
クラウドファーストなこの御時世ではサーバーサイドのリソース増加はコストに直結する
こんな金食い虫のアーキテクチャではやってられんのだ
2020/07/27(月) 16:01:20.39ID:FzUtUUvl
>>793
ちなみにWappalyzerでは検知出来ないけどReact Developer Toolsなら検知されるパターンもある
多分Webpackの難読化の影響かとは思うが
Amazonの欲しいものリストのページやプライムビデオのページとかそんな感じ
2020/07/27(月) 16:11:00.85ID:A4vSpavl
>>797
AngularはMaterial系が主流だからBootstrapの対応はあんま良くないな
2020/07/27(月) 16:18:49.53ID:SDAq9vDF
>>829
> 今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている

その方式はデータが大量になったときに破綻するので
セッションIDぐらいしか入れない
2020/07/27(月) 16:20:12.25ID:SDAq9vDF
>>829
> SSRはこの時代の流れに逆行してサーバーサイドに大量の状態オブジェクトを生成してクライアントと紐付けて管理するという愚行をおかしてしまっている

SSRとは無関係
2020/07/27(月) 16:22:25.22ID:SDAq9vDF
https://ssr.vuejs.org/ja/

従来の SPA (シングルページアプリケーション) と比べて、SSR の利点は主に次の点にあります:

・検索エンジンのクローラが完全に描画されたページを直接解析するため、SEO が向上します。
現在のところ、Google と Bing は同期的 JavaScript アプリケーションのインデックスを作成できます。
同期がキーワードです。あなたのアプリケーションが読み込み中にスピナが表示され、
Ajax 経由でコンテンツを取得する場合、クローラーはあなたが完了するまで待たないでしょう。
つまり、SEO が重要なページで非同期にコンテンツを取得する場合は、SSR が必要な場合があります。

・特にインターネットの遅さや遅いデバイスでは、コンテンツの再生時間が短縮されます。
サーバで描画されたマークアップは、すべての JavaScript がダウンロードされて表示されるまで待つ必要がないので、
ユーザは完全に描画されたページをすぐに見ることができます。これにより、一般的にユーザーエクスペリエンスが向上し、
コンテンツの所要時間が直接コンバージョン率に関連付けられているアプリケーションにとっては重要になります。
2020/07/27(月) 18:22:17.80ID:TfnjDE3E
>>820
たしかにたいていのことにプラグイン用意されてるからなんとかなってるけどじゃあ自分でgraphQL拡張するプラグイン作れと言われたらウッってなる。
2020/07/27(月) 19:12:49.38ID:UFheIHQs
>>835
Next使ってる？
Gatsbyと比較してそれぞれになんか思うことあったら教えてほしい

Next・Firebase・Stipe他でアプリ作ろうと思ってたけど、仰せの通りGatsbyはプラグインが充実しとるからGatsbyでええやん感が増してるわ
完成形に近いスターターに出会えればGatsbyの方が完成まで早そうやし
2020/07/27(月) 20:05:37.52ID:TfnjDE3E
ごめんNextは使ってない。
あれ基本サーバー側も含めた構成で全部静的配信したかった自分のSSGニーズと合わなかったしあまり検討しなかった。
Gatsbyとは違って個人ユースではなく企業サービスのビルディングブロックといった印象。いろいろいじる前提のプロ向けっぽい。
SSGモードも後付けされたけどだったらGatsbyでいいかなって。

ちなみに >>836 の strapiもfirebaseもプラグインあるね。
strapiのは試したこともある。特に困ることなかったｗｗ
838デフォルトの名無しさん
垢版 |
2020/07/27(月) 20:06:31.68ID:CctcRh4x
全ページSSRにすればJSオフでも見れて快適ですね。
2020/07/27(月) 20:12:01.61ID:0Re8MG/Y
SSRした結果をファイルにキャッシュしておけば
静的ページとほぼ同じでサーバーの負荷も殆どないしね
2020/07/27(月) 20:48:34.75ID:u51QqKbm
SSRを使うよりトップページを静的なS3とかにしたら良くない？
SSLの関係とかで出来ないのかな
2020/07/27(月) 20:51:01.79ID:9y96d1KX
その静的なS3を作るのにSSRを使うんでしょ？
842デフォルトの名無しさん
垢版 |
2020/07/27(月) 21:55:19.91ID:Ri9S2nsL
>>829
馬鹿はお前
パフォのためにコーディングの面倒さを犠牲にして
cookieみたいなヘッダいじったり
暗号化みたいな余計なことするくらいなら
メモリ倍くらいに増強してセッション使うわ
楽だからな。
ローバラがあるならセッションも諦めて全部
DBかローカルストレージのどっちか
とりあえずクッキーはない
2020/07/27(月) 21:59:13.37ID:fnBRfBHK
>>842
お前はもうちょっと世の中を見たほうがいぞ
REST APIはクッキーに暗号化してデータを埋め込む方式だ
どのREST APIもそういう設計になってるはずだ
2020/07/27(月) 22:13:05.38ID:q4lb5yU9
>>840
SEO気にするサイトはトップページだけ
indexされればいいわけじゃないと思うよ
2020/07/27(月) 22:17:35.56ID:fnBRfBHK
>>844
お前いつの時代のエセSEO業者だよｗ

SEOといったらページごとにテーマを決め
そのテーマに絞って内容を書くことでより多くのページを
検索に引っかかるようにするのが常識だろ
2020/07/27(月) 22:37:08.39ID:q4lb5yU9
>>845
なんなの？
2行つながってるわけだがトップページだけやればいいと誤解したのか？

そもそもweb appやSSRの文脈で「テーマに絞って内容を書く」ってアホじゃないの？
web appが動的に生成したpageをどうsearch engineにindexさせるかって話だろ。
staticなcontentsのSEOの話など誰もしていない
2020/07/27(月) 23:18:48.25ID:P2Gsimd7
Ruby on Rails では、未経験者が、1か月で作ったポートフォリオにも、ログイン機能はある

かよちんの動画

【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA

ログイン、投稿、コメント、いいね、検索、マイページ機能

Rails + Bootstrap
Github, Heroku
848デフォルトの名無しさん
垢版 |
2020/07/28(火) 09:14:18.81ID:KJ/jhVY+
>>675
草
Blazorおじおば涙拭けw
2020/07/28(火) 09:29:33.69ID:zKWFaExc
例えばユーザ認証するならFirebaseとか外部サービスに任せればいいだけだろ。。

ってか相変わらずスレチで伸びてるな。SPAって言葉が独り歩きしすぎだよ。
個人的にWEB開発者として重要な変化は、
・リアクティブ
・IDE(VSCode含む)による環境の統一やコード補完
・ホットリロード
この３点だろ。SPAだろうとSSR主体だろうと共通して劇的に楽になった。
あとは作りたいものに合わせてフレームワークなり言語選ぶだけだろ。

大手のサイトにフレームワークが導入されてないとか見たが、jQueryだけなんてサイトは案件的にありえない。
少なくともリアクティブでデータドリブン。どのライブラリを選定するかは大きな違いじゃない。
個々の要素は確実に進歩してるよ。
2020/07/28(火) 10:16:16.19ID:lvYKtUnl
でもほとんどのサイトがSPAだとオーバースペック、UX低下(非SSRの場合)、リソース消費量激増(SSRの場合)、人材不足だから非SPAを選んでるんだよな
複雑なUIをどうしても避けられない高度なSaaS、社内システムなど、ならSPAを採用するメリットはあるかもしれんが、そうでないならデメリットのほうが大きい
2020/07/28(火) 10:44:41.06ID:87VWo28p
>>849
SSRゴミカス野郎にリアクティブやらせたらデータと表示が一致させられなくて死ぬ

>>850
ゴミカス自称フロントエンジニアのゴミのようなUI/UXスキルはどうしようもないほど低レベル
コイツらにまともなUIを作れるわけがない
一生かかってもゴミセンスから抜け出せない
2020/07/28(火) 12:14:03.62ID:q6n5SbdD
VueとかNext.js使ってる人は
結局SPAとしては使わずに、SSRで使ってるということか？
2020/07/28(火) 12:19:12.90ID:Mb4DOiRz
やっぱ社内システムが正解か
2020/07/28(火) 15:27:54.67ID:zKWFaExc
>>852
SPA最大の利点はサーバの負担が軽い事だと思う。
フロントのためのロジック丸ごと省略できるから。
主に製作者側の都合なんだけどね。

例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
バックエンドは完全に共通になるしメンテ楽だわ。

ただ現状、WEBを作る場合ほとんどのケースでNextでSSRが最適解になるなあ。
855デフォルトの名無しさん
垢版 |
2020/07/28(火) 15:55:06.78ID:XpAjM/1U
かわいいときと
https://www.youtube.com/watch?v=zGPsPV24haE
2020/07/28(火) 16:02:20.88ID:3p32kQjL
>>854
デベロッパーだけの都合でもないよ
クラウドのランニングコストを支払う運営の都合でもある
2020/07/28(火) 16:08:18.16ID:6+Fa5W01
>>854
SPA vs サーバーでその処理を行うだったらそのとおりだけど
実際にはサーバーで処理を行うとは限らないんだよ

例えばAjaxを使ってJSONだけ読み取ってローカルの
テンプレートエンジンで処理をする。
マルチページで作るんだからこれはSPAではないよ。
JSONだけ読み取るのは現在のページ（URL）での処理だけ

それでもサーバーの負荷はわずかに減ると思うかもしれないけど
ボトルネックは通常データベースアクセスになるので
単にサーバーのCPUの休み時間が増えるだけ

> 例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
> バックエンドは完全に共通になるしメンテ楽だわ。
それもSPAである必要はないね。JavaScript（Ajax）で作ればいいだけ
2020/07/28(火) 16:10:31.74ID:6+Fa5W01
それにしてもURLが異なれば、通常はJavaScriptの処理も
まるっきり変わってしまうのになんでSPAにしようとしてるんだろうね
単にマルチページ+JavaScript（Ajax=テンプレート+JSON）でいいじゃない？
2020/07/28(火) 16:21:42.86ID:87VWo28p
ここでいうSPAフレームワークはリアクティブなんだよ
ajaxで取得したデータは自分で処理書かないといかんだろが

それとコンポーネント化
これらを理解できねーゴミクズたちが必死に浅い知識でSSR自慢しに来ている
わからねえならあっち行けよ
2020/07/28(火) 16:37:29.84ID:6+Fa5W01
まああれだな。新しい技術ができたら、それは銀の弾丸だとばかりに
それが正しい、それでやるべきだ！といういつもの流れ

そこから一方戻って、というブームがあったんだが実際はどうだろうか？
やりすぎだった。それが全てではない。適材適所だな。と気付いて
ようやく一人前の技術になると思うよ。今はまだブームの段階
2020/07/28(火) 16:40:02.39ID:qSy4jWEn
再利用性、テスタビリティ、クラウドコスト削減
2020/07/28(火) 16:49:49.58ID:3p32kQjL
>>859
リアクティブとSPAは関係ないだろう
マルチページじゃリアクティブできないとでも？
2020/07/28(火) 16:51:19.91ID:3p32kQjL
>>859
コンポーネントもSPAに限った話じゃないし
いにしえのJSFやASPNETですらサポートしてる
他のフレームワークもほとんどすべてがサポートしてるだろう
2020/07/28(火) 16:55:16.95ID:87VWo28p
>>860
ゴミクズの一味はおめえだよ
中身スカスカのレスいらないから
二度と来るな
2020/07/28(火) 16:57:08.31ID:87VWo28p
>>862
うざい
流れ読めねえならレスすんな
2020/07/28(火) 17:02:54.59ID:6+Fa5W01
フレームワークでテストがしやすくなったというのも疑問点が残るよね。
例えばクリックしたら色が変わるってのをどうやってテストをしているのか
書いてみてほしいものだが
2020/07/28(火) 17:26:57.21ID:diSWTXUe
web e2e test sweet とか
web e2e testing framework とかで検索してみたら？
2020/07/28(火) 17:32:31.17ID:6+Fa5W01
テストがやりやすいと言う割に
ググらないといけないと言うねｗ
2020/07/28(火) 17:35:54.49ID:zKWFaExc
>>857
その場合でも各ページの元になるhtmlはサーバが返すだろう？
ルーティングもサーバで処理する。それだとあまり美味しくない。
SPAの利点はWEBサーバのコード不要で静的ファイルを返すだけになり身軽になる事。
クライアントの帯域とコンピューティング予算を利用するスタイルだから、こっちは楽になるのは当然。
APIとDBサーバだけなら開発の負担はぐっと軽くなる。
逆にSPAの限界は、どうやっても肥大するJS。大規模には不向き。

いわゆるマルチページ（初めて聞いたが意味は分かる）が良いならNextでSSRすればいいよ。
どっちが良いという話じゃないし。
2020/07/28(火) 18:01:58.05ID:q6n5SbdD
>>860
Wappalyzerで国内サイトを
40社程度調べたところだが、React-frameworkで
有名らしいNext.jsもGatsbyほとんど使われてない。
Gatsbyに関してはWappalyzerで集計すらされてない。完全ランク外

ブームといえる状態にも来てないと思う。
名前は有名になってるのに導入があまりされてないのは調べてはみたけども
導入する価値がないと考えたサイトが多い証拠なんじゃないかな
2020/07/28(火) 18:11:40.11ID:2t1H/VoS
マルチページという言い方はレトロニムだね
2020/07/28(火) 18:13:16.31ID:OfeQkEiK
>>870
新聞社のサイトで既に動いてるのがあって置き換えると思うか？
大手じゃなく新しいサイトを調べて
2020/07/28(火) 18:19:22.00ID:2t1H/VoS
>>872
劇的にユーザビリティが向上するなら置き換えるのでは？
ようするに大したメリットないってことか
2020/07/28(火) 18:31:52.93ID:3p32kQjL
ほとんどすべてのサイトでは不要かむしろUXを悪化させるんだからSPAなんてものが流行るわけがない
コンサルさんは飯の種になるから必死に広めようとしてるようだけどな
2020/07/28(火) 18:38:12.60ID:diSWTXUe
数学わからないおじさん「数学なんて必要ない！」
英語わからないおじさん「英語なんて必要ない！」
こういう人はいくら必死に必要ない必要ない喚き続けても誰からも尊重されずバカにされてるよｗｗｗ
2020/07/28(火) 18:38:54.39ID:O4fp8d0k
要らないんならこのスレ来なきゃ良いのに
2020/07/28(火) 18:42:44.44ID:diSWTXUe
>>876
不安でしょうがないんでしょｗ
精神的安定を得るため叩くしかないｗ
実際に必要ないとしても知れば恐れることなどないものを。
無知とは恐ろしいねｗｗｗ
2020/07/28(火) 18:45:47.58ID:q6n5SbdD
>>872
基幹業務と違ってWebのフロントは短期間でリニューアルする。
大手ほど資金力あるから制限なくStackを選べる。

日経、朝日、読売新聞を見てみたが
web frameworkすら使われてないじゃないかｗ
読売はWordPressだな、CMS
さすがIT後進国

IT先進国はどうか？NY Times見てみたがSvelte が使われてるな
どうやらSvelte採用のトップクラスサイトだったようだ。

Svelte の公式サイトではReactやVueを
traditional frameworksと表現して暗に時代遅れだと言ってるのが気になる

https://svelte.dev/

SpotifyとかYandexも使ってるな
https://www.wappalyzer.com/technologies/javascript-frameworks/svelte
2020/07/28(火) 19:14:33.13ID:q6n5SbdD
>>856
零細サイトを除いたらランニングコストはオンプレミスのが安いし
クラウド要らない派

クラウドはバックエンドの構築、運用ができない企業が使うものだと思ってる
2020/07/28(火) 19:15:26.80ID:diSWTXUe
日経電子版のマイクロフロントエンドとPWA
https://hack.nikkei.com/blog/rnikkei_microfrontends_pwa/

SSRもやっとる
881デフォルトの名無しさん
垢版 |
2020/07/28(火) 19:15:32.97ID:y6zNnWpS
お前らが提案するフレームワーク名
毎回変わってて草
■ このスレッドは過去ログ倉庫に格納されています
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。
ニューススポーツなんでも実況