Vue vs React vs Angular

2018/12/21(金) 21:37:36.86

実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/

VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured

2019/01/21(月) 16:34:43.42

それらしきモノって「ieoman」のことかな？
windowsの解説サイトが無くてフォルダーは手動で構築したけど
なんか半分ぐらい動く感じになった。文法は簡素な感じだけどGroovyやってる感覚になる。

yo mcs:component

ポチッとやたけど、成功パターンがそんなに
判らんので、実用的か、どうかも判らん

2019/01/21(月) 21:01:03.39

yeomanだろWwwWwWw

**デフォルトの名無しさん** (ｱﾒ MM45-7b7b) · 2019/01/21(月) 21:27:33.85

なんて読むの

2019/01/21(月) 22:29:18.49

>>149
https://dictionary.cambridge.org/ja/pronunciation/english/yeoman

2019/01/22(火) 11:19:28.91

宇宙兄弟かな

2019/01/23(水) 22:47:18.07

今のプロジェクトでangular使ってるけどvue使ってみたかった
まだangularの事全然知らないけど、コンポーネントがts,html,cssでそれぞれ別れてるせいでファイル数膨大になるのが嫌だ

**デフォルトの名無しさん** (ｱﾒ MM6d-8lqb) · 2019/01/24(木) 02:03:59.48

Vueは小規模、Angularは中規模以上
という感じがしたな。手間的にも。
Angularの方がアプリ的な作りとして
しっかりしててわかりやすいかな
ただちょっとしたことですぐに動かなくなる
Vueもちゃんとルール決めして作れば
短期間で作れるしよいね
Reactはやってないからわからん…教えて

2019/01/24(木) 07:41:20.08

Angularを開発しているGoogleチームの敵は
別のGoogleチームかもしれない

Google、FlutterアプリをWebアプリへ変換する「Hummingbird」発表
https://www.publickey1.jp/blog/18/googleflutterwebhummingbirdwebdartflutter_live_18.html

2019/01/31(木) 19:03:37.44

Reactで静的サイト作るならGatsbyが素晴らしいよ
モダンなSSR、Webpack、GraphQL対応してるし
かっこいいサイトのテンプレートも充実してる
Reactの勉強用として使い始めたけどGatsbyハマったわ

2019/01/31(木) 21:00:28.63

SPAフレームワークでSSRってなんか目的を見失ってませんか？
従来のMVCフレームワークでいいじゃないですか

2019/01/31(木) 21:12:30.75

イエス。サーバーサイドフレームワークとjQueryで十分

**デフォルトの名無しさん** (ｱﾒ MM03-5/sk) · 2019/01/31(木) 21:20:31.38

お前ら例に漏れずgatsbyの「SSR」を勘違いしてトンチンカンなこと言っててワロタｗｗｗｗｗ
ヒント： gatsbyは「静的」サイトジェネレータ

2019/01/31(木) 21:26:46.94

もうflutterでええやん。

2019/02/01(金) 06:19:45.77

>>155
サイトのテンプレートって
デモサイトどこかにある？

2019/02/01(金) 07:11:27.78

Markdown方式（超簡単）で記事かけたりとまじGatsbyいいよ
>>160
https://www.gatsbyjs.org/starters/?v=2

2019/02/01(金) 07:13:47.87

>>161
ありがと
トップページからだと
ここまでたどりつけんかった

2019/02/01(金) 09:13:31.45

今大手サイトのフレームワーク利用状況ってどうなんだっけ？

ニコニコ、pixiv、Amazon辺りがReact使ってた気はするけど

**デフォルトの名無しさん** (ｱﾒ MM03-5/sk) · 2019/02/01(金) 09:20:37.92

Netflix。サービスページほぼすべてに採用。
一部ランディングページから軽量化のためにlodashなどとともに取り除かれた際はアンチから「NetflixがReactやめたｗ」とデマ流されるほど。
あとTwitter。
https://www.infoq.com/jp/news/2017/02/twitter-react-mobile-stack
あと当然Facebook。

2019/02/01(金) 11:19:03.16

そのサイトで使ってるかどうかはfirefoxのプラグインとかで分かるけどたしかにトップページにはないみたい
利用規約では検知した

2019/02/01(金) 12:44:24.16

任天堂SwitchのeShopがReact
ZOZOがVue
という記事を読んだことある

2019/02/01(金) 15:34:39.74

大手サイトじゃなくて、大手企業のフレームワーク利用状況を知りたい
特に自社で何かしらのサービスを提供してない会社の

ほぼゼロであることはわかっていってますがなにか？ｗ

2019/02/01(金) 17:53:53.62

JSF使ってます
SPAはオモチャみたいなアプリにしか使えないから大手企業は採用しないと思います

**デフォルトの名無しさん** (ｱﾒ MM03-5/sk) · 2019/02/01(金) 18:25:03.74

twitterはともかくfacebookおもちゃかあれ？
すごいアプリ製作してるんだね。

2019/02/02(土) 01:22:26.04

Amazonって欲しいものリストの部分だけReact入ってるみたいだね

2019/02/02(土) 04:16:46.09

WappalyzerっていうChrome拡張入れるといいよ
サイトでReact使ってたら素晴らしいしReact+Gatsby使ってたらナカマだし、違った見方でネットブラウジングできる
jqueryのみだとダサってなる（実際サイトの用途にはよるし使ってる人ごめんなさい）
他にも使ってるサーバーとかDBとかWordPressだ～とかわかるよ

2019/02/03(日) 19:47:52.31

vuetify使ってる人いない？

公式のマニュアルが説明不足で全然わからんのだけど、
どこで情報仕入れてる？

formのresetボタンすら動作しない
もっと見やすくてわかりやすいUIはないものか

2019/02/03(日) 22:23:42.35

vuexに依存しないvueコンポーネントってどうやって作ってる？
頑張ってpropで渡すか、コンポーネントextendsしてメソッドオーバーライドするしか
思いつかないんだけどみんなもっと上手いことやってるの？

**デフォルトの名無しさん** (ｱﾒ MM03-LWaQ) · 2019/02/04(月) 00:48:04.11

てかなぜvuex使わないのか

2019/02/04(月) 08:07:14.34

全般的にUIコンポーネントって部品の説明不足だよな

2019/02/04(月) 08:32:32.96

>>174
書き方が悪かったかも知れん。現状でもvuexは使ってる。

例えばvuexにstore/user/flowerFlag:boolean がある
flowerFlag === trueならボタンコンポーネントの色を花っぽくにするって時にどうしてる？

1.propでflowerFlagを渡す
2.コンポーネント内にgetColoer()メソッド作って個別にextend/overwriteする

この2つの方法以外にももっといいやり方あるんかな？

2019/02/04(月) 09:29:22.24

UIコンポーネントは自作すればいい

2019/02/04(月) 09:42:43.98

flowerFlagって名前が気に入らない
何をするフラグなのかさっぱり分からない
useFlowerTheme: boolean とかにしろや

2019/02/04(月) 12:27:23.88

shoriKbnFlg

2019/02/04(月) 14:15:30.10

makeBrainFlower === true

2019/02/04(月) 19:55:50.85

havingDirtyFireworks = true;
https://www.urbandictionary.com/define.php?term=Dirty%20Firework

2019/02/06(水) 17:54:16.50

SPAフレームワークでSSRが醸し出す、一周回ってMVCフレームワークに戻ってきた感が笑える

2019/02/06(水) 18:43:12.38

そう思いたくて必死なのが笑えるｗｗｗ
そうやって得た安心は妄想だぞｗｗｗｗ

Rendertronを使ったダイナミックレンダリングの実装手順をGoogleが解説
https://www.suzukikenichi.com/blog/google-explains-how-to-implement-dynamic-rendering-with-rendertron/

2019/02/08(金) 18:47:35.85

Reduxってムズイよな

2019/02/08(金) 20:58:46.78

どのへんが？

2019/02/09(土) 08:15:58.88

Vueに乗り換えます
じゃあな

2019/02/09(土) 08:16:45.44

めっちゃIDがReduxっぽいけど

2019/02/09(土) 08:29:03.30

ここvueスレでもあるけどよくわからんがさよなら

2019/02/09(土) 13:36:35.69

スレタイのやつ3つとも触ったことないままAureliaってやつを採用しようと思ってるんだが、お前らの評価はどんな感じ？
採用の理由としてはVueが選ばれるのと同じだと思う

2019/02/09(土) 14:04:19.59

調べてみたら3年くらい前にちょっと流行ったみたいだけど
未だに話題になってないって事はそういう事なんじゃない？

2019/02/09(土) 18:48:21.70

流行り廃れでフレームワークを選ぶんじゃねえ！
自分に一番合ったフレームワークを選ぶんだ！

2019/02/09(土) 21:03:07.28

そうするとjQueryでいいということになる

**デフォルトの名無しさん** (ｱﾒ MMcd-z8kj) · 2019/02/09(土) 22:38:36.16

https://jquery.com
jQuery: The Write Less, Do More, JavaScript "L i b r a r y".

ライブラリであることに負い目でもあるのかな？ｗ
フレームワークの流儀を押し付けられず、どこでも好きなように自由に使えるのがライブラリの強みだと言うのに。

2019/02/09(土) 23:21:06.75

どこ見て負い目があると感じたんだ？
ライブラリだからライブラリって書いてあるだけだろう

2019/02/09(土) 23:22:07.95

angularはwebエンジニア以外の血が流れてるんじゃないのか？ゲームエンジニアでhtmlもjavascriptも経験がなかったときの俺には非常に使いやすかった。
web関連の経験値がたまってきた今となっては大がかりに感じちゃってあえて使おうという気はでないが…

2019/02/09(土) 23:54:11.39

フレームワークと言われるのがウゼーから強調してると思うが
Reactもライブラリって名乗ってるな

2019/02/10(日) 00:23:54.54

結局MVC+jQueryが一番バランスとれてんだよな
SPAなんて作る側にも使う側にも画面遷移が超早いぐらいしかメリットねえもん

2019/02/10(日) 01:13:27.71

>>197
それは流石にSPA作った事無いやつの暴論

2019/02/10(日) 02:19:44.57

jQueryの功績は確かに大きい。その次の世代として仮想domありきのvueやreactなんだから、jQueryとの比較は意味が無い思う。

2019/02/10(日) 02:53:41.79

大雑把にいうとライフサイクルメソッドみたいなイベントとか状態管理などの枠組み含むものがフレームワークで
枠組は使用者が作って機能を呼び出すのがライブラリだろ

2019/02/10(日) 13:00:31.92

>>199
> 仮想domありきのvueやreactなんだから、

仮想DOMはメリットじゃないよ

フレームワークの設計上どうしても遅くなるという問題を
回避するための手段でしか無い
遅くなければ仮想DOMなんて無いほうが良い

2019/02/10(日) 15:30:08.63

そういやスタイル側のフレームワークって何がいいの？
基本はBootstrapなんだろうけど

2019/02/11(月) 18:23:39.83

やりこめば
やるこむほど
思うけど、vueは簡単じゃあないと思う。

2019/02/11(月) 19:34:12.30

reactとvueどっちがむずいのかね

2019/02/11(月) 20:28:50.21

よう分からんけど、日本じゃ wasm は話題にならないね。
情報が遅れてるんだろうか？

2019/02/11(月) 21:18:49.40

javascriptが十分に速いから

**デフォルトの名無しさん** (ｱﾒ MMcd-z8kj) · 2019/02/11(月) 21:40:45.56

wasm盛り上げたいgoogleもjs速くし過ぎたと後悔してることだろう

2019/02/11(月) 21:46:24.07

wasmが必要となるようなものは、
ウェブじゃなくてアプリにするから

2019/02/12(火) 08:51:23.06

なるほど、日本では、「JavaScript を高速にしたもの」と思われている段階なんだね。
アメリカではパラダイムシフトが起きると思われているらしく、色々と恐れられて
いたりもするらしい。

2019/02/12(火) 10:58:51.22

ﾜｯﾁｮｲがVueやんけ

2019/02/12(火) 12:14:49.91

>>209
パラダイムシフトと言っても所詮
ウェブがアプリに追いつくぐらいの意味でしか無いから

2019/02/12(火) 12:37:49.91

C#がクライアントで使えるようになるだけでもかなり有り難い
Microsoftなら開発者に優しいエコシステムを提供してくれる

2019/02/12(火) 13:41:43.16

あんなもの昔の時代へのパラダイムシフトでしかないだろ
負の遺産を再び抱え込むだけだよ

2019/02/12(火) 14:02:56.84

>>212
wasmでは、C#は使えるようにならないはず、一生。

2019/02/12(火) 14:38:31.80

NaClが出始めの頃や、なんならActionScriptやSilverlightのRIAでもパラダイムシフトだのなんだの言われてたな。

2019/02/12(火) 15:14:29.49

>>214
すまん。既に使えるらしい。
.Net 仮想マシンを、wasm に移植したのかな。

2019/02/12(火) 15:24:18.10

WinForm か WPF か知らないけど、そういう標準的な作り方をしたC#が
ブラウザでそのまま動くということではなくて、Razorを使って専用に
作らないといけないらしいね。

2019/02/12(火) 15:50:17.94

JavaのGUIの場合、Swingは、完全にJavaで書かれていて、OSに
依存せずに全部自前で書かれているので、Java仮想マシンさえ動けばどんなOS
でも完全にGUIアプリが動く。
でも、C#の場合はライブラリがWin32 APIなどを呼び出しているから、そうは
行かないみたいだね。よく知らないけど。

**デフォルトの名無しさん** (ｱﾒ MMcd-z8kj) · 2019/02/12(火) 17:33:20.32

razorてメチャメチャ容量大きくなっちゃってまだまだ使い物にならないんでしょ？モバイル用にでも使えるくらい小さいの吐いてくれないかなぁ…

2019/02/12(火) 19:00:48.09

webの技術にパラダイムシフトって言われるような変化起こすにはjavascriptの標準仕様が劇的に変わるか、革命的なブラウザが出てきてとんでもないシェアを握るってパターンしかないという理解だわ。

2019/02/12(火) 19:36:10.46

無理して既存の資産をwasmに移植するメリットはないと思うね
最初はへんな抽象化せずにDOMによく馴染むHTMLフレンドリーなライブラリをC#で実装してくれればいい
なんならjQuery.Netみたいなパクりでもかまわない
手を出しやすい土台を作って欲しい

2019/02/12(火) 20:54:50.86

wasmって既存の資産を移植するためのものだよ？
最初から作れるのならJavaScriptを使えば良いわけだし

2019/02/12(火) 21:13:01.75

>>219
Blazorな

2019/02/12(火) 22:15:31.30

HTML5によってFlashなどのプラグインが死んでいったり
JavaScriptからカメラやマイクにアクセス出来るようになったりとそれなりに影響があった
WebAssemblyはそれらをさらに強化する

JavaScriptでは限度があった動画/音声データのリアルタイム解析なども可能になる
プラグインが死んだUnityも今はWebGL+WebAssemblyで動く

プラグインでバラバラ対処してたことが標準化されたって感じかね
劇的に変わる、と言うのはちょっと違う気もするが

2019/02/12(火) 22:37:43.88

HTML+CSS+javascriptでの開発って他の分野に比べると独特だから実は参入障壁高いんだよね。使いこなせないだけなのに技術そのものがショボいと言いだす。
だからwebフロントエンド以外の開発者がwebフロントエンドの開発したくなったときにいろんな手法を見つけて何とかしようとするんだけど、なれてくると別にHTML+CSS+javascriptでいいやってなる。
そんなイメージ。

2019/02/12(火) 22:51:06.28

メモリの扱いというかデータの受け渡しがだるいから、TypedArrayに対して高速に計算するだけの何かを導入してくれたほうがマシだった

2019/02/12(火) 23:16:46.90

wasmってiOSとAndroidに対応してる(する)の？

**デフォルトの名無しさん** (ｱﾒ MMcd-z8kj) · 2019/02/12(火) 23:20:52.48

>>226
これ。

2019/02/12(火) 23:49:27.70

>>227
もちろん
Web標準やで？

2019/02/13(水) 00:50:15.15

んなことよりpush通知実装しろ。iOS safariテメーのことだ。

2019/02/13(水) 00:55:06.05

>>225
JVM の代わりとなる仮想マシンと考えた場合、C++ で書けることは重要なんだ。
C++は型があるので、ミスをコンパイラが発見してくれる事が多いから。
例えば、JSだと関数の引数が多くても少なくてもエラーにならない場合がある
と思うけど、C++では敢えて分かっていてそうする場合以外は必ずエラーになる。
C++ では整数型を受け取るつもりの仮引数に浮動小数点型の実引数を渡すだけでも
エラーになる。ところが、JavaScript ではエラーにならない。

このようなことがあるので、JavaScirpt は大規模アプリをC/C++で組んだことの
有るプログラマからは嫌われている。特にアメリカで。

2019/02/13(水) 00:56:36.75

TypeScript使えばいいだけじゃね？

2019/02/13(水) 01:03:22.46

JavaScript だと、プロパティーには文字列と数値、Objectのどれでも入れられるので
単に書き間違えているだけなのに、エラーにならないので原因不明の不具合が直らずに
困る可能性がある。例えば、1,2,3 の 3つの数値を用いて、何か3種類を区別する
目的でプロパティー aaa を作ったとしよう。
aaa = 1;
aaa = 2;
aaa = 3;
と書くことをプログラマは想定している。ところが間違って、
aaa = "x";
と文字列型を入れてしまった場合、どこかで不具合が起きるだろうが、ソースが何10万行も有る
プログラムの場合、この間違えて書いてしまった行を探し出すのに苦労することになる。

こういう間違いが、C++ では、魔法のようにコンパイラが発見してくれる。だからC++は
安全で安定性が高いために人気がある。

2019/02/13(水) 01:06:00.32

テスト書くんだからすぐ見つかるでしょ？

2019/02/13(水) 01:06:08.06

>>232
その言語を多くの人は知らない。ずっと古くからC言語があり、とても人気があって、
その後継にC++があって今でも続いている。アメリカではC/C++経験をつんだ
プログラマが日本よりも沢山いるためか(?)、C/C++ で wasm が使えることで
game changer, pardigm shift などと喝采が起きているらしい。

2019/02/13(水) 01:06:59.54

>>234
なぜ、C/C++ が型を書いているかは、言語が古いからではなく、まさに
エラーチェックのためなんだよ。

2019/02/13(水) 01:12:36.84

typescriptはもう半数が使ってるくらいの感じでしょ

2019/02/13(水) 01:14:25.09

>>234
テストで結果が異常であると分かっても、どこに原因があるかが分からないことがある。
だから、細かく実験していく必要があり、それには時間がかかる。
型の間違いをコンパイラが見つけてくれるだけでもミスが判明することが
かなり多くあり、開発時間の節約・短縮に大幅に貢献することになる。

ミスったときには、型や引数の個数まで間違っている確率は意外と高いので、
それだけでも8割くらいの単純ミスは発見できてしまう。

2019/02/13(水) 01:15:17.87

>>237
Webプログラマから入った人にはそう思えるかもしれないが、昔からの
普通のデスクトップアプリを作ってきた人はそうではない。

2019/02/13(水) 01:16:31.85

C++ソース（型がある）→コンパイル（型情報に基づきエラー）→バイナリ（型はない）→ネイティブ実行

Type Script（型がある）→トランスパイル（型情報に基づきエラー）→JS（型はない）→ブラウザ実行

あんま変わらん。
wasmが出てきてから聞かなくなったけどJSはWebのアセンブラとは言い得て妙だったな。

2019/02/13(水) 01:17:39.67

>>235
> その言語を多くの人は知らない。

大丈夫。TypeScriptはJavaScript＋αだから
α（型）の部分を除けばJavaScriptそのもの

2019/02/13(水) 01:18:26.87

>>238
> テストで結果が異常であると分かっても、どこに原因があるかが分からないことがある。

十分にモジュール化されてればすぐに分かるよ

2019/02/13(水) 01:19:20.67

>>240
TypeScript という言語自体を今までの大部分のプログラマは知らない。
言語はなるべく1種類を学ぶだけの方が楽だから、C/C++ という事になる。

2019/02/13(水) 01:19:47.09

逆だな。javascriptをすごく理解してるWebプログラマのほうがjavascriptで粘ってて、
javascript理解しがたいと思ってる人らがtypescriptに救いを求めて移行した感じがある

2019/02/13(水) 01:22:34.41

>>241
そこまで頑くなに　C/C++ を拒絶する理由がない。
C/C++ を1つ覚えるだけで組み込みから何から何まで作れるようになり、
速度も現存する高級言語の中でTOPな上に、エラーも少なく、安全。
過去からの資産も多い。例えば、画像処理、AI、音声解析、文字認識、
3D描画、物理計算、何から何まで C/C++ は存在している。
敢えて後から出てきた言語を覚えるの無駄。

2019/02/13(水) 01:24:05.31

>>244
でも、ハイレベルなプログラマはそうは思ってないと思うよ。
実際に作った作品で勝負したら C/C++ の圧勝だと思う。
機能面でも速度面でも安定性も品質も。

2019/02/13(水) 01:25:16.64

>>243
js抜きにしてもtypescriptの型システムは良くできててC系文法の型システムとはこうあるべしといったお手本みたいだけどな。
c++の型システムは継ぎ足しキメラの失敗作だけど今さらどうしようもできねえしな…