- 1 名前：デフォルトの名無しさん mailto:sage [2021/05/23(日) 13:42:32.51 ID:qRfDE337.net]
- Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/
★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。
- 950 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 12:50:45.75 ID:oDjvE5hT.net]
- >>931
要らんと思う
フロントはあくまでAPIクライアント
- 951 名前：デフォルトの名無しさん [2022/01/15(土) 13:49:47.30 ID:GR0VNvzC.net]
- フロントしか開発したことない人が使うには良いんだろうね
バックエンドも触ってる人からみれば分離した方が開発も運用も楽っての当たり前に理解しているし
- 952 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 13:53:38.96 ID:SXry2lpj.net]
- jQuery時代の人なら普通にバックエンドも
プログラミングしてたんだけどね
派手なものを簡単に作れるから
基礎技術ができてない人が多い
- 953 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 14:07:50.12 ID:Jx/A2570.net]
- 別にReactとかじゃなくてもフロント改変なんていくらでもできる
なんならパケット直いじりツール使えばどんなシステムでも変更できるし
- 954 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 16:41:02.38 ID:0b+CARq6.net]
- ちょこちょこNext.jsやFirebaseやった事ないのかズレた事言ってる奴が居るな……
- 955 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 16:49:44.37 ID:SUNY4hKu.net]
- >>931自体がNextを要らないと言っているのかSPAを要らないと言っているのかポイントが絞れてないからじゃね？
- 956 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 18:21:05.07 ID:Wq5Z+JoU.net]
- ついにnext.jsを使うプロジェクトを開始したぞ
ちな俺はサーバーサイドもフロントもガッツリやったことがある
その俺が評価してやんよ
ミスったら俺の首が飛ぶ
- 957 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 19:22:11.97 ID:Ipn+w0vn.net]
- 利用者の体感利便性を考えたら
まずはページ再送出をしないCSR/SPA化が今では必須でしょう
更に最初のアクセスページのためにCSRだけではダメで最低限SSR併用か可能ならSSGが必要
バックエンド開発者もこの変化についてこれない人は
CSRのためのAPI対応しか出来なかったり
もっと古い人はCSR未対応の古きSSRオンリーしか出来なかったりで
なぜ「CSRとほぼ同じコードをSSR/SSGする必要があるのか」さえも理解できていないようです
- 958 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 19:54:39.76 ID:oDjvE5hT.net]
- SPAで利便性がよくなるか？という問題は場合によるとしか言えんからなー
シンプルなMPAのほうが使いやすいと感じるケースは未だに多い
SPAが必須と考えるのは開発側の独りよがりだよ
- 959 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:06:15.24 ID:YsspSJMD.net]
- まあでもSPAのほうが余分なもの読み込まないぶん若干ページ遷移早いよな
そこだけは褒めてやるべきだとおもうわ
まあ作り手の面倒は増えてるし回線速度が速い現在に本当に必要なのかは疑問だけど
- 960 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:11:01.62 ID:Ipn+w0vn.net]
- >>942
SPAは毎回ページまるごと送出しなおしのMPAよりも以下の利点がある
・サーバーの負荷減少
・トラフィックの減少
・ブラウザ側での表示書き換え減少
・ユーザーの待ち時間減少 (体感の向上)
つまり全てにおいてエコで優れている
もちろんSPAに加えて前述のように最初のページアクセス待ち時間減少のためにSSR/SSG併用
デメリットは「技術の低い人たちは提供できない」
- 961 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:17:20.94 ID:V9VQU+75.net]
- ユーザー目線で言うと非SPAはリロード時、遷移時に画面がしっかりリセットされる安心感があるんだよな
なんか動きが変な気がしたらとりあえずリロード、戻る、適当にハイパーリンククリック
それでまあまあ具合がよくなると経験的にわかってる
これは非常に重要なんじゃないかな
たぶん何も知らんユーザーからするとSPAは巨大でミュータブルなオブジェクトに見えてるんじゃないかとおれは考えてる
逆に非SPAはほとんどイミュータブルな関数に見えてる
もちろんプログラミングの素人であるユーザーがイミュータブルとミュータブルの違いを認識してるはずは無いんだが
ぼんやりと感覚的にその違いを使い勝手という形で体感してるんじゃないかな
- 962 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:17:38.17 ID:SUNY4hKu.net]
- >シンプルなMPAのほうが使いやすいと感じるケースは未だに多い
MPAの方がシンプルってそれこそ開発側の視点じゃね？
ユーザーから見てシンプルだというなら仕様が違うものを作っていることになるわけで、そもそも比較にならない。
- 963 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:17:52.19 ID:IPCx9P3x.net]
- 場合によってはSPAのほうが想定すること少なくて楽。
それはそれとしてSPAが適するかどうかは用途次第。なんだけど、最近MPAはSSGとSPAのハイブリッドばかりでSSR作って無いなぁ
- 964 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:20:47.89 ID:IPCx9P3x.net]
- >>945
一般ユーザーはそこまで考えてないと思うし、そう思わせるならUIが悪いと思うな。個人的な意見だけども
- 965 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:26:33.13 ID:V9VQU+75.net]
- >>944
・サーバーの負荷減少はユーザーでなく運用側のメリットで今はユーザー視点のメリットについて議論しているのでは？
・トラフィックも同様
・表示書き換えは、、、SPAのほうが増えてないか？
・ユーザーの待ち時間は減る傾向が見られるね
・技術力が低い人に提供できないのはユーザーにとってはデメリットだね
つまりそれだけ利便性の高いサイトが少ないということだから
こうして一個一個深堀していくとやっぱりユーザー目線ではデメリットのほうが大きい気がするなー
ウェブIDE、オフィス文書編集、BPMエディタ、、、この手の従来デスクトップでしかできなかった超複雑なツールをブラウザで提供出来るようになったのは凄い発明だけど
何でもかんでもSPAってのは典型的なミステイクだね
未だに世の中のほとんどのサイトは従来の非SPAがマッチしてるよ
- 966 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:27:14.48 ID:V9VQU+75.net]
- >>946
ユーザー目線でも開発者目線でもどっちもシンプルということだね
- 967 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:29:04.59 ID:V9VQU+75.net]
- >>948
ユーザーは考えてないよ
感じてる
- 968 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:31:15.89 ID:Ipn+w0vn.net]
- >>945
それはそのサイトのバグです
>>949
普通に正しくSPAが作られていれば
ユーザーにとって見た目やUI自体は同じです
その上で反応速度の向上による体感の良さをユーザーは得られます
一方でSPAはサイト提供側にもメリットが大きく
サーバーの負荷減少と送出トラフィック減少により支出コスト(費用)を減らせます
- 969 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 20:37:03.33 ID:SUNY4hKu.net]
- >>950
そうじゃなくて、同じ機能、同じ画面仕様のものをMPAとSPAで作ったのに
ユーザーから見て一方がシンプルに見えるのはどのへんが違うのかという話。
- 970 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:02:44.04 ID:y6GIaKTP.net]
- バックエンドがどれだけ地獄になろうが知ったこっちゃない
って話なら確かにフロントエンドは何の機能も持たせず極限にシンプルに出来るね
- 971 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:06:50.84 ID:SXry2lpj.net]
- >>954
やっぱりフロントエンドしかできないやつはこの程度ｗ
- 972 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:11:23.62 ID:IPCx9P3x.net]
- >>954
それやるとjsonを装飾するだけのフロントになるねw
>>955
jQueryおじさんはフロントもバックエンドもわかってないじゃん。どんな技術使ってるか尋ねられてGCPとか答えてたしw
- 973 名前：デフォルトの名無しさん mailto:sagesag [2022/01/15(土) 21:13:13.42 ID:NYY8L+mY.net]
- 現代の多くのユーザーとこれからのほとんどのユーザーはネイティブアプリ触りまくってるから、ネイティブアプリっぽい動きできるspaの方がユーザー体験いいやろな
- 974 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:18:38.65 ID:c5JWm7+b.net]
- >>956
使ってる技術なんだからGCPは間違いない
普通はデータベースなんかも使うだろう
まさかお前フロントJavaScriptしかやったことないのか？
- 975 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:19:49.63 ID:c5JWm7+b.net]
- >>957
はっはっは、思考停止
現代の多くのユーザーが触りまくってるというのなら
ウェブサイトを触りまくってる
Amazonがゲームみたいなインターフェースだったら
使いづらくてしょうがない
- 976 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:25:29.78 ID:IPCx9P3x.net]
- >>958
尻尾出すの早いよw
Linuxバリバリ使えるしそれこそクラウドも使えるよ。ちょっと年季入ったフロント屋ならバックエンド書けるのなんて普通じゃん。
さて、どんなDB使ってるのかな？
- 977 名前：デフォルトの名無しさん mailto:sagesag [2022/01/15(土) 21:30:54.53 ID:NYY8L+mY.net]
- >>959
ゲームみたいなインターフェースの是非は話してへんでおっちゃん
あとAmazonのネイティブアプリはおっちゃんが作れるウェブサイトみたいにベージ遷移の度にベージ全体読み込まへんで
一回Amazonのアプリをスマホにインストールして確かめてみたらええで笑
おっちゃんはスマホアプリでゲームしかしてへんのは分かったわ笑笑
- 978 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:31:05.16 ID:y6GIaKTP.net]
- まあバックエンド＝LAMPの時代が長すぎたよね
- 979 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 21:47:21.05 ID:IPCx9P3x.net]
- >>962
百花繚乱な今から考えるとスゲー長かったなぁ……
- 980 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 22:17:52.65 ID:n9+l727f.net]
- おめえらゴミクソでまったくSPAの利点を理解してなくて萎えた
- 981 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 22:25:28.96 ID:5PUMCLRk.net]
- >>964
お、解説してくれるのか。頼むぜ！
- 982 名前：デフォルトの名無しさん mailto:sage [2022/01/15(土) 22:28:49.96 ID:n9+l727f.net]
- マジでSPAアプリ開発したことあんのか？
- 983 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 00:08:27.05 ID:RG8YDX1E.net]
- Ruby on Rails 5 からは、デフォルトでTurbolinks を使って、SPA, Pjax。
他にも、API モードもある
Turbolinksは、リンクのクリックイベントやWebブラウザのナビゲーションイベント（進む/戻る）を監視し、
通常の遷移イベントをキャンセルします
代わりに非同期通信（XMLHttpRequest/Ajax）で遷移先のページを取得し、
現在のページのheadとマージし、bodyを差し替えることで、ページ遷移したように見せかけます
- 984 名前：967 mailto:sage [2022/01/16(日) 00:14:31.10 ID:RG8YDX1E.net]
- SPA の利点は、JavaScript のパース時間が無くなる事だろ
- 985 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 00:41:09.81 ID:hYWYL0RZ.net]
- >>960
人に聞く前に自分で答えろよ
お前ひろゆきか？相手に喋らせて
ボロをだろうとするやり方だってバレバレなんだよ
で、お前は何使ってんの？
- 986 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 00:43:10.18 ID:hYWYL0RZ.net]
- >>968
SPAはJavaScriptが複雑で巨大になるんです。
だからJavaScriptのパース時間を少なくしないといけないんです。
こんな感じだよなｗ
- 987 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 07:14:17.48 ID:NckdADc4.net]
- >>969
さんざ人の揚げ足取っといて（取れてなかったけど）自分が取られるとそんな事言い出すのか、惨めだな〜
- 988 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 08:43:03.79 ID:2ncO695p.net]
- MPAでもSPAでも速い配信は（技術があれば）やり方次第で可能だし、見せ方次第で違いなんてわからなくなる。要はコンテンツや技術に合わせてスマートな設計をする事が肝要じゃないかな。ハイブリッドでも良い。
仮にECサイト作れと言われて、規模等にもよって設計は変わるだろうし、ここの住民でもみんなそれぞれ違う設計するでしょ。
- 989 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 09:25:44.34 ID:Zy2wxIp9.net]
- >>972
いや、だからお前がSPAを根本的に理解してないからそんなゴミクソみたいな判断しかできないんだよ
- 990 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 10:36:32.19 ID:2ncO695p.net]
- >>973
急にどうした？
別にSPA否定してないし、反論あるなら具体的にね？
- 991 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 12:21:40.14 ID:T6dmgaQG.net]
- SPAってもうクライアントアプリじゃん
普通のWEBアプリしか理解してなさそう
- 992 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 13:22:59.10 ID:KNknzt9i.net]
- まあSPAってぶっちゃけ使えるのホームページレベルぐらいで
大規模なのになってくると画面数が多すぎてMPAになるからねー
- 993 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 13:39:04.81 ID:Zy2wxIp9.net]
- >>976
ホームページしか作れない無知のゴミクソは黙ってろ
- 994 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 14:24:15.17 ID:pnIcYu1Z.net]
- 安い喧嘩売るだけじゃなくてさぁ、もうちょっと内容で語りなよ
- 995 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 14:24:58.15 ID:T6dmgaQG.net]
- >>976
SPAはアプリですよ
代表例としては Google mail とか
自分も数年前から普通にキオスク端末を
PWA(SPA)で設計してリリースしてますし
今もみなさんも店頭で使うことできます
- 996 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 14:30:30.35 ID:rMsBJTM/.net]
- >>976
OSがWindows7でブラウザはIE使ってそうなおじさんだね
- 997 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 14:46:06.92 ID:2ncO695p.net]
- TwitterもSPAなんだよね。知らないとそうは見えないだけで
- 998 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:10:18.25 ID:hYWYL0RZ.net]
- >>971
なんで、人に何使ってんのって聞いておいて
自分が同じ質問をされると答えら
- 999 名前：れないの？
おかしいよね [] - [ここ壊れてます]
- 1000 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:41:48.06 ID:2ncO695p.net]
- >>982
仕方のない人だな……DBで良いんだよね？
場合によるけどFirestoreやPostgreSQL使う事が多いよ、Postgre使うのはjsonbがあるからだけど。
さて、君は何使ってるのかな？
- 1001 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:45:55.51 ID:nveaF/yH.net]
- MPAて未だに鯖でHTML生成してんの？
React開発経験した後だと非効率過ぎて嫌にならん？
- 1002 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:46:10.68 ID:hYWYL0RZ.net]
- >>983
PostgreSQLとかMySQLとか使うけど
で、何のためにそんな質問したの？
- 1003 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:48:09.02 ID:hYWYL0RZ.net]
- >>984
なんでHTMLを生成する場所が
サーバーからクライアントに移動しただけで
効率が変わると思ってんだ？
- 1004 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:49:34.70 ID:2ncO695p.net]
- >>985
GCPで？
- 1005 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:50:34.45 ID:hYWYL0RZ.net]
- >>987
GCPだとCloud SQLっていいますね。
それで？
何のために聞いたのさｗ
- 1006 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:51:23.50 ID:hYWYL0RZ.net]
- な？結局こういうことなんだよ
揚げ足を取るために質問してるから
答えても何も言い返せない
- 1007 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:54:11.16 ID:hYWYL0RZ.net]
- jQueryを使ってる人は、フロントエンドだけで全てが作れるなんて
思ってないからサーバーも含めて幅広い知識を有している
- 1008 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:54:48.12 ID:2ncO695p.net]
- >>988
最初からそう言えば良いのにGCPとか漠然とした事言うから確認しただけじゃん
- 1009 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:55:37.56 ID:hYWYL0RZ.net]
- >>991
で、その質問に答えると黙るのはなぜってこと
揚げ足を取るのに失敗したねぇｗｗｗ
- 1010 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:56:23.97 ID:hYWYL0RZ.net]
- 答えが漠然なのはそもそも質問が漠然だから
React以外に何を使ってるかなんて聞かれたら
そりゃそれ以外のいろんな事を言うに決まってる
- 1011 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 15:59:30.95 ID:2ncO695p.net]
- >>992
じゃあもっと聞こうか？
CloudSQLと何組み合わせてるの？
- 1012 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:02:01.62 ID:hYWYL0RZ.net]
- >>994
俺は質問に答えたんだから、次はお前。
何のために質問したのか答えろ。
もっと言えばお前がFirestoreやPostgreSQL使ってるんだろ
それと何を組み合わせてるの？
そしてそんなことを聞いてどうするの？
お前が質問に答えた上で
俺の質問に答えろや
話はそれから
- 1013 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:02:48.89 ID:hYWYL0RZ.net]
- ほんともう揚げ足取ろうとするのがバレバレなんだよ
まじ劣化版ひろゆき屋でｗｗｗ
- 1014 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:03:45.77 ID:hYWYL0RZ.net]
- Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316327/
- 1015 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:04:01.50 ID:hYWYL0RZ.net]
- 次スレー
- 1016 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:04:11.43 ID:Zy2wxIp9.net]
- >>986
やっぱお前ガチで何もわかってねえじゃん
その間違った知識しかないからSPA使えないんだよ
レベル下がるからあっちいけ
- 1017 名前：デフォルトの名無しさん mailto:sage [2022/01/16(日) 16:04:17.37 ID:hYWYL0RZ.net]
- 次スーレ
- 1018 名前：1001 [Over 1000 Thread.net]
- このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 238日 2時間 21分 45秒
- 1019 名前：過去ログ ★ [[過去ログ]]
- ■ このスレッドは過去ログ倉庫に格納されています
|
 |
