JavaScriptフロントエンド総合 Part.11

2022/08/19(金) 17:47:00.42

!extend:on:vvvvv:1000:512

Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
SolidJS
https://www.solidjs.com/

※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/
Vue vs React vs Angular vs Svelte Part.8
https://mevius.5ch.net/test/read.cgi/tech/1621744952/
Vue vs React vs Angular vs Svelte Part.9
https://mevius.5ch.net/test/read.cgi/tech/1642316774/
Vue vs React vs Angular vs Svelte Part.10
https://mevius.5ch.net/test/read.cgi/tech/1646747836/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorｷﾁｶﾞｲが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおｋ。

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

2022/08/20(土) 08:17:20.91

乙

2022/08/20(土) 09:48:36.20

webpackとかそういうのもまとめてください

2022/08/26(金) 10:58:45.17

フロントといわずExpressとかMeteorとか含めてJSF/W総合でもいいような

2022/08/26(金) 12:42:57.68

Next.jsなんかフロントとバック両方に足突っ込んでるしなぁ

2022/08/27(土) 23:41:57.12

Nextなんかでフロントとバックに跨がる話題はとりあえずある程度許容してもいいんでないの？
バック単体の話はまだなんとも言えんけども

2022/08/31(水) 11:36:24.55

Nuxt3のリリースは果たして夏が終わる前に間に合うか

2022/08/31(水) 16:26:03.30

ほんとにね
個人的にはNuxtAuthも早くリリースしてほしい

2022/09/02(金) 14:45:45.66

Nextと比べNuxtはどんなメリットある？

2022/09/03(土) 00:28:58.79

直接比較してどうこうはあんまり聞いたことないな
ほとんどのケースではその前段でReactを選ぶかVueを選ぶかが重要視されるだろうし

2022/09/03(土) 06:20:13.12

jsのp2pって誰か動かした人いる？
説明読んでもエセp2pなのかほんとにp2pなのかよくわからない
Webページそのものをp2pソフトにするって事ならまずセキュリティソフト反応しないとダメな気するんだけど

2022/09/03(土) 06:38:04.52

ページそのものをってのは何がしたいかよくわからんけども、P2P自体はWebRTCでできるでしょ。UDPだし使いにくくて困るけど。

2022/09/03(土) 07:01:01.38

>>12
その通信は、サーバー落とした後も繋がってる？

2022/09/03(土) 08:12:56.50

なんでサーバー落とす必要があるんだ？
lambdaとかFunctions使うとしても、サーバーとしての機能は保たれるじゃん。
シグナリングサーバーとかマッチング必要だし、通信が始まったあとはサーバーは噛まないにしても、サーバー無しで使えるもんじゃないと思うぞ。
あんまり詳しくないけども。

2022/09/03(土) 11:06:00.79

そもそもサーバーをマッチング時だけしか動かしたくないというのが第一にあるんだべ？
heroku無料枠も終了するし

2022/09/03(土) 21:59:36.83

>>14
サーバーとユーザー間の通信を減らそうとしてる

>>15
そう
マッチング時のみサーバーと通信して、そのあとサーバーとの一切の通信せず
サーバー落としても大丈夫になるってのが欲しいんだよね
そしたらwinnyみたいに最新ノードリストをWebにペタペタ貼り付けて
勝手にそこから取得してユーザー間通信するようなものが
js/htmlで書けるなら試そうかと思った

2022/09/27(火) 19:02:29.62

Nuxt3のリリース予定がいつの間にかautumn 2022になってた
気長に待つか

2022/09/28(水) 09:51:48.80

Astroええで

**デフォルトの名無しさん** (JP 0Hff-9+ZJ) · 2022/10/02(日) 21:56:18.56

ググってみたけどフレームワークを問わずSSR化できる仕組みみたいなもの？

2022/10/03(月) 13:39:57.46

BunがNodeより速いってベンチ
またフィボナッチかよ
そりゃ数値の計算なんかNodeは遅いだろ

2022/10/03(月) 14:20:49.75

関数呼び出し速度の影響が大きくて、フィボナッチでは狭い範囲の性能しか測れないよなぁ

2022/10/03(月) 14:25:37.12

それはさすがにこのスレで扱う話題じゃなくない？
もっとふさわしいスレがあるだろう

2022/10/03(月) 18:30:55.95

JSCを使ってるというだけでそれ処理系の速さの問題なのか
Node互換のライブラリのランタイムの速度の違いなのかはっきりしてほしいね

2022/10/10(月) 02:32:40.16

思ったんだけど俺達フロントエンドエンジニアって一生管理画面作るだけ？

2022/10/10(月) 16:31:25.94

バックエンドエンジニアは、フロントも兼ねている。
AWS, Ruby on Rails, React

一方、Flutter 大学のkboy などのフロントエンジニアは、Firebase だろ

バックエンドはフロントの倍以上、勉強している

2022/10/10(月) 17:05:50.17

そういや管理画面作ったことないわ

2022/10/16(日) 21:24:37.72

ViteってReactには対応してるけどNextJSとはダメっぽい？
ネット調べてみてもそれっぽい情報が見つからない

2022/10/17(月) 01:08:39.32

VueにVDOM無しモード追加されるのか
実行速度上がるんかね

2022/10/17(月) 06:35:56.85

PreactもSignals導入したし、ひょっとするとReactも続く流れかもね

2022/10/24(月) 10:44:26.72

@preact/signals-reactでsignalsがreactでも使えるんだね
useStateとuseContextの完全上位版で記述が減って更新範囲が標準で最小限になる
signals-reactのままでも十分使えるけどこれをラップした新たなライブラリが色々出てくるかな

あとソース解析して行う自動memo化だが
これ以降音沙汰ない
https://ja.reactjs.org/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022.html

2022/10/24(月) 12:48:14.42

PreactとReactのコラボとか胸熱じゃん

2022/10/24(月) 20:22:23.11

なんかつきつめていくと
redraw()
を呼ぶまで再描画しないっ
みたいになったりしてｗ

2022/10/26(水) 01:06:00.91

思ったんだけどここまでネットの速度早なってる時代にｒｅａｃｔだのvueだと言い争ってるのって頭悪くね？
コンサルに転職したほうが人類のためによさそう
くそどうでもいいことに付加価値つけ過ぎじゃねフロントエンドってｗ

2022/10/26(水) 02:30:18.40

細かいことに拘りすぎるヤツは二流かもしれないが、その2つを持ち出して「くそどうでもいいこと」というヤツは三流以下

2022/10/26(水) 08:30:54.85

言い争いするスレはこっちじゃないし
そもそも言ってることが支離滅裂過ぎる

2022/10/26(水) 13:16:48.91

言い争いしてるか？
俺はこっちが好きだ嫌いだって話じゃねーの？

2022/11/04(金) 18:09:24.54

Next陣営は自前で高速バンドルツール作ったか
Viteと組み合わせる道がなくなったのはちょっと残念

2022/11/18(金) 01:46:11.11

Nuxt3とVuetify3がようやくリリースされた模様
時間のあるときに触ってみよう

2023/02/05(日) 09:49:22.42

結局日本語英語が主本だはな
1+1でできるものを曲解して理解しなければならない

スキルはすごいけどそれだけ苦労しなければならない
たかが1+1を

2023/02/05(日) 09:53:12.27

説明サイト見ても
console.logで"こんにちわ"
してるだけ
どのメソッドの説明もそれで済ませてる
それでなにができるかといえば"こんにちわ"
この使い方しか知らない

2023/03/01(水) 11:02:45.26

>>40 preactとかsvelteとかsolidとか新しめのやつは公式でプレイグラウンドつきのチュートリアルがある
その流れに習ってか最近はreactにもvueにもある

2023/03/02(木) 21:23:58.81

vueの将来性ってどうなの
今の現場でvue派とreact派がバトっとる

2023/03/02(木) 21:52:06.69

>>42
日本では広まる可能性はあるのでは？
俺はvueしか使ってないけどな
jsxは気持ちが悪いｗ

2023/03/04(土) 15:18:27.69

>>43

＞jsxは気持ちが悪いｗ
わかるw

ヒアドキュメントならわかるけど、HTMLタグを直接代入って仕様がどうも合わない。

というか、経験上ある言語に、他の言語のコード入れると大抵ろくなことにならないんだよなぁ。
PHPやJavaのコードにSQL文直打ちとか。

2023/03/04(土) 15:38:49.88

jsxがHTMLに見えるのは慣れないうちだけなんだよ……。そのうち裏にある関数が透けて見えるようになる。人によっては最初から透けてる。

2023/03/04(土) 15:43:33.74

ヒアドキュメントが許せるなら、その開始終了のデリミタがHTMLのタグになったと考えれば同じようなもの。

2023/03/07(火) 16:56:05.61

JSXにちょっと抵抗感ある派だけどエディタの支援があればSQL直打ちみたいな苦労はないね
個人的につらみがあるのは反復とか分岐の書き方がmapや三項演算子になるとこかな
これも慣れだとは思うけど

ネストが深く構造が複雑になってくると早めにコンポーネント分割したくなるからこれはこれでいいのかも

2023/03/08(水) 00:32:43.97

TSXはたしかに型が良く効いて良いものだとは思う
でもIDEの支援があるのなら、別にVueのテンプレートでも十分に型の恩恵は受けられると思う
型の他だと、フレームワークではなくライブラリであることを標榜するReactは単なるライブラリと呼ぶには思想の強要が強過ぎるので気に入らない

2023/03/08(水) 07:42:08.04

自分はjsxはタグをまたいでロジックを記述しないところが気に入っている。
人によってはphpやvueのようにロジックを埋め込める方が便利だというかもしれないけれど。

2023/03/08(水) 07:51:24.91

ReactのJSXは式なので一貫性と使い回しやすさがあって良いね

2023/05/31(水) 23:19:36.82

vue3ぼちぼちいじっててdefineEmitsで型推論効かんのなんでやーと思ったら
volarがvue3.3の記法に対応してないぽいのか
そういうのはあるにしてもvue2の頃に比べたらだいぶTypeScriptとの親和性良くなったな

2023/06/08(木) 00:35:52.88

vitest触ってみたあとにjestに戻ってくると重さを実感する
vscodeの拡張がもう少し安定してくれればvitestに完全に乗り換えるんだが

2023/07/07(金) 00:24:02.38

Nuxtが2から3で変わり過ぎててつらい
そしてまだ情報が少なくてつらい

2023/07/26(水) 16:17:25.29

今までjQueryのみだったんだけど、
新プロジェクトを開始するにあたりVueに変えようか悩んでる。
上の方で将来性がどうこうってあったけど、今から学んでも大丈夫かな？

2023/07/26(水) 16:52:00.13

>>54
将来性の予測は難しいけどもVue2系から3系へのエコシステム移行に難航して勢力が弱まってるのは確かだと思う

ちなみに候補をVueに絞ってるのは何か理由が？

2023/07/26(水) 20:51:12.03

そもそも今はjQueryってもはや必要なくないか？
Vue使う使わない以前に

2023/07/26(水) 21:22:21.62

10年以上前から動いてるサービスとかもあるからな
うちでもjQueryやってる人の隣でNext.jsやってたりするよ

2023/07/26(水) 21:55:41.06

>>56
必要はなくても過去の資産や学習コストの点などから選択肢に入れること自体はおかしいことではないだろう

2023/07/27(木) 14:19:24.69

>>55
Webアプリの開発がPHP（Laravel）だから。

>>56
スライドをはじめ、使えるライブラリ・プラグインが多数あるからね。

素のJavascriptだと、単純なclickイベントにしても
document.getElementById("myButton").addEventListener("click", function() {
alert("test");
});
な書き方になるから、jQueryの方が手間が減るし。