Vue vs React vs Angular Part.2

**デフォルトの名無しさん** · 2019/03/09(土) 22:02:33.71

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
-
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
※前スレ
Vue vs React vs Angular
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください

**デフォルトの名無しさん** · 2019/04/23(火) 23:47:16.01

分ける単位ってどれくらいがいいんだろうな。
自分は
・メインコンテンツ
・ヘッダー
・フッター
・サイバー
・繰り返しだすコンポーネント(例：カレンダーの１日単位)
くらいにしか分けてないな

**デフォルトの名無しさん** · 2019/04/23(火) 23:49:15.78

あとは
・フローティングで出す入力フォーム
とかも分けてるか

**デフォルトの名無しさん** · 2019/04/24(水) 01:09:09.86

やたらローディングでブラウザ固まるようなサイトがあるけどどうにかならんのかね
スリープ挟みながら画像/広告をロードするとかさ

**デフォルトの名無しさん** · 2019/04/24(水) 04:00:40.49

いずれangularが再評価され
angularに行きつくことになる

**デフォルトの名無しさん** · 2019/04/24(水) 04:32:57.32

>>555
Reactとか使ってるんだろ。
JavaScriptファイルを読み込まないと表示されない上に
JavaScriptファイルがでかいからな

**デフォルトの名無しさん** · 2019/04/24(水) 08:23:52.42

大体の場合は画像の方が大きいを思うけどね

**デフォルトの名無しさん** · 2019/04/24(水) 08:26:20.44

阿部寛のHPは何を使ってるの？

**デフォルトの名無しさん** · 2019/04/24(水) 09:01:17.83

爆速で有名な阿部寛さんのサイトを真面目に分析してみた。
https://qiita.com/Leapin_JP/items/22fb33fe7bdb6ad252fb

阿部寛のサイトを高速化する
https://qiita.com/Morix1500/items/0eac072a027d478a6b83

**デフォルトの名無しさん** · 2019/04/24(水) 09:25:06.69

5Gの時代になればファイルの大きさ関係ない
SSRすら必要なくなる

**デフォルトの名無しさん** · 2019/04/24(水) 09:45:06.49

クライアント側の回線が速くなってもバックボーンやサーバー側の回線と処理能力は変わらないので
4Gがボトルネックだった場合しか変わらんよ

**デフォルトの名無しさん** · 2019/04/24(水) 10:00:20.58

規模感あるところはそのままVue使わずにNuxtだね
VueだととっちらかるからNuxtに辿り着くな
保守性ないと破綻する

**デフォルトの名無しさん** · 2019/04/24(水) 12:14:38.40

広告ベタベタのまとめサイトとかフリーズするけど
アクセス解析なのか画像なのかネットワークIOなのか原因が良く分からない

**デフォルトの名無しさん** · 2019/04/24(水) 12:29:52.49

SPAサイトはSEOに弱いからSEO用にSSRとjsレンダリングの2つに別けましょうとかGoogleかどこかがアピールしてた

**デフォルトの名無しさん** · 2019/04/24(水) 12:48:40.26

>>561
ギガを使いきって速度規制されたら同じだろ？
阿部寛のサイトはギガ死した人々のためのサイトだからな。

**デフォルトの名無しさん** · 2019/04/24(水) 13:32:01.02

>>560
js使ってないのか

**デフォルトの名無しさん** · 2019/04/24(水) 14:09:34.24

>>553
サイバーってサイドバー？

**デフォルトの名無しさん** · 2019/04/24(水) 14:32:08.54

サイババ記念日らしい

**デフォルトの名無しさん** · 2019/04/24(水) 15:42:24.09

>>558
> 大体の場合は画像の方が大きいを思うけどね

そうじゃねーよ。画像はあとから非同期でダウンロードされるだろ。
まず最初はHTMLとCSS。これで最低限の画面は表示される。

JavaScriptは後から。JavaScriptがダウンロードされないと
動きはできないが、初期画面は見える（その間にダウンロードされる）

っていうのがjQuery時代のベストだったんだが、
今はそんなベストを目指さずJavaScriptがダウンロードされるまで
画面見なくていいじゃんに悪化してしまった。

**デフォルトの名無しさん** · 2019/04/24(水) 20:39:13.63

>>570
クソエロサイトくらいにしか役たたなそうな技術だな。

**デフォルトの名無しさん** · 2019/04/24(水) 20:49:42.32

クソエロサイトくらい？

アクセスが多いサイトってことですか？

**デフォルトの名無しさん** · 2019/04/24(水) 21:35:26.29

ただまあ高速化の技法がサーバからフロントに比重が移ったのは分かる。フロントの高速化は面倒だよな。

**デフォルトの名無しさん** · 2019/04/24(水) 22:32:10.71

フロントの高速化っていうか
自分で遅くしといて、戻そうとしてるだけだけどなｗ
なんだかんだでHTML+CSSだけが一番早い

**デフォルトの名無しさん** · 2019/04/24(水) 23:18:24.27

まあね

**デフォルトの名無しさん** · 2019/04/25(木) 10:20:54.52

SSRなんかは典型だな。サーバからフロントへ、そして今またサーバへ。FCPのcss埋め込みなんて手作業じゃやる気せんよ。まあフレームワークが勝手にやってくれるんだけど。

**デフォルトの名無しさん** · 2019/04/25(木) 11:57:42.71

JAMスタックが解だね
結局SSRはやらないのが一番いい

**デフォルトの名無しさん** · 2019/04/25(木) 21:01:57.88

Generic Vue Template Interpolation Language Features | Pine Wu's Blog
https://blog.matsu.io/generic-vue-template-interpolation-language-features

VueテンプレートにもTypeScriptの型チェックがktkr

**デフォルトの名無しさん** · 2019/04/25(木) 21:26:39.12

すげえ

**デフォルトの名無しさん** · 2019/04/25(木) 23:17:22.96

いままでts部分だけ別ファイルに分離してたけどそれが要らなくなるのか。

**デフォルトの名無しさん** · 2019/04/26(金) 00:20:47.16

素敵やん

**デフォルトの名無しさん** · 2019/04/27(土) 01:45:05.36

https://www.netbk.co.jp/contents/pages/lib/vendor.js?065e662c2c54549a5503

とある銀行のページ
これが情報を抜き取りgoogleに横流ししてると主張してる人がいるんですが、本当でしょうか？
怪しい所ありますか？

**デフォルトの名無しさん** · 2019/04/27(土) 03:13:41.43

こわくてふめない

**デフォルトの名無しさん** · 2019/04/27(土) 03:26:49.88

>>582
見てないけどそこがgoogleのサービス使ってたとことで
ユーザーが気にすることじゃないだろ

横流しという言葉の意味分かってるのか？
仮に同意無しに個人情報をどこかに売るにせよjsのコードで直に送るやつなんて居ない

**デフォルトの名無しさん** · 2019/04/27(土) 08:03:15.52

>>582
分からん。精々コード内のMITライセンスに関するコメント文からAngular.jsを使ってるって事ぐらいしか理解できん。

そもそもこれビルドされて人間が読む為のコードじゃなくなってるよね。どうやって読んだんだろ。

まぁ、その奇天烈怪奇な主張している池沼君に何を根拠にその結論に至ったのか聞いてみたら？

因みに、横流しという言葉をどういった意味で使ってるかは知らないけど、もし俺が銀行のエンジニアで顧客情報をGoogleにコッソリ渡すなら、
客から見えるフロントエンドでなく、バックエンド側で直接データ送信するな。

**デフォルトの名無しさん** · 2019/04/27(土) 08:17:20.43

チョゲ&アスカのアスカもギフハブにARアプリで監視されてるっていってたし、俺たちごときのエンジニアにはわからない最新テクノロジーで横流ししてるんだろ。

**デフォルトの名無しさん** · 2019/04/27(土) 10:22:35.62

クスリで強迫性障害を患っただけでは？ｗ

**デフォルトの名無しさん** · 2019/04/27(土) 10:27:25.18

どうせマルチポストのリンク貼り魔じゃねーの？
なんでそこまで真に受けて延々と話してんのさ

**デフォルトの名無しさん** · 2019/04/27(土) 13:06:16.02

ギフハブ=github説ほんとすき

**デフォルトの名無しさん** · 2019/04/27(土) 13:38:35.30

ジャップは信用ならない

**デフォルトの名無しさん** · 2019/04/28(日) 18:24:36.61

Vuexが上手くラップされてる

**デフォルトの名無しさん** · 2019/04/29(月) 12:09:12.70

JavaScript系FWでアプリを作るとソースコードを全部見られますよね
ソース見てゲームなんかのアルゴリズムを解析されたら嫌なのですが、
ReactNative使ってアプリ作っても結局同じことですよね・・・？

**デフォルトの名無しさん** · 2019/04/29(月) 12:44:45.24

君で思いつく程度のアルゴリズムであれば、誰にとっても財産的価値は無いから気にする必要はないよ。
パスワード保護とかの手法なら、それこそ既存のライブラリ使ってください

**デフォルトの名無しさん** · 2019/04/29(月) 15:03:59.71

え、チートを防ぎたいのでは

**デフォルトの名無しさん** · 2019/04/29(月) 20:25:45.63

だとしたらアルゴリズムを心配してるのがトンチンカンだな。
データの心配しろよと。

**デフォルトの名無しさん** · 2019/04/30(火) 00:08:49.38

え、データだけの意味が分からない

**デフォルトの名無しさん** · 2019/04/30(火) 09:52:43.85

解析されたら終わるルールはゲームとして良くはないね
本質は、乱数か人との戦いだろ。
それでも実装を見られたくないならwasm使うしかないんじゃない

**デフォルトの名無しさん** · 2019/04/30(火) 10:03:24.48

wasmも数年前に比べると大分手近になったよね

**デフォルトの名無しさん** · 2019/04/30(火) 13:01:01.81

>>687
犯人がネトウヨだったようだけど
ヘイトスピーチしたネトウヨの糞のお前らは
在日に謝らなくていいの？

**デフォルトの名無しさん** · 2019/04/30(火) 13:04:10.71

いったい何と戦ってるんだ？

**デフォルトの名無しさん** · 2019/04/30(火) 16:43:13.59

wasmの逆アセンブルなんて超簡単だが…

**デフォルトの名無しさん** · 2019/04/30(火) 19:01:22.35

>>601
もし仕事でやれって言われたら、どれくらいの見積もりだす？
どこまでやるかは、君が「超簡単」と言ったときに思った範囲でいいよ。

**デフォルトの名無しさん** · 2019/04/30(火) 19:20:56.57

スレ違いの話題で喧嘩すんなよ

**デフォルトの名無しさん** · 2019/04/30(火) 20:24:14.39

チートされたくないならサーバー上で処理するしかない
ブラウザの実行されているPCは開発者のコントロール下には無いから
時間さえ掛ければ破れるだろう

難読化したりプログラムを複雑にして
実装されたセキュリティは
Security through obscurityと呼ばれる
解析を遅らせたり、本気で解析する気の無い奴を遠ざける事は可能だが
不正行為から守る手段としては確実とは言えない

**デフォルトの名無しさん** · 2019/04/30(火) 21:36:43.40

ゲーム板な話題なんでアレだけど不正検知の方が大事
クライアントサイドなんて遅かれ早かれ全部見られる

**デフォルトの名無しさん** · 2019/04/30(火) 22:06:02.83

ネットゲームは、解析されるまでに
サービス終了させてしまえばいい

それまでの間、解析されても無駄になるように
頻繁にバージョンアップする

**デフォルトの名無しさん** · 2019/04/30(火) 23:22:26.27

ゲームは知らんが、実際フロントのJSで解読されたく無い処理なんて無いよな。所詮データ表示してるだけだし。

**デフォルトの名無しさん** · 2019/05/01(水) 14:46:02.39

フロントはサーバーからAPIやら何やらでデータ持ってくるだけだから無問題でしょ

**デフォルトの名無しさん** · 2019/05/01(水) 21:46:44.39

フロントが安くみられる理由ではあるな。

**デフォルトの名無しさん** · 2019/05/01(水) 21:56:12.32

所詮クライアントで出来る事しか出来ないからな

**デフォルトの名無しさん** · 2019/05/01(水) 22:09:52.31

クライアントできることって、
例えば、3Dレンダリングとか？
動画エンコーディングとか？
クライアントならすごいことできるって言いたいのかなぁ？

**デフォルトの名無しさん** · 2019/05/02(木) 11:50:10.12

プッシュ通知とかWebカメラ使った画像解析とかGセンサーとかね

**デフォルトの名無しさん** · 2019/05/02(木) 12:06:47.46

フロントが軽く守られる風潮は営業がそうだからね。もう工数も人員的にも7:3ぐらいでフロント。

**デフォルトの名無しさん** · 2019/05/02(木) 12:07:17.03

すまん、見られるね。

**デフォルトの名無しさん** · 2019/05/02(木) 13:03:14.76

その辺りの人間が勉強しないとな

**デフォルトの名無しさん** · 2019/05/02(木) 18:23:54.03

真のフロントエンジニアがぜんぜんいない
どいつもこいつもエセフロントエンジニアしかおらん

**デフォルトの名無しさん** · 2019/05/03(金) 16:03:38.35

CSSコンポーネントってどれがいいの？

**デフォルトの名無しさん** · 2019/05/03(金) 19:01:46.34

cssにまでコンポーネントなんか使わねえよ
それいろいらやってみたが再利用性低いしものすごい使いにくい
cssはjsの外に持つべき
なんでもjsでやろうとするな
そしてscss使え

**デフォルトの名無しさん** · 2019/05/03(金) 21:27:01.47

redux-actionsって便利っぽいのにgithubでredux採用プロジェクト見てもあんま使われてないのはなんか罠があるの？

**デフォルトの名無しさん** · 2019/05/04(土) 10:14:57.37

メンテナの規模じゃね
実質1人だし

**デフォルトの名無しさん** · 2019/05/04(土) 11:01:16.00

無駄なテンプレ化という印象しかない。
そのうち具体的に何書いてるかわからなくなってメンテ不可になりそう。

**デフォルトの名無しさん** · 2019/05/04(土) 20:14:11.36

nodeでローカルに何かのライブラリインストールすると普通に3万個とか5万個とかのファイルができる
それで作るアプリは初歩のjsで実現できるレベル

**デフォルトの名無しさん** · 2019/05/04(土) 21:45:06.68

>>622
何のライブラリをインストールしたの？

**デフォルトの名無しさん** · 2019/05/05(日) 13:43:38.99

ReactNative

**デフォルトの名無しさん** · 2019/05/05(日) 14:12:43.76

仕組み分かってなさそう・・・

**デフォルトの名無しさん** · 2019/05/05(日) 14:47:13.81

特に何かってよりスレタイのフレームワークをCLIで入れるだけで相当数のファイル入るよね

**デフォルトの名無しさん** · 2019/05/05(日) 17:59:01.33

windows使ってるならファイル数見てみたらいいよ
数万入ってる

**デフォルトの名無しさん** · 2019/05/05(日) 21:57:26.76

Vueは何が学習コストが低いだよｗ
ちょっとだけ触るのに手間がかからないってだけの間違いだろ

vuex router使うようなレベルになると
なんら学習コストのアドバンテージはない

**デフォルトの名無しさん** · 2019/05/05(日) 22:21:54.20

>>628
導入コストは低いけど決して学習コストは低くないよね

**デフォルトの名無しさん** · 2019/05/05(日) 22:33:03.03

だからあれほどReactにしろと

**デフォルトの名無しさん** · 2019/05/05(日) 22:48:36.49

Material UIってどうなの？他にもっといいのとかある？

**デフォルトの名無しさん** · 2019/05/05(日) 23:50:55.58

だからjQueryがほとんどのサイトでは適切なんだよ。
アプリなんて作るのはごく一部だから

**デフォルトの名無しさん** · 2019/05/05(日) 23:56:58.40

お前は自分の立てたスレに帰れよ

**デフォルトの名無しさん** · 2019/05/06(月) 00:00:40.86

スレの数だけ、俺の居場所がある。

**デフォルトの名無しさん** · 2019/05/06(月) 15:59:00.41

SPAはNuxtが伸びるだろうね
Vueだけで規模でかくなるの辛いわ

**デフォルトの名無しさん** · 2019/05/06(月) 18:52:47.92

>>631
UI素人がMaterial UIで構築していたが、激しく素人感でていてさすがだと思った

**デフォルトの名無しさん** · 2019/05/06(月) 20:38:31.92

Vue CLI 3が出てもnuxt必要？

**デフォルトの名無しさん** · 2019/05/06(月) 20:44:38.03

SSRってどれくらい必要なんだろうね
GoogleではSSRなしでも正しく識別されるけどYahooだとダメとかそんな感じかな？

**デフォルトの名無しさん** · 2019/05/06(月) 20:53:31.17

そもそもアプリケーションを検索対象にしたいって時点で
使う技術が間違っていることに気づこう

**デフォルトの名無しさん** · 2019/05/06(月) 22:45:00.75

SSRとかSPAとか用語乱立しすぎだろ

**デフォルトの名無しさん** · 2019/05/06(月) 22:57:06.92

今に始まったことじゃないやろ

**デフォルトの名無しさん** · 2019/05/06(月) 23:19:28.31

RとかSRとかSSRとか

**デフォルトの名無しさん** · 2019/05/07(火) 08:33:38.77

>>635
SPAにするならNuxt要らなくね？
PWAと間違えてないか？

**デフォルトの名無しさん** · 2019/05/07(火) 12:29:25.28

SSRはどうにも眉唾なテクだよな。速度だけが目的で下手に実装するとカオスへの入り口。

**デフォルトの名無しさん** · 2019/05/07(火) 16:17:10.88

nuxtは規約があるのがでかい
最低限の秩序はほしい

**デフォルトの名無しさん** · 2019/05/07(火) 19:40:00.66

SSRとかそもそもやろうとしてることが不自然すぎるだろ。

**デフォルトの名無しさん** · 2019/05/07(火) 19:59:43.27

そのうちGoogleとかがSPAとか仮想DOMの方がSEO点数高くなるとかなればいいのにな

**デフォルトの名無しさん** · 2019/05/08(水) 00:07:46.96

SPAとか仮想DOMが使われていて、
かつ検索したいサイトをお前は思いつくか？

**デフォルトの名無しさん** · 2019/05/08(水) 00:11:28.70

検索したいのはデータなんだからいくらでもあると思うが

**デフォルトの名無しさん** · 2019/05/08(水) 00:18:34.32

だからSPAや仮想DOMを使うようなもので
検索したいデータなんてあるのかって話をしてるんだよ

ログインしなきゃ見れない個人情報を検索されたくあるまい？

**デフォルトの名無しさん** · 2019/05/08(水) 00:53:55.69

SPAや仮想DOMを何だと思っているのか

**デフォルトの名無しさん** · 2019/05/08(水) 01:49:25.54

何に学習コスト払うか迷うなぁー

Vue盛り上がってるけど案件ないだろ