実際どうなん?
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房が書き込んでも無視してください
探検
Vue vs React vs Angular Part.4
■ このスレッドは過去ログ倉庫に格納されています
2020/06/11(木) 19:01:45.26ID:uGsh0NQC
795デフォルトの名無しさん
2020/07/27(月) 13:21:55.01ID:hYUf9ncg796デフォルトの名無しさん
2020/07/27(月) 13:24:09.61ID:FyobjYdi ExtJS 使ってた人居る?
797デフォルトの名無しさん
2020/07/27(月) 13:28:57.64ID:q4lb5yU9798デフォルトの名無しさん
2020/07/27(月) 13:43:11.84ID:DcqVOXlA だから言ったじゃん
コンサルの養分なんだよキミタチ
コンサルの養分なんだよキミタチ
799デフォルトの名無しさん
2020/07/27(月) 13:47:44.32ID:Rr+dRFNS800デフォルトの名無しさん
2020/07/27(月) 13:52:43.84ID:TfnjDE3E つまりGatsby最高!
う〜んマンダムwww
う〜んマンダムwww
801デフォルトの名無しさん
2020/07/27(月) 13:56:40.28ID:hYUf9ncg802デフォルトの名無しさん
2020/07/27(月) 14:01:10.49ID:Rr+dRFNS >>801
なんでもいいよ
セッション持たないRESTな設計なんて今どき珍しくもない
メモリキャッシュとか言い出しそうだから予め言っとくが
これは高速化のためであってSSRのようにしかたなくリソース食いつぶすゴミとは真反対だからな
なんでもいいよ
セッション持たないRESTな設計なんて今どき珍しくもない
メモリキャッシュとか言い出しそうだから予め言っとくが
これは高速化のためであってSSRのようにしかたなくリソース食いつぶすゴミとは真反対だからな
803デフォルトの名無しさん
2020/07/27(月) 14:04:19.38ID:S26P/GM8 > セッション持たないRESTな設計なんて今どき珍しくもない
HTTPはセッション持たないじゃなくて持てないんですが?
あれあれ?すべてのウェブサイトはサーバーサイドに
状態を持たないって話でいいですか?w
HTTPはセッション持たないじゃなくて持てないんですが?
あれあれ?すべてのウェブサイトはサーバーサイドに
状態を持たないって話でいいですか?w
804デフォルトの名無しさん
2020/07/27(月) 14:08:52.18ID:S26P/GM8 セッション持たないRESTってなんですかね?
どのユーザーでも同じデータ返すって言ってるんですかね?w
どのユーザーでも同じデータ返すって言ってるんですかね?w
805デフォルトの名無しさん
2020/07/27(月) 14:16:28.42ID:O6ncpH5Z806デフォルトの名無しさん
2020/07/27(月) 14:19:17.79ID:S26P/GM8 >>805
セッションオブジェクトはリクエスト(パラメータ)に応じて結果変えてるので
サーバーに状態は持っていません
はぁ、仕組みを知らないんだな
フレームワークばっかり使ってるから
そういうアホなこと言うんやで(笑)
セッションオブジェクトはリクエスト(パラメータ)に応じて結果変えてるので
サーバーに状態は持っていません
はぁ、仕組みを知らないんだな
フレームワークばっかり使ってるから
そういうアホなこと言うんやで(笑)
807デフォルトの名無しさん
2020/07/27(月) 14:20:28.76ID:S26P/GM8808デフォルトの名無しさん
2020/07/27(月) 14:21:53.57ID:O6ncpH5Z ん?なんか俺おかしなこと言ったか?
809デフォルトの名無しさん
2020/07/27(月) 14:24:54.73ID:S26P/GM8 言ってますねw 気付いて無いんですねw
HTTPの仕組みを知ってるのであれば
状態をもたせるやり方を言ってみ
HTTPの仕組みを知ってるのであれば
状態をもたせるやり方を言ってみ
810デフォルトの名無しさん
2020/07/27(月) 14:29:25.84ID:O6ncpH5Z サーバーにセッションオブジェクト(メモリ)を確保する
セッションオブジェクトに対してセッションIDを発行する
セッションIDリクエストパラメーターやクッキーで維持される
クライアントは複数のリクエストに渡って同じセッションIDをサーバーに渡すので
サーバーはクライアントのリクエストの連続性(セッション)を認識できる
またセッションIDからセッションオブジェクトを引くことでセッションの状態(情報)を継続利用できる
間違っとる?
セッションオブジェクトに対してセッションIDを発行する
セッションIDリクエストパラメーターやクッキーで維持される
クライアントは複数のリクエストに渡って同じセッションIDをサーバーに渡すので
サーバーはクライアントのリクエストの連続性(セッション)を認識できる
またセッションIDからセッションオブジェクトを引くことでセッションの状態(情報)を継続利用できる
間違っとる?
811デフォルトの名無しさん
2020/07/27(月) 14:30:08.08ID:S26P/GM8 >>810
RESTでも同じことをしてる
RESTでも同じことをしてる
812デフォルトの名無しさん
2020/07/27(月) 14:30:48.23ID:S26P/GM8 ああもしかして、セッションID=リクエスト(パラメータ)だって知らないのかなw
813デフォルトの名無しさん
2020/07/27(月) 14:31:03.28ID:S26P/GM8 セッションIDが魔法の技術とか思ってそうw
814デフォルトの名無しさん
2020/07/27(月) 14:32:52.85ID:O6ncpH5Z いやRESTはセッション使わない構成多いよ
REST=関数のイメージ
引数に対して戻り値が返る
引数はリクエストパラメーター、戻り値はレスポンスね
RESTは一問一答で完了するパターンが多い
以前のREST呼び出しの内容な作用されない
だからセッションオブジェクトを使わないと言っている
REST=関数のイメージ
引数に対して戻り値が返る
引数はリクエストパラメーター、戻り値はレスポンスね
RESTは一問一答で完了するパターンが多い
以前のREST呼び出しの内容な作用されない
だからセッションオブジェクトを使わないと言っている
815デフォルトの名無しさん
2020/07/27(月) 14:33:59.07ID:S26P/GM8 http://itdoc.hitachi.co.jp/manuals/3021/3021901610/HCSR0051.HTM
REST APIでは、セッションを使用して、複数のリクエストを同一クライアントによる一連の操作として識別します。
REST APIでは、セッションを使用して、複数のリクエストを同一クライアントによる一連の操作として識別します。
816デフォルトの名無しさん
2020/07/27(月) 14:34:05.80ID:O6ncpH5Z セッションIDはリクエストパラメーターになることはあるけど
リクエストパラメーターがセッションIDということなはならんよ
リクエストパラメーターがセッションIDということなはならんよ
817デフォルトの名無しさん
2020/07/27(月) 14:35:55.62ID:O6ncpH5Z /add?param1=123¶m2=456
この足し算RESTにセッション要るか?
このパラメーターがセッションIDなのか?
この足し算RESTにセッション要るか?
このパラメーターがセッションIDなのか?
818デフォルトの名無しさん
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の機能を見れたことにはならない可能性があるので、
ソースコード診断(ホワイトボックステスト)も可能なら実施したい、などとあり、参考になる。
https://www.glamenv-septzen.net/view/1350#id55be56
ユーザ認証にはセッション管理を使え、とあり、さらに、セッションIDやAPIキー、ログインIDとパスワード、
トークンなどはURLに含めるな、ともある。
他にもこのページにはRESTスタイルで開発するときのセキュリティ上の注意点が解説されている。英語になるが、
内容的には普通のWebサイトと同じように入力チェック+出力時のJSON/XMLに合わせたエンコーディング、
CSRF対策などをしてください、という流れ。
また以下のページは、逆にRESTなWeb APIを診断する、pentester向けのガイドとなっている。
クロールできたURLだけでは、全部のREST APIの機能を見れたことにはならない可能性があるので、
ソースコード診断(ホワイトボックステスト)も可能なら実施したい、などとあり、参考になる。
819デフォルトの名無しさん
2020/07/27(月) 14:37:32.58ID:S26P/GM8 >>817
だからオンラインゲーム無理ってことですねw
だからオンラインゲーム無理ってことですねw
820デフォルトの名無しさん
2020/07/27(月) 14:38:15.39ID:ffgSx4MU >>800
最近Next触り始めたけどドキュメントにやたらSSG推してたから、あながちGatsby最高マンダムなんかもなと思うわ
GatsbyはでもGraphqlと結びついとるから気軽にカスタマイズしようとしたらエラー吐きまくる
最近Next触り始めたけどドキュメントにやたらSSG推してたから、あながちGatsby最高マンダムなんかもなと思うわ
GatsbyはでもGraphqlと結びついとるから気軽にカスタマイズしようとしたらエラー吐きまくる
821デフォルトの名無しさん
2020/07/27(月) 14:38:36.28ID:S26P/GM8822デフォルトの名無しさん
2020/07/27(月) 14:39:56.60ID:Rr+dRFNS823デフォルトの名無しさん
2020/07/27(月) 14:41:27.35ID:S26P/GM8 >>822
お前の理屈は、クッキーの代わりにパラメーターでセッションIDを渡せすという
セキュリティ的に脆弱なセッション管理を実装すれば
サーバーに状態は持ってないことになるんやろ?w
アホやなぁと言ってる
お前の理屈は、クッキーの代わりにパラメーターでセッションIDを渡せすという
セキュリティ的に脆弱なセッション管理を実装すれば
サーバーに状態は持ってないことになるんやろ?w
アホやなぁと言ってる
824デフォルトの名無しさん
2020/07/27(月) 14:42:38.43ID:O6ncpH5Z >>821
だからSPAのバックエンドにRESTが適してるんだよ
SPAならクライアント側で状態を持てるんだからサーバー側は関数でいいの
サーバーがセッション管理から解放される
これもSPAのメリットと言えるかもしれないね
だからSPAのバックエンドにRESTが適してるんだよ
SPAならクライアント側で状態を持てるんだからサーバー側は関数でいいの
サーバーがセッション管理から解放される
これもSPAのメリットと言えるかもしれないね
825デフォルトの名無しさん
2020/07/27(月) 14:43:20.19ID:S26P/GM8 もしかしてパラメーターのキーの名前がsession_idじゃなかったら
サーバーサイドに状態を持たせてないことになるとでも思ってるのか?w
サーバーサイドに状態を持たせてないことになるとでも思ってるのか?w
826デフォルトの名無しさん
2020/07/27(月) 14:44:06.24ID:S26P/GM8 > SPAならクライアント側で状態を持てるんだからサーバー側は関数でいいの
え? URLにパラメータとかユーザー名とかパスワードを入れればいいんだから
SPA関係ないじゃんw
え? URLにパラメータとかユーザー名とかパスワードを入れればいいんだから
SPA関係ないじゃんw
827デフォルトの名無しさん
2020/07/27(月) 14:45:41.88ID:S26P/GM8 クッキーを使えばクライアントに状態を持ってる!
例えばセッションIDをクッキーに入れておけば、
ウェブサイトにアクセスしたときにログインしたことになる!
JavaScriptも不要!古くから使われてるログインの仕組みだ!
みたいな話をされてこ困るんだよなぁ(笑)
例えばセッションIDをクッキーに入れておけば、
ウェブサイトにアクセスしたときにログインしたことになる!
JavaScriptも不要!古くから使われてるログインの仕組みだ!
みたいな話をされてこ困るんだよなぁ(笑)
828デフォルトの名無しさん
2020/07/27(月) 14:48:59.96ID:S26P/GM8 クライアントにしかデータを持ってないと
別のパソコンでログインしてもデータが見れなくなる(笑)
まあそれでいいなら普通のウェブサイトのほうがいいだろうねw
HTML+CSS+jQueryで
別のパソコンでログインしてもデータが見れなくなる(笑)
まあそれでいいなら普通のウェブサイトのほうがいいだろうねw
HTML+CSS+jQueryで
829デフォルトの名無しさん
2020/07/27(月) 15:03:07.49ID:Rr+dRFNS アホのために説明してやるか
Cookieとサーバーサイドのオブジェクトの紐付けで擬似的にリクエスト間の状態維持を実現する手法がセッションな
従来のシステムではよく使われていたが思ったよりメモリ消費がバカになんねえなぁってことで今はもう廃れた
今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている
そうすれば極僅かなCPUの負荷増でメモリ消費をぐっと抑えることができるようになる
リクエストに乗せたくない重大な機密や大きすぎるデータは永続化層で管理する
これがメモリに乗るのはデータ利用するその時とキャッシュされた時だけ
これでサーバーサイドのリソース効率がだいぶ良くなった
ついでにいうと水平スケールもしやすくなって一石二鳥
SSRはこの時代の流れに逆行してサーバーサイドに大量の状態オブジェクトを生成してクライアントと紐付けて管理するという愚行をおかしてしまっている
SSRの特性上どうしてもヒビューに関するほとんどの状態をサーバーのメモリ上に確保してクライアントが去りゆくまでずっと維持し続けなければならない
これがどれだけリソース効率が悪い邪悪なアーキテクチャかは猫でもわかるだろう
クラウドファーストなこの御時世ではサーバーサイドのリソース増加はコストに直結する
こんな金食い虫のアーキテクチャではやってられんのだ
Cookieとサーバーサイドのオブジェクトの紐付けで擬似的にリクエスト間の状態維持を実現する手法がセッションな
従来のシステムではよく使われていたが思ったよりメモリ消費がバカになんねえなぁってことで今はもう廃れた
今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている
そうすれば極僅かなCPUの負荷増でメモリ消費をぐっと抑えることができるようになる
リクエストに乗せたくない重大な機密や大きすぎるデータは永続化層で管理する
これがメモリに乗るのはデータ利用するその時とキャッシュされた時だけ
これでサーバーサイドのリソース効率がだいぶ良くなった
ついでにいうと水平スケールもしやすくなって一石二鳥
SSRはこの時代の流れに逆行してサーバーサイドに大量の状態オブジェクトを生成してクライアントと紐付けて管理するという愚行をおかしてしまっている
SSRの特性上どうしてもヒビューに関するほとんどの状態をサーバーのメモリ上に確保してクライアントが去りゆくまでずっと維持し続けなければならない
これがどれだけリソース効率が悪い邪悪なアーキテクチャかは猫でもわかるだろう
クラウドファーストなこの御時世ではサーバーサイドのリソース増加はコストに直結する
こんな金食い虫のアーキテクチャではやってられんのだ
830デフォルトの名無しさん
2020/07/27(月) 16:01:20.39ID:FzUtUUvl >>793
ちなみにWappalyzerでは検知出来ないけどReact Developer Toolsなら検知されるパターンもある
多分Webpackの難読化の影響かとは思うが
Amazonの欲しいものリストのページやプライムビデオのページとかそんな感じ
ちなみにWappalyzerでは検知出来ないけどReact Developer Toolsなら検知されるパターンもある
多分Webpackの難読化の影響かとは思うが
Amazonの欲しいものリストのページやプライムビデオのページとかそんな感じ
831デフォルトの名無しさん
2020/07/27(月) 16:11:00.85ID:A4vSpavl >>797
AngularはMaterial系が主流だからBootstrapの対応はあんま良くないな
AngularはMaterial系が主流だからBootstrapの対応はあんま良くないな
832デフォルトの名無しさん
2020/07/27(月) 16:18:49.53ID:SDAq9vDF >>829
> 今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている
その方式はデータが大量になったときに破綻するので
セッションIDぐらいしか入れない
> 今どきのセッション管理はサーバーサイドのオブジェクトではなくCookieなどに暗号化したデータを含める方式で実装されている
その方式はデータが大量になったときに破綻するので
セッションIDぐらいしか入れない
833デフォルトの名無しさん
2020/07/27(月) 16:20:12.25ID:SDAq9vDF834デフォルトの名無しさん
2020/07/27(月) 16:22:25.22ID:SDAq9vDF https://ssr.vuejs.org/ja/
従来の SPA (シングルページアプリケーション) と比べて、SSR の利点は主に次の点にあります:
・検索エンジンのクローラが完全に描画されたページを直接解析するため、SEO が向上します。
現在のところ、Google と Bing は同期的 JavaScript アプリケーションのインデックスを作成できます。
同期がキーワードです。あなたのアプリケーションが読み込み中にスピナが表示され、
Ajax 経由でコンテンツを取得する場合、クローラーはあなたが完了するまで待たないでしょう。
つまり、SEO が重要なページで非同期にコンテンツを取得する場合は、SSR が必要な場合があります。
・特にインターネットの遅さや遅いデバイスでは、コンテンツの再生時間が短縮されます。
サーバで描画されたマークアップは、すべての JavaScript がダウンロードされて表示されるまで待つ必要がないので、
ユーザは完全に描画されたページをすぐに見ることができます。これにより、一般的にユーザーエクスペリエンスが向上し、
コンテンツの所要時間が直接コンバージョン率に関連付けられているアプリケーションにとっては重要になります。
従来の SPA (シングルページアプリケーション) と比べて、SSR の利点は主に次の点にあります:
・検索エンジンのクローラが完全に描画されたページを直接解析するため、SEO が向上します。
現在のところ、Google と Bing は同期的 JavaScript アプリケーションのインデックスを作成できます。
同期がキーワードです。あなたのアプリケーションが読み込み中にスピナが表示され、
Ajax 経由でコンテンツを取得する場合、クローラーはあなたが完了するまで待たないでしょう。
つまり、SEO が重要なページで非同期にコンテンツを取得する場合は、SSR が必要な場合があります。
・特にインターネットの遅さや遅いデバイスでは、コンテンツの再生時間が短縮されます。
サーバで描画されたマークアップは、すべての JavaScript がダウンロードされて表示されるまで待つ必要がないので、
ユーザは完全に描画されたページをすぐに見ることができます。これにより、一般的にユーザーエクスペリエンスが向上し、
コンテンツの所要時間が直接コンバージョン率に関連付けられているアプリケーションにとっては重要になります。
835デフォルトの名無しさん
2020/07/27(月) 18:22:17.80ID:TfnjDE3E >>820
たしかにたいていのことにプラグイン用意されてるからなんとかなってるけどじゃあ自分でgraphQL拡張するプラグイン作れと言われたらウッってなる。
たしかにたいていのことにプラグイン用意されてるからなんとかなってるけどじゃあ自分でgraphQL拡張するプラグイン作れと言われたらウッってなる。
836デフォルトの名無しさん
2020/07/27(月) 19:12:49.38ID:UFheIHQs >>835
Next使ってる?
Gatsbyと比較してそれぞれになんか思うことあったら教えてほしい
Next・Firebase・Stipe他でアプリ作ろうと思ってたけど、仰せの通りGatsbyはプラグインが充実しとるからGatsbyでええやん感が増してるわ
完成形に近いスターターに出会えればGatsbyの方が完成まで早そうやし
Next使ってる?
Gatsbyと比較してそれぞれになんか思うことあったら教えてほしい
Next・Firebase・Stipe他でアプリ作ろうと思ってたけど、仰せの通りGatsbyはプラグインが充実しとるからGatsbyでええやん感が増してるわ
完成形に近いスターターに出会えればGatsbyの方が完成まで早そうやし
837デフォルトの名無しさん
2020/07/27(月) 20:05:37.52ID:TfnjDE3E ごめんNextは使ってない。
あれ基本サーバー側も含めた構成で全部静的配信したかった自分のSSGニーズと合わなかったしあまり検討しなかった。
Gatsbyとは違って個人ユースではなく企業サービスのビルディングブロックといった印象。いろいろいじる前提のプロ向けっぽい。
SSGモードも後付けされたけどだったらGatsbyでいいかなって。
ちなみに >>836 の strapiもfirebaseもプラグインあるね。
strapiのは試したこともある。特に困ることなかったww
あれ基本サーバー側も含めた構成で全部静的配信したかった自分のSSGニーズと合わなかったしあまり検討しなかった。
Gatsbyとは違って個人ユースではなく企業サービスのビルディングブロックといった印象。いろいろいじる前提のプロ向けっぽい。
SSGモードも後付けされたけどだったらGatsbyでいいかなって。
ちなみに >>836 の strapiもfirebaseもプラグインあるね。
strapiのは試したこともある。特に困ることなかったww
838デフォルトの名無しさん
2020/07/27(月) 20:06:31.68ID:CctcRh4x 全ページSSRにすればJSオフでも見れて快適ですね。
839デフォルトの名無しさん
2020/07/27(月) 20:12:01.61ID:0Re8MG/Y SSRした結果をファイルにキャッシュしておけば
静的ページとほぼ同じでサーバーの負荷も殆どないしね
静的ページとほぼ同じでサーバーの負荷も殆どないしね
840デフォルトの名無しさん
2020/07/27(月) 20:48:34.75ID:u51QqKbm SSRを使うよりトップページを静的なS3とかにしたら良くない?
SSLの関係とかで出来ないのかな
SSLの関係とかで出来ないのかな
841デフォルトの名無しさん
2020/07/27(月) 20:51:01.79ID:9y96d1KX その静的なS3を作るのにSSRを使うんでしょ?
842デフォルトの名無しさん
2020/07/27(月) 21:55:19.91ID:Ri9S2nsL >>829
馬鹿はお前
パフォのためにコーディングの面倒さを犠牲にして
cookieみたいなヘッダいじったり
暗号化みたいな余計なことするくらいなら
メモリ倍くらいに増強してセッション使うわ
楽だからな。
ローバラがあるならセッションも諦めて全部
DBかローカルストレージのどっちか
とりあえずクッキーはない
馬鹿はお前
パフォのためにコーディングの面倒さを犠牲にして
cookieみたいなヘッダいじったり
暗号化みたいな余計なことするくらいなら
メモリ倍くらいに増強してセッション使うわ
楽だからな。
ローバラがあるならセッションも諦めて全部
DBかローカルストレージのどっちか
とりあえずクッキーはない
843デフォルトの名無しさん
2020/07/27(月) 21:59:13.37ID:fnBRfBHK844デフォルトの名無しさん
2020/07/27(月) 22:13:05.38ID:q4lb5yU9845デフォルトの名無しさん
2020/07/27(月) 22:17:35.56ID:fnBRfBHK846デフォルトの名無しさん
2020/07/27(月) 22:37:08.39ID:q4lb5yU9 >>845
なんなの?
2行つながってるわけだがトップページだけやればいいと誤解したのか?
そもそもweb appやSSRの文脈で「テーマに絞って内容を書く」ってアホじゃないの?
web appが動的に生成したpageをどうsearch engineにindexさせるかって話だろ。
staticなcontentsのSEOの話など誰もしていない
なんなの?
2行つながってるわけだがトップページだけやればいいと誤解したのか?
そもそもweb appやSSRの文脈で「テーマに絞って内容を書く」ってアホじゃないの?
web appが動的に生成したpageをどうsearch engineにindexさせるかって話だろ。
staticなcontentsのSEOの話など誰もしていない
847デフォルトの名無しさん
2020/07/27(月) 23:18:48.25ID:P2Gsimd7 Ruby on Rails では、未経験者が、1か月で作ったポートフォリオにも、ログイン機能はある
かよちんの動画
【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA
ログイン、投稿、コメント、いいね、検索、マイページ機能
Rails + Bootstrap
Github, Heroku
かよちんの動画
【ポイントは一つ】プログラミング未経験でも受かるポートフォリオの作り方
https://www.youtube.com/watch?v=la0rkh6wlxA
ログイン、投稿、コメント、いいね、検索、マイページ機能
Rails + Bootstrap
Github, Heroku
848デフォルトの名無しさん
2020/07/28(火) 09:14:18.81ID:KJ/jhVY+849デフォルトの名無しさん
2020/07/28(火) 09:29:33.69ID:zKWFaExc 例えばユーザ認証するならFirebaseとか外部サービスに任せればいいだけだろ。。
ってか相変わらずスレチで伸びてるな。SPAって言葉が独り歩きしすぎだよ。
個人的にWEB開発者として重要な変化は、
・リアクティブ
・IDE(VSCode含む)による環境の統一やコード補完
・ホットリロード
この3点だろ。SPAだろうとSSR主体だろうと共通して劇的に楽になった。
あとは作りたいものに合わせてフレームワークなり言語選ぶだけだろ。
大手のサイトにフレームワークが導入されてないとか見たが、jQueryだけなんてサイトは案件的にありえない。
少なくともリアクティブでデータドリブン。どのライブラリを選定するかは大きな違いじゃない。
個々の要素は確実に進歩してるよ。
ってか相変わらずスレチで伸びてるな。SPAって言葉が独り歩きしすぎだよ。
個人的にWEB開発者として重要な変化は、
・リアクティブ
・IDE(VSCode含む)による環境の統一やコード補完
・ホットリロード
この3点だろ。SPAだろうとSSR主体だろうと共通して劇的に楽になった。
あとは作りたいものに合わせてフレームワークなり言語選ぶだけだろ。
大手のサイトにフレームワークが導入されてないとか見たが、jQueryだけなんてサイトは案件的にありえない。
少なくともリアクティブでデータドリブン。どのライブラリを選定するかは大きな違いじゃない。
個々の要素は確実に進歩してるよ。
850デフォルトの名無しさん
2020/07/28(火) 10:16:16.19ID:lvYKtUnl でもほとんどのサイトがSPAだとオーバースペック、UX低下(非SSRの場合)、リソース消費量激増(SSRの場合)、人材不足だから非SPAを選んでるんだよな
複雑なUIをどうしても避けられない高度なSaaS、社内システムなど、ならSPAを採用するメリットはあるかもしれんが、そうでないならデメリットのほうが大きい
複雑なUIをどうしても避けられない高度なSaaS、社内システムなど、ならSPAを採用するメリットはあるかもしれんが、そうでないならデメリットのほうが大きい
851デフォルトの名無しさん
2020/07/28(火) 10:44:41.06ID:87VWo28p852デフォルトの名無しさん
2020/07/28(火) 12:14:03.62ID:q6n5SbdD VueとかNext.js使ってる人は
結局SPAとしては使わずに、SSRで使ってるということか?
結局SPAとしては使わずに、SSRで使ってるということか?
853デフォルトの名無しさん
2020/07/28(火) 12:19:12.90ID:Mb4DOiRz やっぱ社内システムが正解か
854デフォルトの名無しさん
2020/07/28(火) 15:27:54.67ID:zKWFaExc >>852
SPA最大の利点はサーバの負担が軽い事だと思う。
フロントのためのロジック丸ごと省略できるから。
主に製作者側の都合なんだけどね。
例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
バックエンドは完全に共通になるしメンテ楽だわ。
ただ現状、WEBを作る場合ほとんどのケースでNextでSSRが最適解になるなあ。
SPA最大の利点はサーバの負担が軽い事だと思う。
フロントのためのロジック丸ごと省略できるから。
主に製作者側の都合なんだけどね。
例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
バックエンドは完全に共通になるしメンテ楽だわ。
ただ現状、WEBを作る場合ほとんどのケースでNextでSSRが最適解になるなあ。
855デフォルトの名無しさん
2020/07/28(火) 15:55:06.78ID:XpAjM/1U856デフォルトの名無しさん
2020/07/28(火) 16:02:20.88ID:3p32kQjL857デフォルトの名無しさん
2020/07/28(火) 16:08:18.16ID:6+Fa5W01 >>854
SPA vs サーバーでその処理を行うだったらそのとおりだけど
実際にはサーバーで処理を行うとは限らないんだよ
例えばAjaxを使ってJSONだけ読み取ってローカルの
テンプレートエンジンで処理をする。
マルチページで作るんだからこれはSPAではないよ。
JSONだけ読み取るのは現在のページ(URL)での処理だけ
それでもサーバーの負荷はわずかに減ると思うかもしれないけど
ボトルネックは通常データベースアクセスになるので
単にサーバーのCPUの休み時間が増えるだけ
> 例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
> バックエンドは完全に共通になるしメンテ楽だわ。
それもSPAである必要はないね。JavaScript(Ajax)で作ればいいだけ
SPA vs サーバーでその処理を行うだったらそのとおりだけど
実際にはサーバーで処理を行うとは限らないんだよ
例えばAjaxを使ってJSONだけ読み取ってローカルの
テンプレートエンジンで処理をする。
マルチページで作るんだからこれはSPAではないよ。
JSONだけ読み取るのは現在のページ(URL)での処理だけ
それでもサーバーの負荷はわずかに減ると思うかもしれないけど
ボトルネックは通常データベースアクセスになるので
単にサーバーのCPUの休み時間が増えるだけ
> 例えば情報系サービスをスクラッチで作るとして、最初からスマホアプリとブラウザ版を作るならSPAも悪くない。
> バックエンドは完全に共通になるしメンテ楽だわ。
それもSPAである必要はないね。JavaScript(Ajax)で作ればいいだけ
858デフォルトの名無しさん
2020/07/28(火) 16:10:31.74ID:6+Fa5W01 それにしてもURLが異なれば、通常はJavaScriptの処理も
まるっきり変わってしまうのになんでSPAにしようとしてるんだろうね
単にマルチページ+JavaScript(Ajax=テンプレート+JSON)でいいじゃない?
まるっきり変わってしまうのになんでSPAにしようとしてるんだろうね
単にマルチページ+JavaScript(Ajax=テンプレート+JSON)でいいじゃない?
859デフォルトの名無しさん
2020/07/28(火) 16:21:42.86ID:87VWo28p ここでいうSPAフレームワークはリアクティブなんだよ
ajaxで取得したデータは自分で処理書かないといかんだろが
それとコンポーネント化
これらを理解できねーゴミクズたちが必死に浅い知識でSSR自慢しに来ている
わからねえならあっち行けよ
ajaxで取得したデータは自分で処理書かないといかんだろが
それとコンポーネント化
これらを理解できねーゴミクズたちが必死に浅い知識でSSR自慢しに来ている
わからねえならあっち行けよ
860デフォルトの名無しさん
2020/07/28(火) 16:37:29.84ID:6+Fa5W01 まああれだな。新しい技術ができたら、それは銀の弾丸だとばかりに
それが正しい、それでやるべきだ!といういつもの流れ
そこから一方戻って、というブームがあったんだが実際はどうだろうか?
やりすぎだった。それが全てではない。適材適所だな。と気付いて
ようやく一人前の技術になると思うよ。今はまだブームの段階
それが正しい、それでやるべきだ!といういつもの流れ
そこから一方戻って、というブームがあったんだが実際はどうだろうか?
やりすぎだった。それが全てではない。適材適所だな。と気付いて
ようやく一人前の技術になると思うよ。今はまだブームの段階
861デフォルトの名無しさん
2020/07/28(火) 16:40:02.39ID:qSy4jWEn 再利用性、テスタビリティ、クラウドコスト削減
862デフォルトの名無しさん
2020/07/28(火) 16:49:49.58ID:3p32kQjL863デフォルトの名無しさん
2020/07/28(火) 16:51:19.91ID:3p32kQjL864デフォルトの名無しさん
2020/07/28(火) 16:55:16.95ID:87VWo28p865デフォルトの名無しさん
2020/07/28(火) 16:57:08.31ID:87VWo28p866デフォルトの名無しさん
2020/07/28(火) 17:02:54.59ID:6+Fa5W01 フレームワークでテストがしやすくなったというのも疑問点が残るよね。
例えばクリックしたら色が変わるってのをどうやってテストをしているのか
書いてみてほしいものだが
例えばクリックしたら色が変わるってのをどうやってテストをしているのか
書いてみてほしいものだが
867デフォルトの名無しさん
2020/07/28(火) 17:26:57.21ID:diSWTXUe web e2e test sweet とか
web e2e testing framework とかで検索してみたら?
web e2e testing framework とかで検索してみたら?
868デフォルトの名無しさん
2020/07/28(火) 17:32:31.17ID:6+Fa5W01 テストがやりやすいと言う割に
ググらないといけないと言うねw
ググらないといけないと言うねw
869デフォルトの名無しさん
2020/07/28(火) 17:35:54.49ID:zKWFaExc >>857
その場合でも各ページの元になるhtmlはサーバが返すだろう?
ルーティングもサーバで処理する。それだとあまり美味しくない。
SPAの利点はWEBサーバのコード不要で静的ファイルを返すだけになり身軽になる事。
クライアントの帯域とコンピューティング予算を利用するスタイルだから、こっちは楽になるのは当然。
APIとDBサーバだけなら開発の負担はぐっと軽くなる。
逆にSPAの限界は、どうやっても肥大するJS。大規模には不向き。
いわゆるマルチページ(初めて聞いたが意味は分かる)が良いならNextでSSRすればいいよ。
どっちが良いという話じゃないし。
その場合でも各ページの元になるhtmlはサーバが返すだろう?
ルーティングもサーバで処理する。それだとあまり美味しくない。
SPAの利点はWEBサーバのコード不要で静的ファイルを返すだけになり身軽になる事。
クライアントの帯域とコンピューティング予算を利用するスタイルだから、こっちは楽になるのは当然。
APIとDBサーバだけなら開発の負担はぐっと軽くなる。
逆にSPAの限界は、どうやっても肥大するJS。大規模には不向き。
いわゆるマルチページ(初めて聞いたが意味は分かる)が良いならNextでSSRすればいいよ。
どっちが良いという話じゃないし。
870デフォルトの名無しさん
2020/07/28(火) 18:01:58.05ID:q6n5SbdD >>860
Wappalyzerで国内サイトを
40社程度調べたところだが、React-frameworkで
有名らしいNext.jsもGatsbyほとんど使われてない。
Gatsbyに関してはWappalyzerで集計すらされてない。完全ランク外
ブームといえる状態にも来てないと思う。
名前は有名になってるのに導入があまりされてないのは調べてはみたけども
導入する価値がないと考えたサイトが多い証拠なんじゃないかな
Wappalyzerで国内サイトを
40社程度調べたところだが、React-frameworkで
有名らしいNext.jsもGatsbyほとんど使われてない。
Gatsbyに関してはWappalyzerで集計すらされてない。完全ランク外
ブームといえる状態にも来てないと思う。
名前は有名になってるのに導入があまりされてないのは調べてはみたけども
導入する価値がないと考えたサイトが多い証拠なんじゃないかな
871デフォルトの名無しさん
2020/07/28(火) 18:11:40.11ID:2t1H/VoS マルチページという言い方はレトロニムだね
872デフォルトの名無しさん
2020/07/28(火) 18:13:16.31ID:OfeQkEiK873デフォルトの名無しさん
2020/07/28(火) 18:19:22.00ID:2t1H/VoS874デフォルトの名無しさん
2020/07/28(火) 18:31:52.93ID:3p32kQjL ほとんどすべてのサイトでは不要かむしろUXを悪化させるんだからSPAなんてものが流行るわけがない
コンサルさんは飯の種になるから必死に広めようとしてるようだけどな
コンサルさんは飯の種になるから必死に広めようとしてるようだけどな
875デフォルトの名無しさん
2020/07/28(火) 18:38:12.60ID:diSWTXUe 数学わからないおじさん「数学なんて必要ない!」
英語わからないおじさん「英語なんて必要ない!」
こういう人はいくら必死に必要ない必要ない喚き続けても誰からも尊重されずバカにされてるよwww
英語わからないおじさん「英語なんて必要ない!」
こういう人はいくら必死に必要ない必要ない喚き続けても誰からも尊重されずバカにされてるよwww
876デフォルトの名無しさん
2020/07/28(火) 18:38:54.39ID:O4fp8d0k 要らないんならこのスレ来なきゃ良いのに
877デフォルトの名無しさん
2020/07/28(火) 18:42:44.44ID:diSWTXUe878デフォルトの名無しさん
2020/07/28(火) 18:45:47.58ID:q6n5SbdD >>872
基幹業務と違ってWebのフロントは短期間でリニューアルする。
大手ほど資金力あるから制限なくStackを選べる。
日経、朝日、読売新聞を見てみたが
web frameworkすら使われてないじゃないかw
読売は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
基幹業務と違ってWebのフロントは短期間でリニューアルする。
大手ほど資金力あるから制限なくStackを選べる。
日経、朝日、読売新聞を見てみたが
web frameworkすら使われてないじゃないかw
読売は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
879デフォルトの名無しさん
2020/07/28(火) 19:14:33.13ID:q6n5SbdD880デフォルトの名無しさん
2020/07/28(火) 19:15:26.80ID:diSWTXUe881デフォルトの名無しさん
2020/07/28(火) 19:15:32.97ID:y6zNnWpS お前らが提案するフレームワーク名
毎回変わってて草
毎回変わってて草
882デフォルトの名無しさん
2020/07/28(火) 19:23:18.06ID:O4fp8d0k883デフォルトの名無しさん
2020/07/28(火) 19:30:27.08ID:q6n5SbdD884デフォルトの名無しさん
2020/07/28(火) 19:31:59.50ID:3p32kQjL 本当に良いものは長く使われる
SPAはすぐに次のトレンドに置き換えられるだろう
Svelteなどなどすでにその兆候がある
SPAはすぐに次のトレンドに置き換えられるだろう
Svelteなどなどすでにその兆候がある
885デフォルトの名無しさん
2020/07/28(火) 19:42:45.57ID:zKWFaExc 過去の遺産があれば大規模なリニューアルは難しいだろうよ。
それは否定しない。いろんな事情あるからね。
ただ内部で開発ガッツリしてる系のサービスはおおよそNextなりVue使ってる感じ。
以前みたDMMの記事は面白かったよ。興味があればDMM Insideとか見るといい。
それは否定しない。いろんな事情あるからね。
ただ内部で開発ガッツリしてる系のサービスはおおよそNextなりVue使ってる感じ。
以前みたDMMの記事は面白かったよ。興味があればDMM Insideとか見るといい。
886デフォルトの名無しさん
2020/07/28(火) 19:50:27.97ID:BMfiR1yf どこそこの大手アプリはうまく行った!
こういうロジックでフレームワークを推奨してくる人には警戒したほうがいい
アプリのスケール感を全く考えてないから
日曜大工ツールセットで作るべき物を巨大重機で作ろうとするようにおかしなことになる
こういうロジックでフレームワークを推奨してくる人には警戒したほうがいい
アプリのスケール感を全く考えてないから
日曜大工ツールセットで作るべき物を巨大重機で作ろうとするようにおかしなことになる
887デフォルトの名無しさん
2020/07/28(火) 19:55:35.33ID:zmkVdjHm フロントフレームワークって基本はSEO切り捨てていい部分のページ向けにまず作ってみるっていうのが大前提だと思う
888デフォルトの名無しさん
2020/07/28(火) 19:56:21.61ID:zKWFaExc889デフォルトの名無しさん
2020/07/28(火) 19:56:57.82ID:87VWo28p トップページをワッパライザしてSPA使われてねーとかほざいてるゴミ
890デフォルトの名無しさん
2020/07/28(火) 20:07:19.55ID:ijkedvTd >>888
保守、メンテナンスを考えるとSPA人材の少なさが大きな問題だな
WEB系フレームワーク使う人って、やっぱ、新しいもの好きが多いんだよね
んで、要領良くチャラチャラ生きてきたせいか知らんけど、責任感もない人が多くて、すぐに新しいものに目移りしたり、転職しちゃう
こういう連中に、数年後に、ちょっと前に流行ったあのフレームワークなんだけど、君が作ったやつ、あれメンテナンスしほしいなー、って言うとすげー嫌がるんだわ
ただでさえ少ない人材が、年月を重ねるとまじで皆無になる
で、連中はコピペ人間かよって思うぐらい同じようにこういうんだ、「新しい素晴らしいフレームワークに載せ替えましょう。お見積りはこれぐらいで」
信用ならねぇわ、古くから愛用されて、これから先もずっと生き残ると思われる技術、それを使う技術者こそが信用にたりうる
保守、メンテナンスを考えるとSPA人材の少なさが大きな問題だな
WEB系フレームワーク使う人って、やっぱ、新しいもの好きが多いんだよね
んで、要領良くチャラチャラ生きてきたせいか知らんけど、責任感もない人が多くて、すぐに新しいものに目移りしたり、転職しちゃう
こういう連中に、数年後に、ちょっと前に流行ったあのフレームワークなんだけど、君が作ったやつ、あれメンテナンスしほしいなー、って言うとすげー嫌がるんだわ
ただでさえ少ない人材が、年月を重ねるとまじで皆無になる
で、連中はコピペ人間かよって思うぐらい同じようにこういうんだ、「新しい素晴らしいフレームワークに載せ替えましょう。お見積りはこれぐらいで」
信用ならねぇわ、古くから愛用されて、これから先もずっと生き残ると思われる技術、それを使う技術者こそが信用にたりうる
891デフォルトの名無しさん
2020/07/28(火) 20:07:45.73ID:q6n5SbdD892デフォルトの名無しさん
2020/07/28(火) 20:08:41.59ID:O4fp8d0k ajaxって最早死語だよね
893デフォルトの名無しさん
2020/07/28(火) 20:32:28.27ID:y6zNnWpS XHRだよな
894デフォルトの名無しさん
2020/07/28(火) 20:39:29.09ID:q6n5SbdD https://svelte.dev/blog/write-less-code
SvelteによるReact, Vue批判
コードが冗長すぎてうんこだと批判されてる。
Reactすこし触ったときにアホみたいにevent handler出てきて
なんでこんなめんどくさいことやってんだろうと思ったけど直観は正しかったようだ。
SvelteはcompilerだからJSの特殊さに縛られないらしい
たしかにコードがすごい短い
JS嫌いな人にはあってるかもしれないな
SvelteによるReact, Vue批判
コードが冗長すぎてうんこだと批判されてる。
Reactすこし触ったときにアホみたいにevent handler出てきて
なんでこんなめんどくさいことやってんだろうと思ったけど直観は正しかったようだ。
SvelteはcompilerだからJSの特殊さに縛られないらしい
たしかにコードがすごい短い
JS嫌いな人にはあってるかもしれないな
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 「中国側も日本機のレーダーを感知していた」 中国メディアが報道 [♪♪♪★]
- 【YouTuber】バイク事故で入院のゆたぼん、振込で「お見舞金」募る [muffin★]
- 高市早苗首相、消費税減税に後ろ向き 足かせはレジシステム? 「責任ある積極財政」期待高いが [蚤の市★]
- 堀江貴文、キャッシュレス非対応の店にモヤッ 『PayPay』立ち上げの人物にまさかの直談判「現金決済しかできないんだけど…」 [冬月記者★]
- 低所得層のマクドナルド離れが深刻に 広がる「ファストフード格差」の真相 米国 [少考さん★]
- バリ島で男子生徒ら集団万引きか、防犯カメラ映像が拡散 京都の大谷中学・高校が「窃盗行為」謝罪★7 [七波羅探題★]
- 防衛省、中国を完全論破www 「事前通告があったのは海自であって空自ではない」 高市早苗勝利 [175344491]
- 【悲報】JA「全然米が売れなくて倉庫を圧迫してる。助けて!」米卸売り業者「安売りしたら赤字になる…助けて!」 [802034645]
- 犬が布団入ってくるんだが
- 【悲惨】中国軍が自衛隊に「事前通告」し自衛隊も返答した音声が公開されてしまうwwwこれは高市チェックアウトゕ★4 [597533159]
- 高市早苗さん、もう自決でしか許されないレベルになる [402859164]
- 韓国政府、高市早苗の「竹島領土」発言にブチギレwwwwwwwwwwwwwwww [834922174]
