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/05/08(水) 21:43:03.66

>>357の件の発表が来ましたよっと

「Flutter for Web」のテクニカルプレビューリリースを発表
https://www.publickey1.jp/blog/19/googleflutter_for_webflutterwebfluttergoogle_io_2019.html

Flutter for web
https://github.com/flutter/flutter_web
https://flutter.dev/web

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

名前がダサい…

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

次から次へとええかげんにせいよ…

**デフォルトの名無しさん** · 2019/05/08(水) 23:12:44.98

フラッパーみたいだよね

月刊コミックフラッパーオフィシャルサイト
https://comic-flapper.com
フラッパーとは - コトバンク
https://kotobank.jp/word/%E3%83%95%E3%83%A9%E3%83%83%E3%83%91%E3%83%BC-620981

**デフォルトの名無しさん** · 2019/05/08(水) 23:21:34.90

>>666
よく考えてみよう。

何もしないことが正解ではないか？

**デフォルトの名無しさん** · 2019/05/09(木) 00:10:23.60

韓国の友達とトンカツ食べながら話した（韓国ではトンカツが人気）けど、日本のWebサイトはとても遅れてるそうだ
SPAのサイトが少なくてレガシーだと驚いてたよ
日本っぽいよねと言われて思わずそうだと笑ってしまったよ
この国大丈夫なのかね
まぁ俺は愛着ないから良いけどさ

**デフォルトの名無しさん** · 2019/05/09(木) 01:34:10.79

知らんがな

**デフォルトの名無しさん** · 2019/05/09(木) 01:42:02.41

韓国のアプリが優れてるのはガチ
日本が遅れてるだけかもしれんが

**デフォルトの名無しさん** · 2019/05/09(木) 02:35:48.23

うん。だから韓国にも韓国人にも韓国人が言うことにも興味はない
ここは日本だし、韓国はアメリカですら無い

**デフォルトの名無しさん** · 2019/05/09(木) 06:48:51.12

>>663
付け焼き刃でVuexもVueRouterも使ってない様ななんちゃってVueなんてそもそもこのスレの対象じゃない

**デフォルトの名無しさん** · 2019/05/09(木) 06:55:58.86

>>669
阿部寛さんのホームページディスってんの？

**デフォルトの名無しさん** · 2019/05/09(木) 10:30:33.47

てるまえ

**デフォルトの名無しさん** · 2019/05/09(木) 14:53:26.63

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

阿部寛のサイトを超える高速化は
結構むずい

**デフォルトの名無しさん** · 2019/05/09(木) 15:21:50.90

AngularのTS固定は先見てたね

結局ReactもVue(Nuxt)も
規模大きくなれば堅牢化を求めてTSのニーズ高い

**デフォルトの名無しさん** · 2019/05/09(木) 19:18:59.10

AureriaもTSですよっと

**デフォルトの名無しさん** · 2019/05/09(木) 19:35:21.72

tsでreduxとかやりとうない

**デフォルトの名無しさん** · 2019/05/09(木) 19:48:44.53

>>679
なんで？

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

確かにnuxtでtsやとうとするとサンプルが不十分で躊躇するな。とりあえず公式はTSで記述して欲しい。

**デフォルトの名無しさん** · 2019/05/09(木) 23:14:08.08

TSって何の略？女から男でもTS？

**デフォルトの名無しさん** · 2019/05/09(木) 23:16:14.37

転性（TenSei）物の略じゃなかったのか・・・
転生にかけて転性

**デフォルトの名無しさん** · 2019/05/10(金) 07:11:07.75

trans sexualだろ

**デフォルトの名無しさん** · 2019/05/10(金) 11:28:53.17

https://www.packtpub.com/packt/offers/free-learning
今日の無料教材はAngular Fundamentals with TypeScript [Video]ですよっと

**デフォルトの名無しさん** · 2019/05/10(金) 20:38:35.89

Dart TypeScript どっちかにせい

**デフォルトの名無しさん** · 2019/05/10(金) 21:53:18.09

Dartは2度死ぬ

**デフォルトの名無しさん** · 2019/05/10(金) 22:55:18.75

TA固定は微妙なとこだと思うけどな。
型を軽んじる方も無駄に型信者になる方もどっちも間違ってる印象。

**デフォルトの名無しさん** · 2019/05/10(金) 23:01:59.52

元々サーバーサイドで出力した値をグローバル変数で渡してた部分で変数未定義のエラーがどうしても消えなくてイライラした（ちゃんと動作はしてる）
黙認のエラーは非表示とかできんもんかって思った

**デフォルトの名無しさん** · 2019/05/10(金) 23:04:44.67

ts なら declare 使えば

**デフォルトの名無しさん** · 2019/05/10(金) 23:21:40.79

>>690
ちなAngularだったんだけどそれ書いても上手く行かなかったんよねもしかしたら利用箇所じゃなくapp-module側で書くとかルールがあるのかも知れんけど
その時ググって出たのは大体試したけどダメだったから仕方なくDOM経由で渡す事にした

…っていうよりやっぱReactでいいやって結論に至った

**デフォルトの名無しさん** · 2019/05/10(金) 23:44:17.71

ReactはVueに食われると予測する
堅牢で全部入りのAngularは一定層に
需要あると見るから安定して存在し続ける

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

実際問題VueからReactに移るって人は居ても逆はないと思うんだよね
両方それなりに触ったけど

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

実態は>>349

**デフォルトの名無しさん** · 2019/05/11(土) 00:16:31.79

まず*.vueってテンプレート書式がjsxに比べて煩雑というか冗長なんだよね
あとタグの中にv-if、v-forって書くよりもJavaScriptとして制御文を書く方が柔軟だし明快なんだよね

**デフォルトの名無しさん** · 2019/05/11(土) 12:07:13.98

Web　　　/ Native　　　　　　　　/ WebView型
-----
React　　/ React Native　　　　/ Cordova
Vue　　　/ Weex, NativeScript / Cordova
Angular　/ NativeScript　　　　/ Cordova
(Flutter for Web) / Flutter　　 / -

開発
-----
React　　　　　： Facebook
React Native ： Facebook
Vue　　　　　　： (コミュニティ + スポンサー)
Weex　　　　　： Apache Foundation (Alibabaから移管)
Angular　　　　： Google
Flutter　　　　： Google
NativeScript　： Progress Telerik
Cordova　　　： Apache Foundation (Adobeから移管)

**デフォルトの名無しさん** · 2019/05/11(土) 12:18:07.62

GoogleがAngularとFlutterをどう考えるか
TelerikがVueをどれくらい支援するつもりかで
将来への安定性が変わってくる

**デフォルトの名無しさん** · 2019/05/11(土) 12:57:08.42

ちなみにAlibabaは、今はReactに似たフレームワークの
Rax(WebとWeexでのネイティブ対応)の開発を行っているので
Vueへの支援は限定的と思われる

**デフォルトの名無しさん** · 2019/05/11(土) 21:29:48.13

>>692
全部入りを好む奴は総じてプログラマとしてクソ

**デフォルトの名無しさん** · 2019/05/11(土) 21:30:45.78

WeexよりもVueNativeの方がまだいいんじゃないかね

**デフォルトの名無しさん** · 2019/05/11(土) 22:12:47.06

全部入りといえばVisual Studio

**デフォルトの名無しさん** · 2019/05/11(土) 22:59:18.42

>>700
出来の良し悪しはともかく
数が多くなるのと、対象の道連れになるのでラッパー類は除いてる
Ionic、Nuxt、Vue Nativeなど

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

Reactのインポート地獄をみんなどうしてる？？

よく使うのは、protoとかに生やしてたりすんの？

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

https://cdn-images-1.medium.com/max/1600/1*a6X55OJdZfefGKE2LFUZ1A.png

こういう感じで、さらにstyled componentとかにすると、さらに増えて完全に地獄なんだが。。

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

>>704
自分はパスのテーブル作ってループでリストにpushしてから配備してるからRouteとimportが一緒のファイルにはならないな

**デフォルトの名無しさん** · 2019/05/13(月) 16:55:44.14

フレームワークごとのお作法を学ぶ作業しんどい

**デフォルトの名無しさん** · 2019/05/13(月) 22:20:51.61

you 造っちゃいなョ

**デフォルトの名無しさん** · 2019/05/13(月) 22:52:30.18

そして同じようなフレームワークがまたできて、同じように文句言われるわけだ。

**デフォルトの名無しさん** · 2019/05/14(火) 00:13:13.60

ホント普遍的だなこの風刺画ｗｗ
https://imgs.xkcd.com/comics/standards.png
https://naglly.com/archives/2011/07/xkcd-standards.php

**デフォルトの名無しさん** · 2019/05/14(火) 00:51:22.05

jsフレームワークの主流インデントって
スペース2つだけど

見にくくない？4つよくない？

**デフォルトの名無しさん** · 2019/05/14(火) 03:04:17.17

俺も4が好きだが何で2が主流になったんだろうな。残念だ

**デフォルトの名無しさん** · 2019/05/14(火) 03:29:16.91

てかなんでスペース使うの？tabでよくない？

**デフォルトの名無しさん** · 2019/05/14(火) 03:41:22.54

tabは使いこなすのが難しい
他人が見てもずれないようにするために
複雑なルールが必要になる

**デフォルトの名無しさん** · 2019/05/14(火) 03:42:16.89

複雑というより奇妙というべきか
一見なんでこんなルールが必要なんだ？と思うようなルール。
理由を聞けばわかるだろうがそのルールを守るのに神経を使う

**デフォルトの名無しさん** · 2019/05/14(火) 04:08:46.60

言ってる意味がよく分からんから実際に問題となる一例でも挙げてみてくれ

**デフォルトの名無しさん** · 2019/05/14(火) 07:50:55.79

pythonみたいに閉じ括弧ないと2はキツイなと思うけど、jsはそうでもない。

**デフォルトの名無しさん** · 2019/05/14(火) 07:52:39.50

1tab = 1インデント、それ以外の箇所にtab使うなで済むと思うけどな
インデントの異なる行同士で揃えようとしてる人は知らんが

**デフォルトの名無しさん** · 2019/05/14(火) 10:15:18.26

折り返した引数の開始位置とか、メソッドチェーンの書き方とか
あと、代入時の開始位置揃えあたりかね

タブの定義をnスペース単位のパディングとかにせず、前後行との関連での自然な位置ということにすれば、いつでも1タブで良くなるのに。

**デフォルトの名無しさん** · 2019/05/14(火) 10:40:59.88

>>715
タブを使うとインデントとはなにか？という概念の話が始まる（笑）

インデントというのは文字列の前にある空白だが
文字列の前にある空白だからといって必ずしもインデントにはならない。

以下の例ではインデントを _、空白を全角空白で表現している。

_____readyState='loading' # loading: 読み込み中
_____　　　　　　　　　　　　　# interactive: 外部ファイル読み込み中
_____　　　　　　　　　　　　　# complete: 読み込み完了

このような使い分けが必要になる。

インデントの幅は人によって違うため、全てをタブで表現してしまうと
以下のようにずれてしまう。

_____readyState='loading' # loading: 読み込み中
_______________# interactive: 外部ファイル読み込み中
_______________# complete: 読み込み完了

つまりインデントというのは、コードを行単位で見るのではなく
矩形的なブロックと見て、そのブロック全体をずらすことを言う。

見やすさのために桁を揃えるという作業ではなく、意味的に前の行とつながっている行なのか？
という判断が必要になりいちいちタブと空白の使い分けという無駄な作業が増える。

もちろん「このようなコメントの書き方は禁止」というルールを作ればいいんだが
「え？なんでこういう書き方禁止なの？他の書き方は大丈夫？」ということになる。

見やすさのためにやる単純な作業をレビューが必要な作業に変えるのはアホ過ぎる

**デフォルトの名無しさん** · 2019/05/14(火) 11:08:05.03

コードに限らず、このパターンだよな

対象一覧　・A
　　　　　　・B
　　　　　　・C

対象一覧
　・A
　・B
　・C

個人的には後者が好みだが

**デフォルトの名無しさん** · 2019/05/14(火) 11:18:50.33

>>719
俺はそういう定義コメントは上に書く派だからそうはならないな

行の後ろにコメント付けるの自体わりと悪習だと思ってる

**デフォルトの名無しさん** · 2019/05/14(火) 11:34:44.51

コメントはケースの一つということだろう
コードで例を書くなら

r = array([[ 1, 2, 3 ],
　　　　　　 [ 4, 5, 6 ],
　　　　　　 [ 7, 8, 9 ]])

r = array([
　　[ 1, 2, 3 ],
　　[ 4, 5, 6 ],
　　[ 7, 8, 9 ]
])

Pythonなどでは前者がデファクトなのでそれに従う
当然tabも使わない
チーム開発でなくJavaScriptの場合は後者+tabでやってる

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

>>722
Python使ってるヤツとは宗教的に相いれないというのがよく分かった

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

>>721
だからそういうことだよ。

> 俺はそういう定義コメントは上に書く派だからそうはならないな

「定義コメントは上に書く派になりましょう。」
というルールができる

**デフォルトの名無しさん** · 2019/05/14(火) 15:06:48.19

python字下げで気付く点は色々書かれてるし賛成だけど
jsの特徴とは違うんだよな
ここはどちらかというとjsのスレだからpythonの字下げルール言われても困るだろうな

**デフォルトの名無しさん** · 2019/05/14(火) 16:24:19.06

>725
JavaScriptの字下げルールとして、正しくタブとスペースを使い分けないとずれるから
「Python風にしない」というのができる時点でダメなんだってｗ
ルールは重要だが、くだらないことにまでいちいちルールを作るなって話

**デフォルトの名無しさん** · 2019/05/14(火) 16:32:22.84

いや、array([の後に配列の第一要素だけ繋げるセンスが理解できんて

そんなん見た目汚いだけやん

**デフォルトの名無しさん** · 2019/05/14(火) 16:52:22.49

Haskellはどんな感じ？

**デフォルトの名無しさん** · 2019/05/14(火) 17:24:40.92

>>726
そういう観点だと
「tabでインデントしない」というルールを作るな
とも言えるのでは？

使い分けの判断を無くしたい場合
Python風の字下げと tabでのインデントが排他的な関係なので
どちらを除くかという話だと思うが

**デフォルトの名無しさん** · 2019/05/14(火) 17:44:50.25

てかまさかと思うけど君たちの使ってるエディタが半スペ、全スペ、tabが見た目で区別できないの使ってるとかは流石に言わないよね？

**デフォルトの名無しさん** · 2019/05/14(火) 18:07:34.96

気色悪い色になるよう設定してる

**デフォルトの名無しさん** · 2019/05/14(火) 18:20:38.62

Gatsby使ってる人いる？

**デフォルトの名無しさん** · 2019/05/14(火) 18:56:52.05

なんでこういうしょうもないシンタックスの話って盛り上がるんだろうな。
エディタ論争といいクソとしか思わんのだけれど。

**デフォルトの名無しさん** · 2019/05/14(火) 20:03:19.19

>>729
tabでインデントしないというのは、
入力、または保存時に自動的に変換できる
テキストエディタが大半なのでツールに任せることができる

使い分けっていうのは人間の努力が必要でルールを「人間が守る」するしか無い

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

>>730
見た目で区別できるから、ずれて表示されたとしても
脳内で補完できるとか言わないよね？

見た目で区別できるから、ずれて表示された原因がタブだとわかったら
タブ使うんじゃねーよって思うだけなんだが（笑）

**デフォルトの名無しさん** · 2019/05/14(火) 20:23:32.97

lintしろよ

**デフォルトの名無しさん** · 2019/05/14(火) 21:46:22.04

そう。lintの対応の話ね。
>>719のようにタブと空白を混ぜるとlintでは対応できない

結局、空白に統一するほうが楽という話。
こんなこと、時間をかけるような所じゃないから

**デフォルトの名無しさん** · 2019/05/14(火) 23:05:58.95

インデント以外の空白文字は一律1spaceに置き換えるくらいの方が良いと思うがな。
複数人開発なら特に。
空白並べて隣の行と桁合わせするとかあほくさ。

**デフォルトの名無しさん** · 2019/05/14(火) 23:10:49.69

> 空白並べて隣の行と桁合わせするとかあほくさ。

たまに、桁合わせする意味なんて無い！って言うやつがいるけど
「桁合わせしたほうが見やすい」というのは事実なんだよ
これは受け入れないといけない。

桁合わせするのに手間がかかるとか、コードの差分を見るときに困るという意見は正しいが
それは「手間がかかったり差分で困ることがあるが見やすい」という結論であって
「揃えたほうが見やすい」を否定してないんだ

**デフォルトの名無しさん** · 2019/05/14(火) 23:38:38.25

典型的な「こだわりのある人」

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

こだわらないためのスペース統一なんだがｗ
誰も桁を合わせろなんて言ってないよ。

正直こういうことは「くだらないこと」扱いなんで
（くだらない = 意味がない = 適当でいいではない）

くだらないこと = 時間を掛けることじゃないし
統一することでもないし、見やすければ自由にやっていい
そんなのさっさとやって、もっと本質的な所に時間を掛けるべきだ

だから誰がどのテキストエディタでどういう設定であっても
ずれないスペースにしとけって話。
はい決着。さっさと次に行きましょう。だよ。

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

>>738
ほんそれ

**デフォルトの名無しさん** · 2019/05/15(水) 00:16:18.75

>>739
ダウト

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

>>743
理由書いてないので意味がないレス

**デフォルトの名無しさん** · 2019/05/15(水) 00:21:49.82

もちろん理由はあるがお前に教えるのがもったいない
知りたかったら金払うかもっと自分を見つめろ

**デフォルトの名無しさん** · 2019/05/15(水) 00:30:49.13

じゃあ現状のままでいいよ。
俺はちゃんと理由を書いた。
お前は、金だせとか言ってるやつ。
この状況で俺は満足だ

**デフォルトの名無しさん** · 2019/05/15(水) 00:34:41.79

>>735
ズレないように書けばいいじゃん

**デフォルトの名無しさん** · 2019/05/15(水) 00:38:24.75

ずれない方法（スペースに統一）して書く
VS
ずれないように努力する

の違いな。

俺はこんなくだらないことで努力したくないんやで

**デフォルトの名無しさん** · 2019/05/15(水) 00:58:59.75

ずれない事に努力が必要って感覚がイマイチ分からんIDE使ってるとなんかそういうのあるん？

**デフォルトの名無しさん** · 2019/05/15(水) 01:02:36.47

配列のインデント揃える←分かる
イコールの位置揃える←無駄じゃね？
ソースの後置コメントを揃える←後ろに書かなくてもいいだろ

**デフォルトの名無しさん** · 2019/05/15(水) 01:27:20.84

>>749
上で書いてるから見てこい

**デフォルトの名無しさん** · 2019/05/15(水) 01:28:02.07

>>750
反論になってないぞｗ

**デフォルトの名無しさん** · 2019/05/15(水) 07:10:05.58

>>751
だからタブがズレるっていうのが全然意味わからんし揃えるのに努力が要るっていうのも全然意味が分からんのよ
例えば基本的に>>722の下みたいに書いてりゃ基本的にズレる云々関係ないじゃん

**デフォルトの名無しさん** · 2019/05/15(水) 07:22:24.11

またよくある、条件付き主張だなｗ

> 例えば基本的に>>722の下みたいに書いてりゃ基本的にズレる云々関係ないじゃん

条件「>>722の下みたいに書いてりゃ」
主張「基本的にズレる云々関係ない」

あんたのその主張は、条件を満たしている場合にしか当てはまらんのですよ。
「>>722の下みたいに書かないと、ズレる云々関係ある」と言ってるのと同じなんですよ

**デフォルトの名無しさん** · 2019/05/15(水) 07:44:19.68

そりゃコーディング規約がありゃ条件を満たすのは当然のことだろ
好き勝手に場所によって書き方がバラバラな方が問題じゃん

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

桁合わせ否定に反論したかと思ったら「桁を合わせろとは言ってない」とか、
統一することじゃないと言いながらスペースにしとけとかｗ

**デフォルトの名無しさん** · 2019/05/15(水) 08:50:24.87

Reactなら4スペ幅のインデントって積極的に使うべきだと思うんよね

インデントが深くなり過ぎる？
それはモジュール分けを考え直すいい機会じゃないかとね

**デフォルトの名無しさん** · 2019/05/15(水) 08:58:42.43

そういや最近Hooksの使い方知ったけどこれ便利だね

**デフォルトの名無しさん** · 2019/05/15(水) 09:33:01.34

Reactのhooksは開発メンバーをちゃんと教育しておかないと
if文とかに入れられそうでちょっと怖い

**デフォルトの名無しさん** · 2019/05/15(水) 10:16:06.40

>>759
なんか使い方に注意するとこある？

**デフォルトの名無しさん** · 2019/05/15(水) 11:03:23.18

>>760
コンポーネント毎に常に同じ順で呼ぶこと(間が抜けるのも駄目)

例えばpropsで一部の項目を非表示に出来るとして
useStateごとifで包んだら地雷設置になる
まぁlint用意されてるけど

**デフォルトの名無しさん** · 2019/05/15(水) 22:20:36.22

setTimeoutで周期的にやってた処理どう書き換えたらスマートなのか暫く悩んだけどuseStateでひたすら反転を繰り返す状態変数を１個作ってその状態変化をuseEffectで拾えば他の状態変数も最新の値に周期処理からアクセスできるんだね

**デフォルトの名無しさん** · 2019/05/16(木) 11:09:43.18

インデント綺麗にしてない奴はムカつくよな