Vue vs React vs Svelte Part.7

レス数が1000を超えています。これ以上書き込みはできません。
1デフォルトの名無しさん
垢版 |
2021/01/18(月) 01:41:17.84ID:3Z3F12lC
実際どうなん?
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.6
https://mevius.5ch.net/test/read.cgi/tech/1603771745/

★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorキチガイが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおk。
2021/01/18(月) 02:46:11.50ID:I8QxZJG5
いつの間にか出てたstateofjs
https://2020.stateofjs.com/en-US/
3デフォルトの名無しさん
垢版 |
2021/01/18(月) 10:21:56.14ID:3Z3F12lC
>>2
GatsbyがややNegativeに動いてるのが意外。Svelteはみんな試し出してるのが分かるね。しかしReact圧倒的だな…
https://2020.stateofjs.com/en-US/technologies/arrows_overview
4デフォルトの名無しさん
垢版 |
2021/01/18(月) 10:27:15.86ID:3Z3F12lC
Angularの落ちっぷりよ…
https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/
2021/01/18(月) 20:33:59.29ID:hkDJh07h
react、reduxあたりまではいいけどホンマにredux-sagaとか使ってんのか?ってのは思う。
6デフォルトの名無しさん
垢版 |
2021/01/18(月) 22:24:47.18ID:c2uq9vmW
redux sagaの良さを理解できてない。thunkもそうだけど。

素直にサーバーからのレスポンス待ってdispatchすれば良いと思うけどね
7デフォルトの名無しさん
垢版 |
2021/01/19(火) 03:10:37.80ID:lh/VSPm+
昔は使われた。
今はrecoilあるしわざわざ新しく始めることはない。
2021/01/19(火) 05:50:12.77ID:f1L3pc4B
reduxはオワコンだと思う
俺は前から現場でアクションをswitch caseで管理する
バカらしさを批判してきたが
なぜか誰も聞き入れることはなかった
あんなのアクションの爆発的増加を生んで管理できなくなるのは明らか
C言語かよ
9デフォルトの名無しさん
垢版 |
2021/01/19(火) 09:46:31.88ID:AmIdzL3n
ReactやVueのアプリの設定値ってどこに設定するの?

Widowsネイティブアプリだとiniファイルとかconfigファイルの相当するファイルだけど。
10デフォルトの名無しさん
垢版 |
2021/01/19(火) 10:23:19.25ID:DPZ24S9X
>>8
それはお前のアプリケーションではreduxが必要なかったってだけでしょ。
11デフォルトの名無しさん
垢版 |
2021/01/19(火) 10:23:39.51ID:DPZ24S9X
>>9
環境変数の設定の仕方ってこと?
12デフォルトの名無しさん
垢版 |
2021/01/19(火) 11:25:44.48ID:AmIdzL3n
>>11
意図としてはそうかもです。

ネイティブアプリの設定は外部設定ファイルに個別設定が多かったのですが、
それは出来ないのでしょうか?

(ネイティブアプリの場合)
xxxxx.exe
xxxxx.ini --- これに相当するもの
13デフォルトの名無しさん
垢版 |
2021/01/19(火) 11:30:20.28ID:DPZ24S9X
>>12
.env が一般的かも

.env reactとかで調べてみると出てくると思う
14デフォルトの名無しさん
垢版 |
2021/01/19(火) 12:44:35.54ID:AmIdzL3n
>>13
OK!
2021/01/19(火) 21:39:30.50ID:Qe5CvENW
ContextAPIを"正しく"扱うための学習コストを考えたらRedux toolkitで良くない?って思うんだけどなぁ
16デフォルトの名無しさん
垢版 |
2021/01/20(水) 00:04:43.78ID:oOoVJvkh
>>15
そもそも目的が違うから何とも…
2021/01/20(水) 01:16:07.15ID:Rdh9isrB
>>4
vue.jsすごいな85%もあるよ

んで、その下に書いてある、vue.js 12ってのは何だ?
Backboneは18だぞ。jQueryは22だぞ
18デフォルトの名無しさん
垢版 |
2021/01/20(水) 03:18:29.28ID:6pIz59Cd
>>17
そんなん俺に言われても…
19デフォルトの名無しさん
垢版 |
2021/01/20(水) 10:02:22.15ID:rIIlD/LH
>>759
20デフォルトの名無しさん
垢版 |
2021/01/20(水) 21:20:12.99ID:C4MCq15m
今からreduxまじめに勉強するのめんどいから早くrecoilに殺されてくれ
2021/01/20(水) 21:28:27.25ID:Vw48gVWm
redux使って開発したけど面倒くさすぎる
こんなゴミクソ誰が考え出したんだか
2021/01/20(水) 23:05:01.07ID:lz9EoCwx
俺はjotai推し
23デフォルトの名無しさん
垢版 |
2021/01/20(水) 23:16:36.42ID:rIIlD/LH
jotaiとrecoil何が違うのかいまいち理解してない
24デフォルトの名無しさん
垢版 |
2021/01/21(木) 11:00:16.76ID:RaIloEMU
除隊?女体?
25デフォルトの名無しさん
垢版 |
2021/01/21(木) 11:01:01.06ID:m6wtqnzA
女体はにょたいと読むだろ普通
26デフォルトの名無しさん
垢版 |
2021/01/22(金) 05:45:13.61ID:lD8isFwV
redux toolkitはいいぞ
2021/01/22(金) 14:08:50.42ID:6SxSxthH
reactみたいに使うライブラリが徐々に更新されるような軽いフレームが好きなんだが、
やっぱ趣味でいじってるのと仕事でやるのは違うかもな。
2021/01/24(日) 11:27:05.70ID:hgwUuj9F
皆ユーザ認証は何使ってるん?
やっぱりAuth0?
29デフォルトの名無しさん
垢版 |
2021/01/24(日) 12:30:44.24ID:/vuf2veN
仕事で使うのはfirebaseが多いなぁ
2021/01/24(日) 14:33:43.27ID:BYmoQG+q
Password
2021/01/24(日) 16:50:55.93ID:2rwwxMLG
recoilこれダメだろ。。reduxの100倍くらいデータの流れがわからなくなるわ。。
2021/01/24(日) 18:36:32.85ID:hgwUuj9F
>>29
firebaseも人気あるみたいだね。
使ったことあるけどライブラリがでかいイメージある
33デフォルトの名無しさん
垢版 |
2021/01/24(日) 23:44:21.06ID:/vuf2veN
auth0なんか覚えること多すぎて覚えるまでかなりしんどそう
2021/01/25(月) 00:02:44.28ID:SeLyUu4E
JWT一択
仕様としてはかなり簡単だし
この程度はフロントエンドの人でも自力で実装すべき
2021/01/25(月) 00:31:18.66ID:wN/P4Ly9
いやJWTがバックエンドありきだろ…
それを何使ってますかって話。
2021/01/25(月) 00:50:11.74ID:SeLyUu4E
普通に自前実装だが何を使うとは?
ライブラリとかフレームワークのこと?
37デフォルトの名無しさん
垢版 |
2021/01/25(月) 01:05:43.46ID:Vr4018vi
自前実装は絶対にしない方がいい。
jwtの認証は簡単に作れるけど、セキュリティホールになりえるからセキュリティのプロの人たちが実装した idaas使った方がいい
38デフォルトの名無しさん
垢版 |
2021/01/25(月) 01:12:25.03ID:Vr4018vi
まぁ、自分たちがセキュリティに精通してると胸張って言える人は自前実装でもいいと思うけど。
39デフォルトの名無しさん
垢版 |
2021/01/25(月) 01:13:35.44ID:Vr4018vi
https://www.google.co.jp/amp/s/auth0.com/blog/amp/jp-a-look-at-the-latest-draft-for-jwt-bcp/

ここでも書かれてるけど、専門家以外は自前実装するべきじゃないよ
2021/01/25(月) 03:13:43.63ID:SeLyUu4E
そのライブラリがセキュアだという保証は?
それにライブラリがない言語は自前しかないし
セキュリティはもうライブラリ作者の個人が担保するものではないよ
セキュリティ担当者がいないならすぐ雇うか
どこかに依頼すべき
2021/01/25(月) 07:08:04.12ID:S130jMbA
セキュリティに関しては、完璧な知識を持った上でシステムを隅々まで理解し、時節に変化があれば即時にキャッチし、情報が漏れたときに全責任を負う。自前でやるならそれぐらいの覚悟が必要だと感じてる。
2021/01/25(月) 08:12:31.39ID:S130jMbA
s/セキュリティ/ユーザ認証/
43デフォルトの名無しさん
垢版 |
2021/01/25(月) 09:18:54.69ID:Vr4018vi
セキュリティを専門とするエンジニア(コンピューターサイエンスに深い理解を待ってる人)を雇えるならいいよ。
でも大抵の企業がセキュリティ担当に1000マン以上出して雇おう!って感じではないでしょ

auth0とかfirebaseはセキュリティに精通しているエンジニアを雇ってるからね。どっちが信用できるかの問題だよ。自社のエンジニアを信用するならそれでいいと思う。

クリティカルな部分のセキュリティに関しては、専門家じゃないやつの理解って大切だけど、本質的にはあまり意味ないと思ってる。何故なら知識が浅いから
44デフォルトの名無しさん
垢版 |
2021/01/25(月) 09:20:17.82ID:Vr4018vi
>>41
これに関しては自社で実装しててもしなくても一緒だと思う
2021/01/25(月) 18:10:27.05ID:xIV/hVQN
まず自前実装ってどこからどこまでの話なのか
自社のバックエンド側で認証の仕様が決められてて
それに基づいてフロントエンド側を実装するって話なら分かるが
2021/01/25(月) 19:18:20.55ID:SVsyFtcM
ここでもう認証はこれにしろ!ってのを決着つけてほしい
2021/01/25(月) 19:36:13.43ID:ohM2rT6i
ライブラリすらないマイナーな言語なんか使うなよ
48デフォルトの名無しさん
垢版 |
2021/01/27(水) 12:55:39.03ID:rSb6SHlg
vue3になって更に混沌としてきた感すごい
節操なさすぎだろこれ
2021/01/27(水) 14:10:47.89ID:s+2IuEm0
>>48
糞化し始めた感じなのかな?
2021/01/27(水) 14:55:13.55ID:t5P+qNcc
svelte最強伝説が始まりそう
2021/01/27(水) 15:18:57.43ID:DohR04yK
そろそろjqueryおじさんが出てくる予感w
2021/01/27(水) 15:28:44.85ID:s+2IuEm0
>>51
NGワードだぞ!
2021/01/27(水) 15:28:54.79ID:psg9B8xG
vue3が出て以降npm trendsじゃangularと抜きつ抜かれつだったのが明確に離されて着てる印象
2021/01/27(水) 15:52:47.32ID:DohR04yK
vue3は完熟してから頂きます
55デフォルトの名無しさん
垢版 |
2021/01/27(水) 16:36:39.59ID:4l9V085Z
鼻毛認証という言葉を思いつきました。
2021/01/27(水) 16:39:44.57ID:pQXGJX0s
>>48
そんな違うんだっけ?
2021/01/27(水) 16:43:49.57ID:zRdgu+l3
>>51
呼んだか?

https://w3techs.com/technologies/history_overview/javascript_library/all/y
jQueryのシェアは2021年1月時点で77.2%だったが
1ヶ月で77.3%に増えた。まだ増加傾向にあるようだ。

なおReactのシェアは0.4%。その程度のレベル
2021/01/27(水) 17:30:32.62ID:pQXGJX0s
jQueryおじさんきたあああああああああ
2021/01/27(水) 18:21:31.45ID:s+2IuEm0
塩まいとけ!
2021/01/27(水) 20:29:16.80ID:FIWqOxcO
VueはcompositionAPIの影響でごちゃごちゃするんだろうなぁーっていう感じ
61デフォルトの名無しさん
垢版 |
2021/01/27(水) 21:41:18.33ID:M53YDK2u
>>56
とりあえずreact hooksパクってみました感が凄い
調べれば調べるほどreactで良くね?ってなる
62デフォルトの名無しさん
垢版 |
2021/01/27(水) 21:48:18.58ID:M53YDK2u
>>60
Vueの売りはフロントエンド技術者にとっての分かりやすさだったけど今となっては無いよね
reactの方が明らかに明確で分かりやすい
全然違う方向に進化して欲しかったから残念だわ
2021/01/27(水) 22:08:20.82ID:zRdgu+l3
いつものことじゃん。思想が明確じゃないから
ぶくぶくと機能を追加して破綻する

「シンプルでわかりやすい」というのはどれもが主張してくるメリットだけど
それは単にできたばっかりで実装が追いついてないだけ
バージョンアップするたびに複雑になっていく

そしてまた次の「シンプルでわかりやすい」新しいフレームワークが
登場しまたぶくぶくと太って繰り返し

基本的な機能に絞り込むという発想がない
jQueryはその点最初からブレずにやってるから
こうやって長く使い続けられる
2021/01/27(水) 22:33:45.31ID:s/ocsdEl
jQueryは先進的な層から誰も目を付けられてないから発展しないんだろうね
結果的にそういう利点も生まれるわな
2021/01/27(水) 22:56:53.71ID:pQXGJX0s
vueって最初better angular的な思想だったのに
Reactを取り入れて魔改造してキメラになったイメージ
2021/01/27(水) 23:49:24.82ID:19GDarhJ
Reactとvueとアンギュラーの違いが抽象的にしか説明しとらんじゃん
具体的に何がよくて何が嫌なのか伝えられんの?
2021/01/28(木) 01:19:43.91ID:Nr6NCoYK
みんなvue2→reactに行ってんの?
せっかくvueの勉強始めたのに
2021/01/28(木) 01:21:12.42ID:VozG5Dil
両方やったらええわ。
そこまで大きな違いなんかないから。
2021/01/28(木) 02:18:48.46ID:4rpb/Pko
>>54
完熟する前に腐りそう
2021/01/28(木) 02:19:45.82ID:w0Rc2fat
>>64
現実はこれな
https://tr.twipple.jp/p/58/263bc0.html
2021/01/28(木) 02:21:45.37ID:w0Rc2fat
一部のピエロが最先端を〜最先端を〜と言ってるが
世界中の大半の人々は最先端になんか興味ないんだ
2021/01/28(木) 06:30:27.07ID:jgjmzVAb
>>67
FCとHooksによる状態管理こそフロントエンドに必要なもの
それ以外は枝葉
まず最初にReactをやってこの概念をしっかり身につけるべき
2021/01/28(木) 18:40:34.96ID:Nr6NCoYK
railsAPIと組み合わせたサイト作ろうと思うんだけど、完全SPAで行くならvueでもreactでも学習コストは同じくらい?Vueのほうが簡単?
2021/01/28(木) 19:19:14.29ID:rHvxQyJq
vueはeasy、reactはsimpleという印象だけど
2021/01/28(木) 19:36:24.90ID:gbGMVwiG
学者コストはVueの方が多いんじゃないかな
入り口はeasyなんだけどその先が魔窟
2021/01/28(木) 20:05:26.24ID:8yw0DJ+M
vueだけなら、まだしも、
ここに、vuetify , webpack , electron などが入ってくると、覚えること多すぎて、発狂する。
 
2021/01/28(木) 20:09:55.33ID:WFJoNSA1
vuetifyはきっついね
ブレイクポイント調整するのでさえ調べるのに苦労したw
2021/01/28(木) 20:52:06.54ID:uzZ02qVv
WebpackはReactのついでに覚えたけど、2つ同時に新しい事やるのはしんどかったな。
どっちで間違えてて動かんのかわからなくなるから
2021/01/28(木) 22:27:31.12ID:jgjmzVAb
typescriptもあるしな
最近まともなところはみんなts使ってるから
2021/01/28(木) 22:31:42.89ID:Vg+KS3Uv
ts使ってる所は、まともなところだから当然だな
2021/01/28(木) 22:47:51.89ID:uzZ02qVv
ネットの情報見てても、同じ事してる記事がJSとTSでそれぞれあったら、TSの方がレベル高い傾向あるね。

稀にこいつぜってーC♯かJava屋だ、みたいなTSらしからぬコードなことあるけど。
2021/01/28(木) 23:28:01.50ID:8yw0DJ+M
typescriptもかなり難しいと思うわ。
2021/01/29(金) 00:18:38.76ID:w7VgAIO0
そうそう。TS使ってる所がマトモな所で
マトモな所をみると全部TSを使ってる
2021/01/29(金) 00:20:27.82ID:w7VgAIO0
TSを作ったのはマイクロソフト
やはり開発ツール大手の言語が一番信用できる
2021/01/29(金) 00:40:53.66ID:hrY2ZXk6
>>31
Reduxは一元管理
Recoilは分散管理
だから当然
同じ球技として野球とサッカーを比べてるみたいなもんだ
86デフォルトの名無しさん
垢版 |
2021/01/29(金) 02:04:10.02ID:3+hstRma
React触ってるやつの気が知れんよね
JSXとかいうゴミ未満は触る気まじでおきない
CSSもライブラリなしだとどうしようもないしバニラHTML、CSS、JSのサイトを置き換えるのに向いてなさすぎる。置き換えたら置き換えたら他ライブラリに不可逆だし
2021/01/29(金) 02:13:11.13ID:lci3xwY1
Hooksがなかったら正直vue使ってたと思うわ
2021/01/29(金) 05:40:40.34ID:5EZgOvgX
他のライブラリと互換性がないのはどのライブラリでも基本同じでは?
Reduxとかは一応Vueとかでも使えるけど
2021/01/29(金) 07:23:04.01ID:x1ZYNtUN
cssだけは外出ししてscssにしてる
2021/01/29(金) 08:18:08.38ID:/7M+cArx
俺は中出ししまくりだわ
2021/01/29(金) 10:39:00.22ID:oD4hJuEl
> Hooksがなかったら正直vue使ってたと思うわ

このスレ史上一番の同意
2021/01/29(金) 12:53:21.19ID:j3FdJsAK
vuexじゃダメなん?
2021/01/29(金) 14:01:25.27ID:hrY2ZXk6
>>86
IT老人が新しい技術触りたくないだけのワガママにしか聞こえないっす
jQueryを永遠に触ってれば良いんじゃないっすか?
2021/01/29(金) 14:08:56.15ID:0oGGWO2M
まあクソ技術でも新しいってだけで喜んで使うバカも大概老害だけどな。
2021/01/29(金) 14:49:57.52ID:KVbJsw0J
老害の自覚が無いのも老害の特徴
2021/01/29(金) 14:52:37.86ID:w7VgAIO0
新しい技術に飛びついた結果が、vueなんですよね?w
97デフォルトの名無しさん
垢版 |
2021/01/29(金) 16:56:25.73ID:qyQEC/XS
一年くらい前にRouterのみ(状態管理?なにそれ)でダイナモのdataを出し入れする奴を1から作ったことあるレベルなんだが
今から簡単な管理画面作ろうとしたらどっちがええんや?
ReactAdminとかいうのがあるしやっぱりReactかな?
フロントエンド極めるぜーとかは無い
2021/01/29(金) 18:05:04.80ID:/TzzqeA+
コーポレートサイトでもJamstack使う感じか?
Gatsbyとnextjsどっちがいい?
2021/01/29(金) 18:30:47.96ID:W6w+ch5s
コーポレートサイトこそ速度重視(SEO)でJamstackかなと思ってる。
後は好み
2021/01/29(金) 19:19:49.05ID:OFy3vHiY
コーポレートサイトなんてWPでさっくり作ってCDNでキャッシュすれば済むんじゃないの?
わざわざJamstack構成で手書きとかする意味あるの?
2021/01/29(金) 21:32:36.88ID:/7M+cArx
それ、結局慣れてるってだけでWP+CDNのほうがふつうに複雑な構成だと思うんだけど…
WPにはApacheやphpも含んでるわけだろ?
慣れ親しんだ構成は簡単(に感じる)ただそれだけでは?
2021/01/29(金) 22:04:22.97ID:jUDeEk7I
>>92
正直とっつきづらくない?
2021/01/30(土) 05:16:03.78ID:Lo5+giET
それってSSRでないといけないのかどうか、を考えたら自ずと答えは出てくると思うけどな
2021/01/30(土) 19:50:27.27ID:agVwYo8i
ものによるだろ
コーポレートサイトでもぴんきり
2021/02/01(月) 01:21:42.86ID:erlsmUWR
svelte ってdocument.getElementbyIdできないよね?
2021/02/01(月) 06:56:31.55ID:1FPaV5fA
んなわけねえだろ
2021/02/01(月) 22:29:21.51ID:F7rMc3G4
Vue3どうや
2021/02/01(月) 23:35:01.51ID:2eqZXl0H
Vue3ッピ
2021/02/02(火) 00:22:52.21ID:so1yZjLU
Vue3なんてでるのか
Nuxtが対応したら考えてみるかな
2021/02/02(火) 06:44:03.37ID:jnDmdgRE
もうとっくに出てるぞ
111デフォルトの名無しさん
垢版 |
2021/02/03(水) 12:48:52.46ID:SUIdhxWk
react今からなら関数でhooksなん?
2021/02/03(水) 14:39:51.64ID:2GRRwLdV
はい
113デフォルトの名無しさん
垢版 |
2021/02/03(水) 15:10:28.61ID:SUIdhxWk
わかりました
recoilってのも気になったけどおいときますね
2021/02/03(水) 16:05:50.69ID:Cda4WUO1
りあくと!っていう同人誌読んでおけ
2021/02/03(水) 18:49:17.29ID:El6Fj4FU
大岡さんじゃないですか
2021/02/03(水) 19:04:58.31ID:+v6gLMtx
状態管理はuse.stateとuse.contextで充分よ
recoileとかそびえ立つなんとか
2021/02/03(水) 19:31:35.77ID:RFAk90vV
状態管理って
ネイティブクライアントつくってれば
当たり前の機能でしかなくて、
Webアプリしか作った事ないのが
騒いてるにしか見えんね。

しかも、これらのライブライリ
使うと著しく見通しが悪いコードになる。

普段通り要件に合わせて
都度作った方が良いね。
2021/02/03(水) 19:36:37.91ID:W6NaOLRR
コードから無理やり状態を排除しようとした結果
状態を扱うだけの高機能な巨大なオブジェクトが出来上がってしまったという
笑うに笑えない間抜けな事態になってる

状態が"必要ない"ものであれば、状態をなくすのは理にかなってるが
そもそも状態が必要なものは、状態をなくすことは不可能なので
部屋に散らかったゴミを押入れに入れるように一箇所に隠すことしかできないのだ
一見きれいに見えたとしても、それはいずれ大きな負債となり管理できなくなる
2021/02/03(水) 20:00:24.74ID:Z5OWTF0C
ま〜た来てんのか懲りないなぁ
2021/02/03(水) 20:00:49.82ID:FluqeStE
stateもreducerもrecoilもcontextも
必要に応じて使い分けるがなあ
reduxを使わない(使う技術と根気がない)からかもしれんけど
2021/02/03(水) 23:12:27.69ID:DcIpd+xu
>>118
>状態を扱うだけの高機能な巨大なオブジェクトが
それが正しく抽象化されていて、管理の手間も掛からないなら、何の問題もないだろ

何ならオブジェクトって単語をライブラリに置き換えるだけで、受ける印象が全然違うし
>状態を扱うだけの高機能な巨大なライブラリが出来上がってしまった
2021/02/03(水) 23:22:34.31ID:W/8d1T4e
明らかにReactの事わかってない(もしくは使ったことない)文章だし、触るだけ無駄だって
2021/02/04(木) 00:29:36.39ID:3FUYW+4v
JotaiよりValtioのほうが好き
2021/02/04(木) 16:27:49.58ID:ZmbwzlTJ
Reactは糞
2021/02/04(木) 17:20:47.74ID:ShVNWnqX
じゃあ何が紙なんですか?
2021/02/04(木) 18:51:27.05ID:g2toKVp1
jqueryですよ
2021/02/04(木) 19:54:20.88ID:3FUYW+4v
ハイハイ別スレまで立ててんならそっちでやれよ(藁
2021/02/05(金) 02:48:18.83ID:rPKZ7Ca7
Context APIは適切にメモ化して再レンダリング抑制して場合によっては正規化もやって云々
って色々とやっていくうちにreduxのしょぼい版が完成するだけ

じゃあ最初からreduxで良かったじゃんってなる
2021/02/05(金) 04:11:19.75ID:byuAt8tU
あるある
オレオレフレームワークの末路も大体そんなだな
結局、シェアが大きいのは大きいなりの理由があるわけだ
2021/02/05(金) 04:13:28.59ID:O6ItStNw
フレームワーク開発者の実験に突き合わされてるって
いい加減気づかないものかね?
それなりの人が作ってるものはどれでもいいんだよ
あとは将来性で考えればいい
重要なのはどれだけ長く使えるかだ
131デフォルトの名無しさん
垢版 |
2021/02/05(金) 19:40:52.00ID:Yskikq1v
やっと時代がsvelteに追いついてきたな
2021/02/05(金) 21:20:44.34ID:I8WwnXYs
なんかあったのか?
2021/02/06(土) 01:54:59.73ID:NiMfppQU
redux + hooksが良さげだな。
2021/02/06(土) 06:43:56.37ID:5ssiRSsb
reduxの時代はもうすぐ終わる
2021/02/06(土) 10:35:03.63ID:gScbfwpE
reduxはやく死ね
2021/02/06(土) 13:07:30.27ID:zhCigCdf
reduxって単体で便利なライブラリなのに、
reactとセットが当たり前みたいに扱われたせいで、とんだとばっちりだな
137デフォルトの名無しさん
垢版 |
2021/02/06(土) 13:44:57.96ID:v1TWPYNZ
reduxしねって言ってる奴は基地外なんだよなぁ
2021/02/06(土) 14:56:20.33ID:R+q0SOf2
redux使わないレベルの規模ならhooksでいいけどな
しょぼいのしか作ってなさそう
2021/02/06(土) 15:59:21.13ID:hAnIbt2b
angularは何がまずかったのか
2021/02/06(土) 17:05:52.27ID:8arEYX2Q
reduxが糞言われるのと同じ感じゃね?
2021/02/06(土) 17:25:54.17ID:R+q0SOf2
まあそもそも、SPAフレームワークとか状態管理とかこのゴミのようなブラウザやネット、htmlやらjsの仕様に合わせて仕方なくやってることだよな

状態管理は後付けで出てきたようなもんだし
何もかも非効率
2021/02/06(土) 18:01:05.80ID:RQX4dzOj
>>139
angularはUIとデータベースをうまく紐付けないといけないので高度な設計能力が必要になる
その反面、設計能力が高ければUI関するコードを減らせるので
かなりシンプルにすることができる

reactとかはデータとUIに直接のつながりがないので
適当に作っても、それなりにどうにかなる
その反面JavaScriptでUIをゴリゴリと書いてる
2021/02/06(土) 18:07:56.70ID:NiMfppQU
フロントみたいなデザイン的な面を最初からうまく設計できるって仮定自体が馬鹿げてるわ。
2021/02/06(土) 18:23:28.52ID:RQX4dzOj
本来データ構造と見た目を分離するのがHTML/CSSなんだけどな
フロントやってるやつはCSSが苦手
CSSの命令は知っていても最低限の機能しか使えず
CSSだけで高度なデザインする能力がない
デザイン作るのにHTML構造を弄くらないと作れない
2021/02/06(土) 18:27:50.12ID:Kl671woR
>>144
当たり前やん
それデザイナーの領域やし
2021/02/06(土) 18:51:57.32ID:m5/vxF5j
angularは単になんでも入りが受け入れられなかっただけでしょ
バンドルサイズでかくなるし
2021/02/06(土) 19:14:40.81ID:R+q0SOf2
>>145
ゴミクソ自称フロントエンジニアwww
デザイナーがjsxいじるのか?
2021/02/06(土) 20:10:33.12ID:Kl671woR
>>147
おまえデザインも完璧に出来るんやな?(笑)
そんな奴がフロントエンドのコードまともにかけるわけ無いやん(笑)
2021/02/06(土) 20:18:29.57ID:RQX4dzOj
>>145
だからデザイナーにやらせればいいということになる
そこをうまく分離できておらずプログラマがやらなければいけなくしてるため
メンテナンス性とパフォーマンスが低下して、生産性もスケールしなくなった
2021/02/06(土) 20:24:16.20ID:RQX4dzOj
高い技術を持っていればAngularは素晴らしい道具なんだが
それを使いこなせる技術者・デザイナーが少ないという話
2021/02/06(土) 20:29:37.13ID:RQX4dzOj
具体的に言えば、

デザイナーは最低限これぐらいは自力で実装できるぐらいの技術力が必要

CSSだけで作るドロップダウンメニュー(多階層)サンプル8
https://webdesignday.jp/samples/p5793/sample8/


そしてプログラマは、自分で作れなくともHTMLとCSSだけでこれらを作れると知っており
それを作るために必要なHTMLをカスタムタグなどを使いより簡潔に生成するために
HTMLやフレームワークの機能を熟知していなければいけない


ここまでの技術者が揃うのは少ないのでAngularを使いこなすことができない
そこでちまちまとJavaScriptで生成してる
2021/02/06(土) 20:31:26.99ID:R+q0SOf2
>>148
ゴミクズのお前はコードすらゴミじゃん
2021/02/06(土) 20:33:05.87ID:Kl671woR
>>152
低能だから直ぐ発狂するんだな(笑)
朝鮮人かよ(笑)
どうせデザイン能力も大したことなければコードもまともに書けないという事がバレバレやな(笑)
あ、また発狂するの?(笑)
2021/02/06(土) 20:35:24.24ID:R+q0SOf2
>>149
だからjsxとstyleComponentをデザイナーにやらせるのか?
オメーがやれよって話
stateによって可変させるUIとかどっちがやるんだよ?
自称フロントエンジニアどものゴミのようなUI作成能力どうにかならねえのか
2021/02/06(土) 20:36:30.75ID:R+q0SOf2
>>153
お前の目ん玉腐ってるからデザインもできないわ、コードもゴミだわで存在価値ゼロだろ
2021/02/06(土) 20:54:06.29ID:RQX4dzOj
>>154
> だからjsxとstyleComponentをデザイナーにやらせるのか?

jsxとstyleComponentはウェブ標準技術じゃないよ
ウェブ標準はプログラマとデザイナーの両方にとってより良い技術だったのに
それをぶち壊している技術がたくさんあるってだけの話
ウェブ標準に戻りましょう
2021/02/06(土) 20:55:45.19ID:RQX4dzOj
>>154
> stateによって可変させるUIとかどっちがやるんだよ?

プログラマはstateの管理までをやればいい。
最終的にそれはHTMLのクラス属性やdata属性などに反映される
そのstateに応じたUIを作るのはデザイナ
一人で作るのは大変なんだからさ、分業しようぜ
2021/02/06(土) 21:00:50.81ID:SFhq9+QY
いつもの奴じゃん。相手するなよ
2021/02/07(日) 00:37:12.45ID:qbLU6RFF
高い技術があれば〜とか、超人的能力あればアセンブラで十分ていう狂人と一緒だぞそれ。
2021/02/07(日) 01:41:48.31ID:LJ4y35I5
NGしたらほぼ見えなくなった
2021/02/07(日) 06:10:25.10ID:XoDa8kg4
なにでNGしたんだ?
2021/02/07(日) 06:12:46.97ID:XoDa8kg4
>>159
高い技術ある人で、アセンブラで十分なんて言う人いないだろ?
その例えはおかしい

そもそも開発コストの話をしてるわけで
記述量が圧倒的に増えるアセンブラは
高い技術がある人が使っても開発コストは増える
2021/02/07(日) 07:01:46.57ID:kKBZX8I/
フロントエンド開発が複雑になりすぎて、デザイナの手に負えなくなったからフロントエンドエンジニアって職種が出てきたのに
デザイナにコード書かせるとか、お前らいつの時代の話してるんだよ
分業っていうなら、デザイナの仕事はあくまでデザインで、コーディングじゃねぇよ
2021/02/07(日) 07:46:29.35ID:XoDa8kg4
> フロントエンド開発が複雑になりすぎて

ここが根本的な問題で解決すべきこと
2021/02/07(日) 07:47:54.17ID:XoDa8kg4
>>163
デザイナが書くのはHTML+CSSだぞ。これをコードとも言うけどな
あと正確にはウェブデザイナな
フォトショでカンプ作るとかいうやつじゃないからw
2021/02/07(日) 07:59:38.06ID:7Hox7ISB
自称フロントエンドエンジニアはhtmlやcssすらまともに使えない
使えないからデザイナーガーとしか言えない
例えデザイナーがカンプ作ってもセンスゼロだからhtml cssで再現できない
マジでフロントエンドエンジニア名乗るのやめたほうがいいぞ
2021/02/07(日) 08:00:39.40ID:kKBZX8I/
>>165
それがいつの時代の話してるんだって言ってるのに、会話成り立たなすぎて草
2021/02/07(日) 08:18:15.35ID:kKBZX8I/
このスレに限らないけど、5chってXHTML時代から情報更新されてないやつ多すぎないかね
Web関連の話になると、こういうやつがうじゃうじゃ湧いてくる
bootstrap全盛時代とかWP全盛時代の常識がガンガン出てきて、びっくりする
平成の半ばにタイムリープしたかと思うわ
2021/02/07(日) 08:41:40.36ID:MLlcStaP
それな。
首だけ突っ込んできてなんにも学ばない不毛な人が一定数居る。
そういう人はどういうわけかいつもイライラしてるようだ。

勉強して知識アップデートするか、首突っ込んで来なければ、今よりは幸せになれるだろうに
2021/02/07(日) 08:55:46.26ID:XoDa8kg4
>>167
ウェブ標準団体が、Web3.0とかいいだしましたか?w
いつの時代って普通に現役
ウェブ標準の仕様は何も変わってない
2021/02/07(日) 09:02:19.34ID:kKBZX8I/
>>170
Web標準仕様の話なんてしてないのに、本気で会話成り立たなくて草
どういう読解力してるんだよ
2021/02/07(日) 09:04:56.00ID:kKBZX8I/
そもそもWeb3.0って、Web2.0は仕様ですらねぇよ
腹筋崩壊するわ
2021/02/07(日) 09:06:08.49ID:yqZHDrnv
文書構造とデザインの分離はウェブ標準団体が言ってることなんですが?
いつ方針を変えましたか?
174デフォルトの名無しさん
垢版 |
2021/02/07(日) 09:38:40.09ID:gnsEcpST
昔はwebの役割としてdocumentのような静的なものを求められてきたけど、今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

webにロジックが入り込むことが多くなってきてデザイナーは基本的にfigmaとかでデザインするだけでマークアップも書かなくなってきてる。
2021/02/07(日) 09:43:16.91ID:yqZHDrnv
> 今はネイティブアプリのようなアプリケーション寄りの要件が出ることが多いからね。

ほとんどのウェブサイトではそのような要件はでてきません
あなたが趣味でググって見つけたサイトは、ネイティブアプリのような機能がありますか?
そういうことです。
2021/02/07(日) 11:39:40.51ID:kn8KLgWd
この人WordPressスレに行ったら幸せになれるじゃねーかな
2021/02/07(日) 11:58:27.36ID:7Hox7ISB
文書もデザインもロジックもすべてjsに入り組んでいるのが今のフロントエンド
センスゼロ再現能力ゼロの無能君たちはフロントエンドエンジニアではない
ゴタクを並べて言い訳しかできない単なる使えない産廃
2021/02/07(日) 12:15:54.34ID:TOG7ZB5l
ID:7Hox7ISB
こいつは無能
2021/02/07(日) 12:23:58.56ID:v4YBsdqg
やっぱりワッチョイの方が良かったんじゃ
2021/02/07(日) 14:20:39.40ID:4l6MIIiU
盛り上がってますねぇ
2021/02/07(日) 19:01:48.59ID:2YglLZdX
ぶっちゃけ色んな技術を配属されたチームの習熟度や要件に合わせて使えることが重要なわけで
Redux嫌いとかVue嫌いとか、TypeScriptいらないとか言ってる暇なんて実際ないからな
結局は技術をアップデートできない奴が淘汰されていくだけの話
過去の技術に固執したいのなら勝手にひとりでやってれば良い
2021/02/07(日) 19:12:48.42ID:yqZHDrnv
まあ、問題は技術のアップデートではなくて技術の変更になってるってところなんだよな
やり方が変わるだけで、何も良くなってないというね
2021/02/07(日) 19:30:35.93ID:WoEiSDix
技術?に群がってるだけじゃん。

その技術っうのは
只の流行りネタなだけという。
2021/02/07(日) 19:42:00.81ID:lfj7lF3Q
別に技術に群がるでも良くね?
それが要求されているのならやるだけなんだが?
2021/02/07(日) 19:55:44.79ID:wvgli5uH
https://www.youtube.com/watch?v=Rxqko96C5ZI

バーナーズリーってなんか、話し方大丈夫この人?
前からこんな感じだったっけ
2021/02/07(日) 19:58:10.04ID:wvgli5uH
ごめん、スレタイとあんまり関係ない動画貼っちゃった
なんか上みたら Web 3.0 がどうとか喧嘩してたから調べたのよね
2021/02/07(日) 19:58:21.51ID:2YglLZdX
まぁ、そもそも俺が技術選定する側の人間じゃないからそう思うだけなんだけどな
別に必要ないから使わないって選択のできる人は使わなきゃ良い話
2021/02/07(日) 20:07:04.65ID:4l6MIIiU
>>185
めちゃくちゃあがってるな笑
2021/02/07(日) 20:33:42.76ID:wvgli5uH
>>188
あがってるのかこれ?
なんか他の動画見ても最近のやつはこんな感じで、
薬やってんじゃないかとかコメント欄で言われてる
2021/02/07(日) 22:04:32.53ID:qbLU6RFF
新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。
2021/02/07(日) 22:04:33.20ID:qbLU6RFF
新しいってだけでゴミ屑使おうとするからレガシー化するっていう事にもう少し気を使ってほしいわ。
2021/02/07(日) 22:51:00.32ID:QMot51F7
>>187
誰それがこれからは○○だって言ってましたーみたいなのが多すぎる

新しいものを使うのがなぜか前提となってる
今の問題点を言ってないか古いから、新しいからみたいな
意味がない理由しかない
2021/02/07(日) 23:14:30.83ID:L0/THKkq
こういうヤツがチームに紛れ込むとめんどくせーんだよな😅
194デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:24:22.56ID:gnsEcpST
頓珍漢なこと言われたら普通に議論して論破すれば良いと思う

それができなければ自分が選んだ技術選定も間違ってることになるし
195デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:27:22.50ID:gnsEcpST
web標準にやたらこだわってる奴がなんでjqueryを使おうとするのかよくわからないけどね。

今ならjqueryを使うならvanilajsで事足りるしね。確かGitHubかbootstrapだったかもjqueryを排除してvanilajsに移行するって言ってたしね。
196デフォルトの名無しさん
垢版 |
2021/02/07(日) 23:32:18.62ID:gnsEcpST
ただ過剰にreactやvueが使われてるなとも思う。


https://bundlephobia.com/result?p=react@17.0.1
https://bundlephobia.com/result?p=react-dom@17.0.1

reactを選択すると必然的に約43kbバンドルサイズに含まれることになるからね。かなりパフォーマンス的にはクリティカルだよ。

個人的には webcomponentが宣言的にssrできるようになり、かつweb標準でjsxのようなテンプレートが実装されれば良いなと思う。
2021/02/08(月) 00:30:19.45ID:aC3dgkJc
それReactでやるほどか?ってのを見かけたり
vanillaで記述してクソ共有しにくいオレオレを多用してるのがあったり
Reduxのstyle guideとしての側面を無視して話すヤツがいたり

適材適所って言葉知らんのか?って思うことは多々ある
極端すぎるねん
2021/02/08(月) 00:35:49.56ID:mwZivU/L
>>195
jQueryはvanilajsの「書き方」を変えただけだからだよ
vanilajsを使う場合と同じやり方でウェブサイトが作れる
199デフォルトの名無しさん
垢版 |
2021/02/08(月) 01:02:00.62ID:OlVE2wpo
>>197
style guideとしてのreduxってどういう意味?
2021/02/08(月) 02:48:15.20ID:EVoCDdev
>>199
状態管理を扱う時のひとつの規約というかルール、パターンでも良いかな

それに則ることで、エンジニア間の差異を減らしたり、共有しやすくなるよね
でも場合によっては煩雑になったり、持て余してしまうこともあるよね
だから適材適所だと思うよってこと
公式も言っている通り、無理に使う必要はない
201デフォルトの名無しさん
垢版 |
2021/02/08(月) 10:54:35.43ID:OlVE2wpo
そういう意味ね。なるほど。

まぁreactとかvueを採用すると途中から参画してきたエンジニアでもコストが少なく開発に参加できるよね。

結局どういうwebを作るのかにもよるけど

https:ar.al/notes/the-documents-to-applications-continuum/

↑ここでweb siteとweb applicationの定義がされてる。ようはweb siteにはreactやvueのようなフレームワークは不要だと思う。もし使用する場合はクライアントのバンドルに含まれないようにサーバー側でのみ使用するといった工夫が必要になると思う。
202デフォルトの名無しさん
垢版 |
2021/02/08(月) 10:57:14.83ID:OlVE2wpo
確かに適材適所はその通りなんだけど。
その適材適所をうまく言語してるような記事とかあったら読みたい
2021/02/08(月) 11:02:50.00ID:hgsCKB/O
その辺はgatsbyみたいなのもあるし線引き曖昧になって来た感ある
2021/02/08(月) 11:26:42.58ID:+amXZ9sM
そもそもクライアントサイドで動く素のReactとSSRは区別しろって話ではあるけどな
素のReactが適するケースは意外と少ないっていうのはその通りで、
だから汎用的に利用する為にSSRだのJAMStackだのが増えたわけで

けど、そんなことをごちゃごちゃやらなくても、jQueryで済む話が多いのも確かなのよ
2021/02/08(月) 11:42:31.58ID:2vHDjwzI
でも二度とjQueryでアプリ作りたくないっていうのも事実だよな
206デフォルトの名無しさん
垢版 |
2021/02/08(月) 11:44:46.74ID:OlVE2wpo
gatsbyやnetjsのssgは結局クライアントでhydrationしてるから、バンドルにreactやreact-domが含まれちゃうでしょ。

俺が言ってるのはrenderToStringでhtmlを送るだけ。
uiにインタラクションを持たせたかったらvanilajsで実装するということ。
207デフォルトの名無しさん
垢版 |
2021/02/08(月) 11:46:29.23ID:OlVE2wpo
>>204
区別は良くない。クライアントでもサーバーでもコードを共有できるってのはいい設計だと思う。
2021/02/08(月) 15:16:10.59ID:E1A3htnM
jQueryなんてIE対策としてとしか使ってなかったわ
そもそもDOM操作とかは絶対やりたくねーし
それやるぐらいならサーバーサイドからHTML返してもらうよ
2021/02/08(月) 15:33:43.71ID:JflNcTHh
サーバーサイドからHTML返してもらうほうがきついかな自分は
JSPのトラウマが蘇ってきてさあ
210デフォルトの名無しさん
垢版 |
2021/02/08(月) 16:33:24.41ID:lIPh5JDD
>>201
さらっと読んだけど面白かった
とはいえ「それWordPressとCDNでよくね?」みたいなサイトも国内外問わず今は無理やりJS技術使ってるところ多いよね
昔フロントエンドが面倒くせえことになってるのはお前ら自身がめんどくさくしてるからだってのを読んだことあるがまさにそのままだなー
2021/02/08(月) 16:40:57.71ID:wJ3JIqDy
逆だろwwwwww
どう考えても静的サイトで十分なのに「WordPress入れましょう」で高単価案件にして鯖管費までふんだくってんだろうがwwwwww
2021/02/08(月) 16:44:19.01ID:yA2zjtMF
ゴキブリ倒すのにブラックキャップ買ってきたら池沼に「それ核爆弾でよくね?」って言われた。こんな感じのナンセンスさ
213デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:06:13.29ID:OlVE2wpo
wordpressはフロントエンドとバックエンドの分離が難しいから採用するのは良くないかな。
214デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:06:35.50ID:lIPh5JDD
そうかな
技術者集めるコストとか考えたら全然安いと思うし完全な静的サイト(DBナシ)は想定してない
日本だとnoteとかそういうサービス
2021/02/08(月) 17:09:39.32ID:hgsCKB/O
まぁほとんどのwebサイトはそれで充分なんだよね
このスレで取り扱ってるフレームワークとはあまり関係無いはずなんだけど意見かごっちゃになってるのは必要ない場所で使ってる人が多いからなんだろうね
216デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:10:13.09ID:OlVE2wpo
noteとかそういうサービスをwordpressを使用して開発するってこと?
217デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:16:55.75ID:lIPh5JDD
>>216
WordPress云々はどうでも良くて読み物ならサーバサイドレンダリングでいいじゃんってだけ
わざわざ読み物サイトをフロント側でごちゃごちゃやる意味がわからんのよね
確かWordPressも管理画面はReact使ってたと思うけどそういうのに必要だよなって記事に
そうだよなーって感想もっただけ
218デフォルトの名無しさん
垢版 |
2021/02/08(月) 17:35:42.00ID:OlVE2wpo
>>217
その通りだね。
2021/02/08(月) 17:39:57.18ID:6GdUCq1V
Svelte Material UI + snowpack 使ってる人いる?
環境作れなくて涙目
2021/02/09(火) 13:37:07.36ID:MnBgdBBV
Nuxt.js使ってる人ならnext.jsの学習コストそんなかからないよね?
2021/02/09(火) 19:05:14.97ID:1omwR2qN
vueとreactは別もんじゃん
そりゃおなじnode.jsだけどさ
vueは従来どおりのテンプレート型
reactは関数言語の応用だし。
2021/02/12(金) 01:12:00.49ID:xk8lu6wN
tailwindっぽいutility firstなcssフレームワークって昔のHTMLをカッコつけた感じが半端ないな
2021/02/12(金) 04:33:38.05ID:vN8jdZOX
どんなに優れたcssフレームワーク使ってもお前らのゴミのようなセンスだとまともなUI作れないよな
デザイナーガーで召喚しても指示どおり作れないし救いようがない
2021/02/12(金) 06:51:51.30ID:8v2y/vW7
はいはい、今日もご苦労さん
2021/02/12(金) 14:31:13.64ID:76u2v03/
最近Vue使い始めて便利さが実感出来た。
なにより手軽。
2021/02/12(金) 14:51:30.65ID:ecic4es+
それがreactのほーーが
究極シンプルで手軽なんだよ。

vue.jsの次に手掛けてわかった。
vue.jsの選択理由が簡単で分かりやすい
はずだったんだけどな。
2021/02/12(金) 15:02:11.16ID:Icv/F37w
一番手軽なUIソフトはexcelですよ
2021/02/12(金) 17:54:18.01ID:nbh89gsJ
>>227
機能が無い分面倒だよ。
2021/02/12(金) 22:36:20.02ID:Cyc/UqZY
ReactはHooksを覚えるだけで万能感得られるのがでかい
余計なこと覚えなくていい
ただしHooksをちゃんと理解するのが難しい
2021/02/13(土) 00:34:27.42ID:g7TpkVfT
一概に難しいとも言えんだろ。
useStateみたいに簡単なのから難しいのまでいろいろある。
2021/02/13(土) 17:10:15.51ID:kzKvjqdY
>>229
楽だよな
Vue使う理由が無くなる
2021/02/14(日) 11:45:42.07ID:PBQ8u9UG
NuxtもそのうちISRできるようになるんか?
2021/02/14(日) 18:18:25.97ID:Iov6sRvp
NuxtがISRできるようになる頃にはNextがまた新しいほげふがレンダリング出来るようになってるぞ
2021/02/15(月) 02:59:26.22ID:89MhGAsi
ISRなんていらんやろ・・・
こんな間抜けな機能を提供しようと良く思ったなw
2021/02/15(月) 05:18:26.62ID:DFKsWvAf
逆張りかっけー^^
2021/02/15(月) 08:31:59.89ID:Ugw4OGSy
これからはSSGだ!とかISGすごい!とか長々と説明してる記事多いけどさ、それただのキャッシュしてCDN配信してるだけじゃん
そのために新たな技術やコーディング方法が必要ってむしろ面倒くさくしてるだけだろ
頭おかしいんじゃねえの
2021/02/15(月) 11:18:10.96ID:RViaNkw8
それキャッシュとCDNで十分じゃん、みたいなパターンは結構見かけるね。
それはそれとして、技術としては別モンだと思う。
2021/02/15(月) 11:26:43.55ID:8VSpNbzS
それな
元々、Ajaxの系列だからな
Ajax -> SPA -> SSR -> SSGと来ているわけで、SPA要素がない従来の技術とは系統が違う

まあ、本来はシングルページ”アプリケーション”を作る技術の延長で、ウェブページを作る技術じゃねぇよって話なんだが
2021/02/15(月) 16:51:23.61ID:mQV+FRZu
こいつらReactを理解してるのか?
2021/02/15(月) 17:09:17.53ID:RViaNkw8
どうしてそう思うの?
2021/02/15(月) 18:46:30.91ID:E7fw/gtI
SPAなど関係なくサーバーサイドで静的HTML生成は何十年も前からやってた
それをSPA界隈の人達が違うパラダイムでやろうとしてるというだけのことだと思う
2021/02/15(月) 22:16:42.71ID:Y9YOwFs/
シンプルにしとけばか
自分で複雑にしておいて、複雑しているのが解決しましたドヤ
ってやってるのがフロント
2021/02/15(月) 22:36:01.66ID:E7fw/gtI
動的にやるしろ静的にやるにしろ
サーバー側で何かしないといけないのは間違いない
個人的には各言語にReactのサーバーサイドSDKみたいなのを用意するのがベストなんじゃないかと思ってる
そうすれば既存のフレームワークからも使える
2021/02/15(月) 22:54:13.66ID:AA3CTIXi
React server components
2021/02/15(月) 23:04:27.14ID:Ugw4OGSy
入り乱れてめちゃくちゃになってきてるな
2021/02/15(月) 23:07:07.30ID:Y9YOwFs/
所詮お前らはフレームワーク開発の実験台にされてるだけだからな
最終的にはブラウザネイティブで対応し、フレームワーク自体の機能は極小化する
つまり今頑張っても数年後には無駄になってるということさ
2021/02/16(火) 00:17:35.21ID:FwQskT4w
今やってる事が遠い未来もそのまま役立つとは思わないけど、逆に全然役に立たないなんて事無いよ。
UFOが降ってきて宇宙人が全く新しく異質なプログラミング手法を伝授するレベルのパラダイムシフトでもない限り、技術は陸続きで、だんだん便利になってくわけで。

それとも、20年後もCOBOLやVBAやりたいの?
2021/02/16(火) 00:31:21.49ID:XpWP4Lg+
Reactは10年に一度レベルのパラダイムシフトのフレームワークだぞ
Railsが出た時と似てるが持続の長さを考えるとそれ以上
これをガッツリ使うかどうかで今後のエンジニアとして生き残れるかが決まる
dhhをみろ
Railsこじらせてhotwireみたいな珍妙なものを作ってしまった
2021/02/16(火) 00:47:12.71ID:DXNufXqG
Rails勉強中のぼくちんはhotwireに期待しとる。
Reactぱっと見むずいんでvue跨ぐわ
2021/02/16(火) 01:06:37.49ID:jIWHuTIP
vueのほうがむずい気がするけどなあ
リファレンス見ながらじゃないと書けぬw
2021/02/16(火) 02:04:40.36ID:fHkGNFJh
jsxとテンプレート構文、どっちが良い?
2021/02/16(火) 02:35:45.26ID:wKNgQeKG
jsx
2021/02/16(火) 06:19:23.89ID:FwQskT4w
Reactの最初とっつきにくいように見えるけど、慣れればむしろシンプルで楽ってのは、関数型プログラミング始めた頃の体験と似てるように感じたな。
2021/02/16(火) 06:21:27.85ID:XpWP4Lg+
あとはUI系のライブラリが揃えば完璧なんだけどな
CSS系は増えてきたけど
UIライブラリはよ
2021/02/16(火) 08:30:07.37ID:n149FlOb
jsにjsxを記述するとコードが増えてぐちゃぐちゃだよな
ここにさらにstyle component入るとカオスだろ
2021/02/16(火) 11:11:15.78ID:tjl7Fm3+
無理にあれこれ入れる必要無いだろ
必要なら使えば良いだけ
2021/02/16(火) 13:39:32.12ID:n149FlOb
>>256
ロジックとjsxが混在したソースってどうなんだろ?
一貫性があっていいのかもしらんけどjsの中にhtmlを書くって未だに馴染めない
2021/02/16(火) 14:57:18.58ID:fHkGNFJh
主体がjsかhtmlかの違い
テンプレートの方が融通が利かないので肥大化しやすいと思う
2021/02/16(火) 14:57:51.63ID:jRkGS0PF
コードが読みやすいし
めちゃくちゃ柔軟性ですわ。
260デフォルトの名無しさん
垢版 |
2021/02/16(火) 15:34:58.76ID:FKJ6Ir1i
>>257
stateや様々な条件に応じてdomを出し分けたりすることが多いからね。
ロジックと混在してるのは便利だよ。

例えばSpotifyみたいなアプリケーションを書こうとしたときに、サーバーからはアーティスト一覧が帰ってきます。その一覧を表示してくださいとか。
ロジックかけた方が宣言的にかけるでしょ
261デフォルトの名無しさん
垢版 |
2021/02/16(火) 15:38:01.33ID:FKJ6Ir1i
アーティストを人気順や名前順に並び替えたいという要件が出てきた時。その条件をobserveしてロジックを実行したい時とか。これはuseEffectを使うと簡単にできるし。

やはり便利やわ
2021/02/16(火) 17:12:06.02ID:tjl7Fm3+
Vueのように分離したってワンクッション増えてしょうもない問題が入り込むだけ
それならシンプルに一緒にした方が楽
2021/02/16(火) 17:14:10.89ID:n149FlOb
ReactもVueも気持ち悪いからどっちでもいいや
2021/02/17(水) 01:30:14.37ID:TfUbKPe7
実際はカスタムフックを作成したり、コンテナに集中させたりしてロジックは分離するけど
チュートリアルとか初学者向けのものはひとつのコンポーネントに詰め込みまくるから余計に複雑に見えて嫌になるのかなって思う
2021/02/17(水) 02:32:06.15ID:h6yqc/sI
JSXをいじりまくってる時はPHPerの気持ちがわかるね
2021/02/17(水) 05:54:25.85ID:aI544ykF
最近のPHPの事は知らないけど、Reactは階層構造を強く意識して(疎結合なJSXを)書く事になるから、個人的にはPHPの書き味とは似てないと思う
267デフォルトの名無しさん
垢版 |
2021/02/21(日) 00:06:16.25ID:gJ1xacyy
React坊が大嫌いになったのでVueにします
2021/02/21(日) 06:33:22.42ID:C67QNDLN
ええで、多様性は善や。
俺はReact使うけど
2021/02/21(日) 18:05:35.73ID:2LnBUDtS
NextとかNuxtにtailwindを使うケースが増えてるらしい
実際どうなん?
2021/02/21(日) 19:09:27.48ID:YBiJgi0R
センスゼロのプログラマがどんなcssフレームワーク使ってもまともなUIを作れないからどうにもならん
2021/02/21(日) 19:21:56.42ID:C67QNDLN
これひょっとしてボット?
2021/02/21(日) 19:30:55.83ID:2LnBUDtS
>>270
ん?会話成り立ってないよお前
コミュ症か?
2021/02/22(月) 01:16:02.43ID:vr3CHIyK
tailwindはCSSのエポックメイキング
2021/02/22(月) 01:18:16.31ID:Mzudh1ni
Tailwind CSSが私には合わなかった理由
https://coliss.com/articles/build-websites/operation/css/why-tailwind-css-is-not-for-me.html
2021/02/22(月) 04:22:52.65ID:jHjYO/cM
プログラマのゴミのような酷いUI構築力

画面設計にはあるのに必要な要素が存在しない
レスポンシブにするとどこかに消える要素
画面の外にはみ出したり追い出されるコンポーネント
スクロールすらまともに作れない
マージンバラバラ
フォントサイズ超適当
正しいレイアウトになっていない
デザインどおりに組めない

→ それ俺の仕事じゃないと言い訳しかできない

これが自称フロントエンドエンジニア
マジで無能
2021/02/22(月) 06:32:13.67ID:AWzcgyLq
なるほど類は友を呼ぶ、か
2021/02/22(月) 08:08:42.50ID:IBbn/fIN
>>274
いままで使ってみたことなかったけど
それ読んだら今後も使わないだろうと思った
2021/02/22(月) 09:16:18.78ID:vr3CHIyK
>>275
お前が無能じゃん
2021/02/22(月) 09:20:35.98ID:vr3CHIyK
指示もうまく出来てないし、マニュアルもないし
フロントとバックエンド両方の技術求めているし
こいつを使えるような指示を出せないお前が無能
2021/02/22(月) 12:35:56.43ID:jHjYO/cM
さっそく言い訳かよ
恥ずかしい
2021/02/22(月) 16:57:46.35ID:rJYG6Wkh
マ板に行け
2021/02/22(月) 23:00:52.97ID:vr3CHIyK
>>280
反論できないのは事実だからでは?
2021/02/22(月) 23:41:35.23ID:jHjYO/cM
>>282
指示しないと作れない無能のお前ごときに反論が必要なのか?
どっちにしてもお前のゴミのようなセンスどうするんだよ?
生まれつき目ん玉腐ってるから見たものすら理解不能なんだろうが
2021/02/23(火) 23:39:52.34ID:iKnZpTcJ
>>269
Tailwind 好きだけどreactには向いてないと感じる
2021/02/25(木) 23:53:51.55ID:UwJ6aIwP
海外のトレードサイトで、reactで作られたUIで割とキビキビ注文板が動いてるの見たから、案外パフォーマンスも良いんだな
286デフォルトの名無しさん
垢版 |
2021/02/26(金) 09:04:23.62ID:m5VAFocI
レンダリングのスピードはvdom使ってるから遅いけどな。直のdomを弄るよりも。
2021/02/26(金) 10:54:16.42ID:RsctNkSD
>>286
そら直の更新で最小の更新だけすれば、そっちの方が早いだろうけど
差分更新のメリット活かせないなら、そっちの方が早いのは当たり前じゃね
2021/02/26(金) 16:20:29.74ID:GphNZQIs
速度だけ見たら阿部寛のホームページが最強だわ。
カス企業は無駄に動的にしたがるがこれで十分だろ。
2021/02/26(金) 18:35:04.32ID:APpW8ZeK
動的ページに親を殺された奴が定期的に湧くな
2021/02/26(金) 18:50:19.98ID:CU1SuyGz
でも阿部寛のホームページはLight Houseのスコア弱いから
2021/02/26(金) 19:45:00.28ID:GXz7VgkU
ネタだろうけど目的と手段が入れ替わってるぞw
Light Houseのスコアを上げるモチベは検索上位に行くためだろう
阿部寛は一番上で、おそらくリストロジック上特別扱いも既になされているのではないか?
だとしたらLight Houseのスコアを上げるモチベはまったくないだろう
2021/02/26(金) 22:56:58.21ID:APpW8ZeK
https://twitter.com/mizchi/status/1365163040019128320?s=19
> Svelte しばらく使ってみた感想だけど、これはたぶん将来的に Vue と食い合うことになると思う

ふむ、確かにそうかも
https://twitter.com/5chan_nel (5ch newer account)
293デフォルトの名無しさん
垢版 |
2021/02/27(土) 00:44:39.33ID:4MeaDNRp
この人当たり前体操してるな
294デフォルトの名無しさん
垢版 |
2021/02/27(土) 00:55:26.53ID:lzDnqtNz
>>288
確かにこれで良いんだけどな。
速いし読みやすいし。
なぜ企業はこうしないのだろうか。
2021/02/27(土) 04:17:33.46ID:dWUrH1vP
適切な技術ではなく新しい技術を使うことが正義だと思ってるアホが多いから
jQueryはオワコンとかネガティブキャンペーンしてるやつが当てはまる
2021/02/27(土) 07:12:42.09ID:F+33B9Z1
別にもう新しくもねえだろ
アホはいつまでも最新って思ってるらしいが
2021/02/27(土) 07:15:23.77ID:Ry89ooPI
>>294
SSGってある意味でこれへの回帰では?
流石にHTML手打ちするのはアホらしいので、そうしないだけで
2021/02/27(土) 07:22:12.85ID:xGn+rZN0
阿部寛のサイトは、内容がないから速い。
何の処理も、操作もない

そういう簡単なページは、誰でも作れるから、プロにお金を払わない
2021/02/27(土) 07:42:42.43ID:hpJz9JUm
>>296
「新しい」っていうのは、何年以内のものを指す言葉じゃないぞ
何かと何かを比べて新しいかどうかだ

それとも別の何かが登場して
オワコンなったんか?
2021/02/27(土) 07:43:16.57ID:hpJz9JUm
>>298
内容=装飾とエフェクトとか思ってる人いるよね
中身が無いのに着飾ってるだけ
2021/02/27(土) 07:57:35.19ID:Ry89ooPI
おう、そう思うならw3mでも使っとけ
2021/02/27(土) 08:05:41.66ID:F+33B9Z1
>>299
お前みたいなゴミカスが吠えたところでうるせーゴミカスとしか思わない
303デフォルトの名無しさん
垢版 |
2021/02/27(土) 08:33:44.80ID:4MeaDNRp
みんなweb siteとweb appを同列に語ってるからややこしくなるんだって。

阿部のサイトは明らかに性的なwebサイトの部類。静的なものに関してはreactを使わずにhtmlと単純なjsで書くべき。もしくは templateとしてjsxを使うとか。
2021/02/27(土) 09:22:59.41ID:YCjZDVD2
明らかに性的
2021/02/27(土) 09:35:25.09ID:KW4ilgBx
性的(アダルト)サイトはトラフィックが半端ないらしいな。フロントでどうこうの世界では無さそう
2021/02/27(土) 10:54:53.32ID:uk48Hbkt
試しに広告を1個追加しよう
2021/02/27(土) 11:40:17.29ID:8JWxjtWT
2021/02/27(土) 14:17:42.84ID:fOML2+m/
阿部寛の活動内容を伝えるって目的を考えればあれで十分だろ。
あれに糞エフェクト入れたら逆に鬱陶しいわ。
2021/02/27(土) 14:27:37.11ID:Ry89ooPI
react使ったからって装飾もエフェクトもついてくれませんけども
310デフォルトの名無しさん
垢版 |
2021/02/27(土) 17:08:58.97ID:lzDnqtNz
Googleで「SSL」を検索すると、Reactを使った最新のサイトがダダーッと出てくる。
説明を読んでみる。

> 皆さんこんにちはテクノロジーエフェクト株式会社CEOの山田(仮名)です。
> 本日は、社会人1年目の皆さんのために「SSL」について解説します。

※クルクル回るエフェクトで1分待たされる

> 皆さんも社会人となったのでクレジットカードを持たれたのではないでしょうか?

※ ネットショッピングについて2ページ

> というわけで、SSLという仕組みが必要になったのです。
> 次回は担当役員佐藤が、SSLとは何か説明いたします。
> ご期待ください。
311デフォルトの名無しさん
垢版 |
2021/02/27(土) 17:14:37.12ID:lzDnqtNz
Reactと聞くだけでイラッとすると、あわしろ氏が言ってた。
2021/02/27(土) 18:51:53.70ID:W4QL4Nh3
推奨NGワード: あわしろ
2021/02/27(土) 18:56:43.81ID:Ry89ooPI
>>310
それサーバが遅すぎでは……
314デフォルトの名無しさん
垢版 |
2021/02/27(土) 18:58:45.35ID:lzDnqtNz
SSLの解説と称してネットショッピングについて説明し、内容豊富なコンテンツですと!!??
315デフォルトの名無しさん
垢版 |
2021/02/27(土) 19:02:14.49ID:lzDnqtNz
ウェブアプリなので、ネットショッピングについての2ページが通信必要なしに表示できるんですよ!!

ってあほか!

普通にSSLの説明書けよ。
316デフォルトの名無しさん
垢版 |
2021/02/27(土) 19:04:10.19ID:lzDnqtNz
あわしろ氏は近年の風潮に危惧されているぞ!
2021/02/27(土) 19:10:07.74ID:b85cvTHG
あわしろ氏?あー登山家でしんじゃった人か
318デフォルトの名無しさん
垢版 |
2021/02/27(土) 19:12:25.97ID:lzDnqtNz
業界の重鎮を知らん奴はモグリ。
2021/02/27(土) 19:15:17.88ID:W4QL4Nh3
推奨NGID:lzDnqtNz
2021/02/27(土) 19:25:29.33ID:Ry89ooPI
あわしろってLinux界隈の人しか知らない
321デフォルトの名無しさん
垢版 |
2021/02/27(土) 20:09:16.27ID:lzDnqtNz
あわしろ氏は、フロント界隈はクズしか居ないと言ってた。
322デフォルトの名無しさん
垢版 |
2021/02/27(土) 20:14:53.53ID:lzDnqtNz
フロント=高卒初心者。
2021/02/27(土) 20:49:15.11ID:F+33B9Z1
このスレはゴミクズが集まりやすいな
2021/02/27(土) 21:47:00.37ID:p8fFfsx/
最近の高卒初心者は凄いな
私が初心者の頃だったらReact+Reduxとか絶対に理解できなかったわ
2021/02/27(土) 22:43:24.98ID:F+33B9Z1
おっさんたちには理解できないんだよ
おれはおっさんだが
326デフォルトの名無しさん
垢版 |
2021/02/27(土) 23:01:31.78ID:lzDnqtNz
KENTAのサロンで学びなおすべき。
2021/02/27(土) 23:04:58.94ID:HtPM28za
自分で宣伝するなよカス
2021/02/27(土) 23:06:28.22ID:Ry89ooPI
動画だのサロンだのばかり見て、全然手を動かして(勉強して)無いんだなと言うのが伝わってくる
2021/02/28(日) 07:56:33.74ID:TzXN37YB
推奨NGワード: KENTA
330デフォルトの名無しさん
垢版 |
2021/02/28(日) 13:35:50.20ID:lWYupZuQ
あわしろって誰や
2021/02/28(日) 17:31:02.99ID:TzXN37YB
推奨NGワード: あわしろ
2021/02/28(日) 20:06:40.77ID:pff3D6mj
誰も知らない重鎮w
2021/03/01(月) 21:49:32.88ID:1tqDExrX
ケンタガイジまだ生きとるんか?
2021/03/01(月) 22:54:23.27ID:vtDgs//2
カモ探しは大変やな
2021/03/02(火) 07:38:01.19ID:kJOOtJPm
コロナで宣伝書き込み増えまくったよなw
生きるために必死www
2021/03/05(金) 09:20:27.18ID:v7Pr2gGT
我々はjqueryに代わる世界標準なライブラリを求めている
2021/03/05(金) 16:11:57.68ID:tx0UmPpp
この世からjavascript無くなればみんな幸せになるのに
2021/03/05(金) 16:28:26.93ID:ap8GROD4
心の底からどうでもいいと思う。くっだらないな。
2021/03/06(土) 21:34:14.78ID:9erZHs8Q
Next.jsのIncremental static regeneration て
一定時間がたてば、必ず生成するのですか?

例えばマークダウンからページを生成するとして、マークダウンに変更があったら
ページも生成しなおさなければならないけど、なければ生成する必要がない。
だからキャッシュの更新時間と、ページのもとになるマークダウンの更新時間を比較して必要がなければ生成しないようにしたい。
そうするには、どの関数、どの引数戻り値をいじればいいのでしょうか?
340デフォルトの名無しさん
垢版 |
2021/03/07(日) 00:03:04.88ID:MQIo/REo
>>339
必ず再生成されると思うよ。
2021/03/07(日) 12:45:16.05ID:OD2oMWgq
>>340
そうなんですか。
単純なマークダウンの変換からのブログとかには向いてないのかな。
ありがとうございました。
342デフォルトの名無しさん
垢版 |
2021/03/07(日) 22:41:07.67ID:MQIo/REo
もしかしたら再生成は変更された場合のみで、apiへの確認は毎回行うみたいな感じかも
2021/03/07(日) 22:49:32.14ID:usnmu73Q
たかがブログやるのにこんなに複雑で面倒くさいことしないといけないっておかしいだろ
344デフォルトの名無しさん
垢版 |
2021/03/07(日) 23:52:19.21ID:MQIo/REo
cdnを挟めば、同じことできるしね。
でもcache頑張りたくないです!な場合は有効かもね
2021/03/08(月) 16:37:25.83ID:c6FLXLbe
CMSも昔はMovableTypeのような静的なものが主流だったのが
WordPressで動的なものが主流にはなったものの遅いとかで
また静的に戻ろうとしているのかも知れないが
静的は静的でメンドクサイんだよなw
だから今後はサーバーの性能が上がるだけなのにわざわざ静的にする
必要性が普通は無い
よっぽど高アクセス対策しないと行けないみたいな特殊な例はあるかもしれないけどなw
2021/03/08(月) 18:36:25.92ID:wAKJ5PAY
昔よりサーバの性能向上鈍化してないかなあ
2021/03/08(月) 18:40:34.62ID:65abqToN
たかがブログやりたいだけなのにシステムがどうのこうのってのがおかしい
アメブロ並に簡単に作れるブログでいいわけ
2021/03/08(月) 18:43:43.44ID:XYub/OI4
揺り戻しでSSG(静的サイトジェネレータ)が静かに流行ってると聞いたが
2021/03/08(月) 18:46:19.08ID:wAKJ5PAY
そんなあなたにWordPress。なんだけど、キャッシュとか使っても思いの外鈍足。安いCDN無いかなぁ
350デフォルトの名無しさん
垢版 |
2021/03/08(月) 22:56:44.40ID:y3yAY/kO
wordpressがクソな理由はphpが介入することなんだよね
2021/03/09(火) 03:05:40.43ID:xjRg9K6y
>>348
今こそMovableType復活の時
2021/03/09(火) 04:21:26.74ID:OLPYRKku
リファレンスとかニュースみたいな情報提供系サイトは極限まで軽くして穂いい。
そっから必要最低限の機能を追加してほしい。

要するに、長年積み重ねてきた中の無駄要素を排除して再構築。
2021/03/09(火) 11:12:55.74ID:BIanm+fj
>>350
php7にしていない古いのが一杯ありそうだし
そういうホスティングしているところが詰め込み過ぎで遅いというのもある
php自体は今は相当早くなってるよ
ruby(笑)なんかよりかなり早いし
354デフォルトの名無しさん
垢版 |
2021/03/09(火) 18:42:17.59ID:iZE/4cwX
phpがクソというわけで言ったわけじゃなかった。すまんこ

webの開発をわざわざphpでしたくないよねっていう話。
jsで統一したい。

現在wordpressにphpが使われてる理由に合理的なものってないよね。初期設計がそうだからとかでしょ?
2021/03/09(火) 19:18:59.02ID:N+Xx0u4G
jsで統一するのは良いが、非同期で統一したくない
2021/03/09(火) 19:46:44.50ID:hOlUZDAG
まあ適材適所だよね
2021/03/09(火) 21:08:47.70ID:bDaZLiiA
久しぶりにjsで書いて「なんだこれ?」「どうしてこうなった」ってなる大体の原因は非同期を忘れたから

ま、phpも他もそれぞれそういうのあるんやけどね
2021/03/09(火) 22:55:32.57ID:xjRg9K6y
jsのシンタックスと伝統的なサーバーサイドの書き方がいまいち相性悪いんだよね
ちょっと複雑なことやると
あらゆるところでasync await連発しなきゃいけないし
サーバーサイドからしたら非同期の要素なんて入らなくて
シーケンシャルに高速に動いて欲しい
その方がパフォーマンス計測もデバッグもしやすい
359デフォルトの名無しさん
垢版 |
2021/03/09(火) 23:28:57.78ID:mnokqQXB
伝統的なサーバーサイドってなんやねん
async awaitが嫌なら、goもrustもc#も大体の言語書けないわ。

jqueryおじさんと非同期おじさんという二大ガイジがいるんだなあ
2021/03/09(火) 23:40:23.75ID:BIanm+fj
rubyガイジが一番酷い気がするw
2021/03/10(水) 00:14:14.67ID:qhBOQ0Pt
非同期なJavaScriptに慣れすぎたのか、同期的な言語使うと、これ一見自然だけど割り込みを隠蔽してて良くないよな。
みたいな感覚になる
2021/03/10(水) 00:22:14.52ID:qhBOQ0Pt
なんならthisもわりと自然に感じる。
だがprototypeとnewの関係。オメーは駄目だ
2021/03/10(水) 00:23:48.47ID:xPfi1zIG
そんでキミたちはどんなSPAアプリ作ってんの?
こっちはちょっと特殊な業界でreactフロントの業務基幹システム作っとる
2021/03/10(水) 00:24:42.19ID:qZVdq/6G
>>358
複雑なことやるならpromise使うんやで
2021/03/10(水) 01:19:37.95ID:uNLR8yvP
サーバーサイドが非同期いらないとはこれいかに
2021/03/10(水) 01:53:50.85ID:MgNVoYVm
それな。nodeがc10k問題をコード上特に工夫することもなく易々と突破したときの他勢力のsurprised pikachu faceといったらw
2021/03/10(水) 02:50:32.74ID:hr2yGgcj
基本、CUI は同期。
GUI みたいに割り込まれる事がないから

だから、サーバー言語のRuby は同期。
非同期はオプショナル

一方、JavaScript はGUI が先にあったので、非同期が基本

Node.js がRubyを真似て作られたのが、2010ぐらい。
Rubyの10年後ぐらい
2021/03/10(水) 06:35:18.79ID:zhxqF+gZ
推奨NGワード: Ruby
2021/03/10(水) 07:05:12.33ID:qhBOQ0Pt
CUIが割り込み無いとか、何言ってんだよ。割り込みなんてコンピュータの基礎じゃん。
sleepも割り込み、ネットワーク応答も割り込み。OSなくたって割り込みは存在するのに
2021/03/10(水) 09:43:04.13ID:vUFReCtH
JavaScriptが非同期を意識したコードを書かないといけないというのが根本的な問題
しかも常に非同期なのではなく同期的に処理される場合もある
2021/03/10(水) 10:13:22.10ID:8/mVjUuX
例えばファイル読み込みで非同期処理は必要か?
SQLのフェッチで非同期は必要か?
その辺りを考えれば俺のいってることは理解できるだろう
2021/03/10(水) 11:55:06.47ID:uAepteT/
シングルスレッドのJavaScriptは非同期にせざるを得ない
他の言語であればマルチスレッドで実行するので非同期はいらない
2021/03/10(水) 12:34:04.24ID:qhBOQ0Pt
DBアクセスとかマルチスレッドこそ非同期要るじゃん。
同期処理と非同期が混ざってるのが良くないってのは確かにそう。ただ、現在の環境では希少かと。
2021/03/10(水) 13:55:19.72ID:uAepteT/
>>373
いらんよ。どうせデータベースから値を取得しないとその次の処理はできないんだから
2021/03/10(水) 14:47:34.52ID:zN4T8yA6
イマイチわからんのだけど、node.jsってプロセスが一つだからリクエストあってもグローバル変数は共有されるよね
サーバーレスだとアクションのたびにプロセスが立ち上がるからグローバル変数は共有されないの?
となるとnode.jsのメリットってどうなるんですか?
2021/03/10(水) 14:57:43.23ID:uAepteT/
>>375
お前がいいたいのは何だ?
グローバル変数の有無がどうメリットの話に結びつくんだ?
そもそもお前はnode.jsのメリットがなんだと思ってたんだ?
2021/03/10(水) 15:00:41.23ID:8/mVjUuX
>>375
プロセス間でどうやって変数を共有するんだよ
2021/03/10(水) 15:07:14.67ID:jZOICfBR
>>375
狂ってる
2021/03/10(水) 15:27:36.16ID:zN4T8yA6
>>376
メリットはプロセスが一個ってこと
グローバル変数はどうとかは知らん

>>377
知らんけどメリットあるっていろんなnode説明にあるけど

>>378
まあな
380デフォルトの名無しさん
垢版 |
2021/03/10(水) 16:45:19.70ID:aIqwTZ5Z
>>375
調べてみたら確かにそうなんだね。勉強になった。

シングルスレッドだとプロセスが独立してないからグローバル変数が共有されるんだ。
381デフォルトの名無しさん
垢版 |
2021/03/10(水) 16:52:28.79ID:aIqwTZ5Z
> サーバーレスだと独立してプロセスが走る
リソースは有限で、無限にプロセスが走るわけではないから、メリットはあると思うよ
https://www.grandream.jp/blog/understanding-aws-lambda-container/
2021/03/10(水) 17:17:28.57ID:uAepteT/
>>379
> 知らんけどメリットあるっていろんなnode説明にあるけど

じゃあお前がnodeのメリットを勉強しろってだけの話だろ
2021/03/10(水) 17:19:12.14ID:uAepteT/
>>380
> シングルスレッドだとプロセスが独立してないからグローバル変数が共有されるんだ。

マルチスレッドでもグローバル変数は共有されるが?
そもそも一部のメモリを共有したいという要求があって
マルチスレッドが登場したというのに

それから共有されるからなんだっていうんだよ?
なんにもデメリットはないだろ
384デフォルトの名無しさん
垢版 |
2021/03/10(水) 17:42:17.88ID:aIqwTZ5Z
>>383
スレッド間では共有されないでしょ?
2021/03/10(水) 18:16:52.69ID:qhBOQ0Pt
Next.jsに手を出したけども、始めるまで勝手にイメージしてたSSR vs SSGの図式は間違ってた。
そこはハイブリッドで良いし、結構簡単に切り替えられるんやな
386デフォルトの名無しさん
垢版 |
2021/03/10(水) 18:19:31.54ID:JIwrPDXM
グローバル変数はマルチスレッドで「不完全に共用」される。(ロックや排他制御しなければ)
他のスレッドから見られない共有されない変数は「スレッドローカル」変数。
スレッドはそもそも時分割処理をするために生まれたのであって変数を共有するためじゃない。
また物理的なメニーCPUコアが最初でもない。

>>373
当然ながら非同期はマルチスレッドじゃない。

Vue vs React vs Svelte vs Angularとかもう飽きたわ根本的にJSX系はいい加減にしてほしい
2021/03/10(水) 18:23:50.16ID:uAepteT/
>>384
スレッドはメモリを共有できるという特徴があるんだよ
勉強しなおしてきな
2021/03/10(水) 18:25:28.51ID:hoCylbwM
マルチスレッドの地獄に比べたら非同期なんて大したことないだろ
2021/03/10(水) 18:26:11.44ID:uAepteT/
>>386
> スレッドはそもそも時分割処理をするために生まれたのであって変数を共有するためじゃない。

時分割処理をするなら複数プロセスを起動することで実現していた。
それが古来のUNIXのマルチタスク機能
スレッドは後からメモリを共有できる改良版として作られたもの
2021/03/10(水) 18:28:47.74ID:uAepteT/
>>388
マルチスレッドは地獄だから、局所的に使用する
グローバル変数を含むは共有メモリ
特別注意してコーディングすることになる

そしてマルチスレッドに関する局所的なコードを
除く、大部分のコードは同期的な処理で書きやすい
つまりマルチスレッドの地獄はごくわずかしかない

JavaScriptの非同期は、プログラム全体にわたって広く使われる
2021/03/10(水) 18:40:49.70ID:YSUu/Gkh
スレッドとプロセスの違いくらい勉強しとけよ
2021/03/10(水) 18:43:09.23ID:BnSZtr8b
ああ俺がTwitterで嫌いな部分ってルビーだったんだ
393デフォルトの名無しさん
垢版 |
2021/03/10(水) 18:45:43.38ID:aIqwTZ5Z
プログラムなんだからメモリに展開されるから、共有される可能性はあるだろうけどね。

ある程度ライブラリで安全性を担保しようと頑張って実装してるでしょ、多分。

libuvはシングルスレッドだから、設計的にそこら辺の安全性を担保するのが難しいって話をしているよ
394デフォルトの名無しさん
垢版 |
2021/03/10(水) 18:55:38.86ID:SA6nop04
ファイバとかコルーチンがトレンド入りですよ。
2021/03/10(水) 18:58:10.99ID:uAepteT/
繰り返すが、マルチスレッドもシングルスレッドもメモリは共有される

マルチスレッドの場合は複数のスレッドが同じ変数(グローバル変数)を
参照する必要があるから注意が必要。シングルスレッドはその必要がない
からシングルスレッドの方が簡単

それと非同期の話は関係ない
シングルスレッドの方が簡単だが、そうすると同時に一つの処理しか行えないから
シングルスレッドの問題を解決するのが非同期

非同期でシングルスレッドの問題を解決出来るが
同期と非同期のコードが混ざることになりややこしくなる
シングルスレッド+非同期で頑張るよりも、マルチスレッドの方が簡単になることも多い
396デフォルトの名無しさん
垢版 |
2021/03/10(水) 19:02:59.71ID:SA6nop04
ストランドとか知ってる?
397デフォルトの名無しさん
垢版 |
2021/03/10(水) 19:04:08.51ID:SA6nop04
あわしろ氏が提案して、いまC++ Networking TS で標準化中だけど。
2021/03/10(水) 19:04:28.91ID:zN4T8yA6
よしよし
399デフォルトの名無しさん
垢版 |
2021/03/10(水) 19:30:44.99ID:MCvoFBii
非同期ではなく
完了まで待って次に移行するメソッドを
コールバックを一切排除して
関数定義側のみで定義する方法はないのか。
呼び出し側に特殊な構文が必要なのは無しにしてくれ
呼び出し側をそもそも関数で囲む必要がある
というオチはやめにしてくれ。
メソッド内で呼び出される非同期処理も
その内部の非同期呼び出しも
全部完了まで待つようにしてくれ
2021/03/10(水) 19:38:51.19ID:GO3UmArZ
>>399
アホすぎる
2021/03/10(水) 19:40:59.28ID:hoCylbwM
人はそれを同期と呼ぶ
2021/03/10(水) 20:08:18.94ID:8/mVjUuX
>>399
それがasync awaitでしょ
2021/03/10(水) 20:12:42.31ID:uAepteT/
非同期だけど同期的に見せたいっていうのは
やっぱり同期的な方が人間にはわかりやすいってことなんだよな
2021/03/10(水) 20:21:18.31ID:qvIOwUBa
そらそうよ。
並行して二つ仕事やるよか、一つづつこなす方が明らかに仕事の精度が高い。
405デフォルトの名無しさん
垢版 |
2021/03/10(水) 20:24:24.08ID:JIwrPDXM
>>389
The history of threads http://www.faqs.org/faqs/os-research/part1/section-10.html
コピペ&略

1965年にはBerkeley Timesharing Systemでと呼んでいた。しかしそれまでに並行性の概念
がなかったのではなく、当時は「プロセス」と呼ばれていた。

1970年にMax SmithがMultics上でスレッドのプロトタイプを作っていて、これは1つの重量
プロセスに複数のスタックを持たせる試みだった。
プログラミング言語における「スレッド」の創始者はおそらくIBMによるPL/I(1965〜)
TASKコールはプロセスにマップされないし、スレッド間どうしはメモリが丸見え。

そしてUnixが出現する。Unixは「プロセス」という言葉を「スレッド+仮想アドレス空間」の
意味に使った。そういうわけで、Unix的な意味での「プロセス」は仮想アドレス空間の切り替え
を伴う重たいものになってしまった。プロセスはそれぞれが個別にアドレス空間を持ってるから
メモリを共有することはできないがパイプやシグナルを使って相互作用することはできた。共有
メモリの機能が追加されるのはもっと後の話。
2021/03/10(水) 20:29:47.08ID:uAepteT/
>>405
つづき

しばらくすると、Unixユーザーは、メモリを共有できる古いプロセスを懐かしむようになりました。
これがスレッドの「発明」につながった。つまり、1つのUnixプロセスのアドレス空間を共有する
古いスタイルのプロセスである。重い」Unixプロセスとは対照的に、「軽い」とも呼ばれていました。
この区別は、70年代後半から80年代前半、つまり最初の「マイクロカーネル」
(Thoth(V-kernelとQNXの前身)、Amoeba、Chorus、RIG-Accent-Machファミリーなど)にまでさかのぼります。
407デフォルトの名無しさん
垢版 |
2021/03/10(水) 20:30:26.48ID:JIwrPDXM
UNIX屋はスレッドは後からメモリを共有できる改良版として作られたものと考えるが、元々は
時分割処理をするシステムの発想があったから、貴重な計算リソースを時分割するだけのOSが
最初です。これがユーザー側で使えるようになった段階をスレッドと呼びたいならそうしたら
ええですが、伝えたいことは以上です
408その1
垢版 |
2021/03/10(水) 20:32:13.92ID:uAepteT/
全部最初から訳したほうが良さそうw

[93-04-21-13-32.11] [92-01-27-17-05.54] 逐次的な制御の流れとしてのスレッドの概念は、
少なくとも1965年のBerkeley Timesharing Systemにさかのぼります。
ただ、当時はスレッドとは呼ばれておらず プロセスと呼ばれていました[Dijkstra, 65]。
プロセスは共有変数、セマフォ、および同様の手段によって相互に作用しました。
マックス・スミスは1970年頃、Multics上でスレッド実装のプロトタイプを作っていました。
アックグラウンドコンパイルをサポートしていました。
409その2
垢版 |
2021/03/10(水) 20:32:59.92ID:uAepteT/
スレッドの最も重要な祖先は、1965年頃に開発されたプログラミング言語 1965年頃に開発されたプログラミング言語「PL/I」です。
IBMが定義したこの言語は IBMによって定義されたこの言語は、`CALL XXX (A, B) TASK;' という構文を提供していました。
これはXXXのスレッドをフォークするものです。 IBMのコンパイラがこの機能を実装していたかどうかは
定かではありませんが この機能が実装されていたかどうかは定かではありませんが Multicsが設計されている間、
この機能は綿密に検討されました。定義されたTASKコールはプロセスにマッピングされませんでした。
定義されたTASKコールはプロセスに対応できないと判断されました。 そこで、Multicsは別の方向へ
TASK機能はIBMによってPL/Iから削除されました。ABNORMAL属性やその他多くの奇妙なものと一緒にね。
410その3
垢版 |
2021/03/10(水) 20:34:15.57ID:uAepteT/
その後、1970年代初頭にUnixが登場しました。 Unixの「プロセス」の概念は、制御のシーケンシャルなスレッドに加えて、
仮想アドレス空間を持つようになりました(ちなみに、Unixのプロセスの概念は、Multicsのプロセス設計[Saltzer, 66]から直接派生したものです)。
ですから、Unixの意味での「プロセス」は非常にヘビー級のマシンです。 プロセスはメモリを共有できないので
(それぞれが独自のアドレス空間を持っている)、パイプやシグナルなどを通じて相互に作用します。
共有メモリ(これもかなり厄介なメカニズムです)はずっと後になって追加されました。
411その4
垢版 |
2021/03/10(水) 20:34:40.54ID:uAepteT/
しばらくすると、Unixユーザーは、メモリを共有できる古いプロセスを懐かしむようになりました。
これがスレッドの「発明」につながった。つまり、1つのUnixプロセスのアドレス空間を共有する
古いスタイルのプロセスである。重い」Unixプロセスとは対照的に、「軽い」とも呼ばれていました。
この区別は、70年代後半から80年代前半、つまり最初の「マイクロカーネル」
(Thoth(V-kernelとQNXの前身)、Amoeba、Chorus、RIG-Accent-Machファミリーなど)にまでさかのぼります。
2021/03/10(水) 20:35:30.03ID:uAepteT/
>>407
> 元々は時分割処理をするシステムの発想があったから、
どこを見ていってますか?
413デフォルトの名無しさん
垢版 |
2021/03/10(水) 20:37:34.33ID:JIwrPDXM
>>412
「スレッド」の創始者はおそらくIBMによるPL/I(1965〜)
2021/03/10(水) 20:38:02.21ID:uAepteT/
時分割処理をするシステムの発想があったがそれはスレッドと呼ばれておらず
プロセスと呼ばれていたそうです。

じゃあスレッドじゃなくてプロセスですよね
2021/03/10(水) 20:39:13.88ID:uAepteT/
>>413
それはスレッドと呼ばれておらず、実装もされなかったんですよね?
416デフォルトの名無しさん
垢版 |
2021/03/10(水) 20:39:27.40ID:JIwrPDXM
そうしたいならそうすればええやん?UNIX屋はこれだから嫌だ、しつこい
そもそも別メモリアドレスに別処理を貼り付けるだけの処理で、メモリ共有が先という発想がおかしい
以上です。
2021/03/10(水) 20:41:20.00ID:uAepteT/
重要なのはここですね。

> しばらくすると、Unixユーザーは、メモリを共有できる古いプロセスを懐かしむようになりました。
> これがスレッドの「発明」につながった。つまり、1つのUnixプロセスのアドレス空間を共有する

メモリを共有できる古いやつ=プロセス
スレッドの発明
2021/03/10(水) 20:42:00.70ID:uAepteT/
>>416
「メモリを共有できる古い”プロセス”」がどうかしたのでしょうか?
2021/03/10(水) 20:47:21.16ID:uAepteT/
この文章の主張は

1. 古いプロセスはメモリが共有されていた
2. でもメモリが共有されていたのだからスレッドの祖先だ
3. つまり、メモリの共有の有無が、プロセスとスレッドの違いである

という結論になりませんか?
2021/03/10(水) 20:49:46.65ID:8/mVjUuX
スレチはやめろっての
421デフォルトの名無しさん
垢版 |
2021/03/10(水) 20:51:45.16ID:SA6nop04
スレッドを発明したのは、あわしろ氏の可能性もあるような気がするのだが。
2021/03/10(水) 21:00:21.73ID:qhBOQ0Pt
なんでそんな基礎レベルのとこをドヤ顔ではっぴょうかいしてんだか……
2021/03/10(水) 21:04:56.19ID:afuwFvM4
Vueはなぜいかんのか
役割分担がしっかりしてて完璧にみえる
424デフォルトの名無しさん
垢版 |
2021/03/11(木) 21:42:25.20ID:PDAujG43
俺はvue好きだよ
仕事ではangularメインだが
2021/03/12(金) 00:43:19.04ID:IfpuCZI8
過去に3回ほどVueのプロジェクトやったけど、途中参加でもある程度作ってあって
画面追加するぐらいなら、他の画面の作りを見て大抵の人は出来てたので
理解のしやすさはかなり高いかと思う

何も無い所から作れというのは大変だろうけどね
2021/03/12(金) 16:50:44.75ID:mhdfd3Eo
ある程度の規模まではvueがよくて規模が大きくなるとreactがいいとは聞くものの、具体的にどういいのか悪いのかのはっきりした答えを今まで聞いたことがない
みんな説明できずにモヤっとしかわからんの?
2021/03/12(金) 17:25:11.02ID:eRFkPre+
Reactしか使ってないからなぁ。
でも大規模に向いてるのはわかる。状態をあんまり持たないし、疎結合にしやすいかんね
2021/03/12(金) 17:43:30.08ID:0cefU6Fx
俺も規模小さくてもわざわざvueに手は伸びないなw
ちょっとしたものならバニラjs
それ以上は全部reactだわ
429デフォルトの名無しさん
垢版 |
2021/03/12(金) 18:38:38.45ID:kTC1PKHO
TypeScriptには生きて欲しいけど、Angularまじ死んで欲しい、誰得だよ
430デフォルトの名無しさん
垢版 |
2021/03/12(金) 19:19:12.20ID:WS11SrCh
HTMLのscriptタグの中で
require使えますか?
htmlからreactコードをどうやって読み込めばいいでしょうか?
2021/03/12(金) 19:28:02.79ID:0cefU6Fx
今ならscriptタグにmodule属性付けてimport使った方が楽なのでは?ボブは訝しんだ
2021/03/12(金) 19:30:01.84ID:0cefU6Fx
ごめん下の行読んでなかった。
公式チュートリアルに書いてあるよ。
2021/03/12(金) 19:58:59.60ID:eRFkPre+
すっかり慣れちゃったから忘れてたけど、WebpackとReact覚えるのは初心者にはハードル高いな。場合によってはnpmも同時進行。
かといってcreate-react-appだと、普通運転免許も持ってないのにいきなり重機のハンドル握ってるみたいな感じで戸惑うし
2021/03/12(金) 21:11:12.82ID:NJhtPnNo
まあ初心者はバンドルとかは特にしなくてもいいでしょ
その辺でハマるのは目に見えてる
2021/03/12(金) 21:24:59.62ID:HJakjQOq
webpackまわりはマジでどうにかしてシンプルにして欲しい
2021/03/12(金) 22:18:41.64ID:mhdfd3Eo
webpakeから解放されたのがdeno
denoやってるやついる?
2021/03/12(金) 22:25:06.87ID:IfpuCZI8
今はLaravelを利用しているのでLaravel Mixで割と簡単に設定は書いている
フロントはVueを使ってる

Denoみたいに簡単に出来るようになれば良いのだけどもうちょっと様子見かな
2021/03/12(金) 22:28:03.21ID:e73kyWKh
koaが流行らなかったのと同じ流れになりそう
2021/03/13(土) 03:55:54.07ID:33EHGK5P
Ruby on Rails 6 の、Asset Pipeline では、
JavaScript は、Node.js, yarn, webpack がデフォルト

ただし、CSS は、Sprockets のまま。
webpack だと遅いから
440デフォルトの名無しさん
垢版 |
2021/03/13(土) 19:11:15.82ID:qyGKeFee
アコーディオンとかバーガーメニューとか
折りたたみ式のUI考えたやつ全般に殺意が湧く
2021/03/13(土) 19:26:12.48ID:A02Mvyq7
ゲームアプリみたいにXボタンを押したら
メニューが開くとかにしてほしかったんか?
2021/03/14(日) 11:56:38.42ID:p0GUdxwd
Reactで業務アプリをフロント1人で開発できる奴ってどのくらいいる?
大企業レベルのシステム
あらゆるシステムがAPI連携されつつデータをReactで管理してそれらが全て権限毎にcrudできるくらい
2021/03/14(日) 11:57:31.87ID:p0GUdxwd
他部署のエンジニアやインフラ・バックエンドエンジニアは含まない
2021/03/14(日) 12:04:33.97ID:fblI0Eos
そんなん規模と要件次第だし、イントラ内かそれ以外かで全然……
と思ったらバックエンドは全部やってくれるのか、それならう〜んどうなんでしょ
2021/03/14(日) 12:50:12.53ID:IL1Rx7pe
Ruby on Rails, Bootstrap, React の方が、はるかに簡単だろ。
サーバーからHTML を返すから

これらをすべて、JavaScript で作ると思うと、ゾッとする
2021/03/14(日) 13:15:40.25ID:p0GUdxwd
>>444
規模が小さくても大きくてもやることは少ないか多いかの違い
ただGoogleAnalyticsみたいな独特なUIだときついかも?
2021/03/14(日) 13:30:26.32ID:fblI0Eos
規模に合わせて納期がそのぶん伸びるならある程度の技術力があれば可能では?
業務アプリなら単一ページってわけにも行かないだろうし、React単体だとルーティングが面倒なので俺ならNext.jsとか使うけど
2021/03/14(日) 13:56:01.15ID:03XgEL2i
要件がしっかりしてるなら、とか
複雑なスタイルが必要、とか
そういうのがなければいけるかもだけど、
大規模で1人てのが何かあったときに4ぬ
2021/03/14(日) 15:12:49.26ID:p0GUdxwd
>>447
単一ページではないからnext使ってもよいかな
さすがに素のReactだと厳しいからライブラリは使うけれども

>>448
提案してみたがReactできる人材がいなくてね
2021/03/14(日) 22:35:33.91ID:pQGk05s+
>要件がしっかりしてるなら、とか
そんなプロジェクト見たことないわ
2021/03/15(月) 00:44:00.58ID:OLqWeI6/
>>447
ルーティングが面倒??
2021/03/15(月) 04:21:21.59ID:kpgdiOvL
マジで今のフロントエンドは空き巣だと思う
サーバーサイドの人は今更フロントに来たがらないし
これまでフロントの人はReactとか触れるレベルの人が少ない
仕事多すぎて過労死するわ
2021/03/15(月) 06:27:13.58ID:LP308UWg
>>451
React Routerで頑張るのがめんどい。かといって1ページずつベタ書きはしたくない。読み込むデータも重複を避けて節約したい。
のでNext.jsでサクッとやりたい
2021/03/15(月) 06:44:09.51ID:LP308UWg
>>452
そうなの? 勉強会とか見てる感じ、Reactと色々組み合わせてバリバリやってます〜みたいな奴多くて、フロント専心だとReactできて当たりになりつつあるかと思ってた。
生DOMとJavaScriptを使いこなせていれば、React覚えるのなんてそれほどの苦じゃないと思うんだけどなぁ。
2021/03/15(月) 07:37:14.65ID:tiOBROfx
>>454
そういう技術的なとこだけやってりゃいいって分野でもないだろ。
フロントはめちゃくちゃな要望言ってくるユーザーばっかな印象がある。
2021/03/15(月) 07:54:10.63ID:GifvrUGq
>>455
452の言うこれまでのフロントの人は当然今までそれをこなしてきていると思うが。
2021/03/15(月) 07:59:21.15ID:LP308UWg
>>455
それはそうかもだけど。
それはフロントの顧客対応の話であって、技術であるReactは別の次元の話では?
2021/03/15(月) 09:36:56.30ID:taj05PCI
フロントでReactガッツリできる人はほとんどいないよな。
できるといって実際にはアプリ開発できない。

プログラミングできる=アプリ開発ができる

わけではない。
2021/03/15(月) 10:35:58.33ID:zcyKwmeM
Next.jsはルーティング周りとかもろもろ親切過ぎて、アレから入ると基本的なところの理解が疎かになりそうな予感がする
2021/03/15(月) 12:29:28.12ID:LP308UWg
Next.jsはReact知ってる使ってる人が使うものだからあれで良いんじゃないかな。
React知らないならSvelteとか行く……と思うんだけど、いきなりNext.jsって人もいるの?
2021/03/16(火) 08:24:55.46ID:7WBPsBCv
reactのみで作ったあと
nextを知って
全部作り直したくなった思い出
2021/03/16(火) 09:13:49.15ID:YK0LfbeF
nextはssg使わないのならvercel使わなくていいの?
vercel使うとベンダーロックしそうで怖い
2021/03/16(火) 10:24:27.59ID:Q6GQKNyT
Vercel使わなくてもSSG使えるよ。
画像最適化をSSGで使いたい場合はVercelなりCDNの利用が必要になるみたい
2021/03/16(火) 13:45:05.91ID:YK0LfbeF
なるほど!
2021/03/17(水) 12:13:50.44ID:JxyrTMyb
DOMとJavaScriptに精通しててReact使ってウェブアプリ作れるレベルならブルーオーシャンなの?
2021/03/17(水) 13:02:08.38ID:G0tOkvc1
はい
React使えますってだけで即採用の会社は多い
それほど難しい概念なのよ
ついでにサーバーサイドもできますってなったら年収1000万以上は確実か
2021/03/17(水) 16:44:16.51ID:JxyrTMyb
ははは、ご冗談を。
そんな条件鯖立ててWeb技術勉強してれば普通に満たせるやんけ
2021/03/17(水) 16:53:53.04ID:0XeNgZor
Reactできる=アプリ作れる
なわけない

プログラミングできる奴が全員アプリ作れるのか?
2021/03/17(水) 17:32:19.45ID:G0tOkvc1
Reactできる=Reactでアプリ作れるのつもりだが?
そんなのは当たり前だろ
アプリ作れないのにReactできるってなんだよそれは
嘘つきだろ
2021/03/17(水) 17:59:21.26ID:JxyrTMyb
アプリ作る以外にReactの勉強する方法を思いつかない
2021/03/17(水) 23:44:18.65ID:nttrQIVM
>>468
ちょっと何言ってるか分からない
2021/03/18(木) 12:50:28.19ID:MDhAFIuw
reactできるもアプリ作れるも意味が広すぎるわ
2021/03/18(木) 13:56:43.39ID:/B4L4J97
つまりツイッターやfacebookみたいなものちょい劣化版を一人で開発できるレベルがアプリ開発できるという

できるんだよな?
2021/03/18(木) 14:06:15.16ID:Ao1KNBsY
時間は相応にかかるとして、まあできるだろうな
2021/03/18(木) 14:10:20.37ID:AAeEQE9p
まあ色んな前提を抜きにすりゃあなあ
2021/03/18(木) 18:50:07.86ID:vHoZnW+w
フロントは作れるけど、ああいう数千万ユーザの同時アクセスに耐える技術とか、ユーザを集める技術とかは無いです
2021/03/19(金) 14:50:04.74ID:WIcmAXQA
そりゃあreactはフロントサイドのフレームワークなんだし当たり前よな
2021/03/19(金) 16:14:32.61ID:firLSKRk
component.vueで「なんでこの変数undefinedなんだよ!」って小一時間やってたら、
途中で変数に$付けてるのに気付いた
消したら動いたのでコーヒー飲んでパソコンを落とした
2021/03/19(金) 17:04:17.77ID:MDPOlxpG
ガシャーン
2021/03/19(金) 19:12:48.32ID:h3Tyx7mF
svelte触ってみた
意外と良いのか?
ReactとVueを同時に触っているような不思議な感覚
2021/03/19(金) 19:15:55.21ID:ao22suim
大規模開発にはやはりreduxが一番なの?
2021/03/19(金) 22:21:02.77ID:/uP82Ybd
hooksでよか
2021/03/19(金) 22:47:25.39ID:0reyMn3p
Next.jsのWebAPI機能って使ってる?
バリデーション無いのが嫌だからついついFastify使っちゃうけど、なんか良いやり方あんのかな?
2021/03/20(土) 01:24:05.09ID:kkhWwBy0
redux hooks便利だよな
2021/03/20(土) 16:06:22.47ID:JGWCTn7Q
SSRをやりたい、かつVercel使いたくない場合はNextjsよりNuxtjsの方がいいんすかね?
2021/03/20(土) 17:49:00.66ID:Ut7pLDGd
Naxtjs一択
2021/03/20(土) 17:57:26.38ID:+o6sxQZ6
Nixtjs一択
2021/03/20(土) 18:35:13.44ID:7ekh6VSe
NextかNuxtかはVercel云々よりReactかVueかで選ぶものかと。Nodeさえ動けば動くし
2021/03/20(土) 19:36:00.56ID:n5hjp+Ey
いろいろありすぎて何がなんだか
2021/03/20(土) 21:57:21.68ID:N6/LsPh2
最近のJSは落ち着いたとはなんだったのか
SSAの議論やHooksの登場で無限の可能性が出て
さらに混沌としてきた
2021/03/20(土) 22:01:26.50ID:+o6sxQZ6
SSAて何?
Static Single Assignment?
さいたまスーパーアリーナ?
2021/03/22(月) 22:20:24.58ID:ASIR/Hgt
ReactいろんなhookあるけどなんだかんだでuseStateとuseEffectとuseRefしか使ってない気がしてきた
493デフォルトの名無しさん
垢版 |
2021/03/22(月) 22:53:53.55ID:S5uDsVcD
>>490
数年前の混沌と比べればかなり改善したと思うよ
とりあえずreactと指針決めやすいだけ随分マシ
2021/03/22(月) 23:07:20.76ID:doxniXPH
ブラウザに閉じ込められた世界なぞまっぴらだ
2021/03/23(火) 00:06:38.01ID:TTYUCn+h
>>492
useCallbackもなんかよく分からないけど使うだろ
2021/03/23(火) 06:21:33.00ID:IbHNF+v8
>>495
useCallbackは分かって使わないとメリット無くね?
2021/03/23(火) 14:02:14.00ID:DqO5mYW7
>>492
計算コストが高いものはuseMemoは必須
2021/03/23(火) 14:37:00.87ID:1tPAFfS8
useLayoutEffectとかuseImpなんとかとか使い所全く分からんな
2021/03/23(火) 17:15:08.43ID:IbHNF+v8
>>497
Nextに行ったので、計算コスト掛かりそうなのはなるべくSSGしちゃうからなぁ
2021/03/23(火) 20:59:44.73ID:Xhjzv9sH
>>492
useReducerは?
2021/03/23(火) 21:34:21.30ID:IbHNF+v8
>>500
switch文が嫌いなので……という冗談は置いといて、最近使えた局面あったわ。復習大事だなぁ。
2021/03/23(火) 21:59:05.98ID:laboXhIZ
復讐は大事
2021/03/24(水) 12:53:41.64ID:t6+UAgCF
やっぱredux-saga使おうかと思い始めてる。hooksでも非同期処理は全然楽にならんし。
2021/03/24(水) 13:06:44.55ID:SWND22zP
非同期はスリル、ショック、suspense
2021/03/24(水) 19:09:46.62ID:m5FkUpnc
なんでredux、hooksと
非同期処理が関係すんの?
506デフォルトの名無しさん
垢版 |
2021/03/24(水) 19:55:26.26ID:acx8Cm+D
webのUI部品なんて死ぬほどあるのに
Reactコンポーネント化して再利用する価値あるか?

具体的な文言や色、
縦横サイズやマージン、文字の大きさ
背景画像やアイコンはコンポーネント内部に静的に組み込むの?

UIパーツはjquery UIやbootstrapを完全に利用するだけじゃ
ダメなのか?
つまり、再利用パーツを利用して楽をするのはいいが
それを自ら定義する必要性がどれだけあるのか
車輪の再発明ではないのか?

javascript制御やイベントリスナ、ajaxは再利用諦めて
使い捨てるしかないと思うが
2021/03/24(水) 20:04:47.19ID:yj6gJxmr
Ruby on Rails で、Bootstrap, React から、部品をコピペして使っているだけ

HTML, CSS は、よく知らない

SASS は知ってる。
JavaScript も、そこそこ知ってる
2021/03/24(水) 20:26:35.30ID:PT/Kz68l
>>506
デザインはコンポーネントに引数で渡せば良いじゃん。
ロジックは使い回せるじゃん。
なんなら自分で作らずに、一般的なコンポーネント使っても良いし。
509デフォルトの名無しさん
垢版 |
2021/03/24(水) 20:32:00.18ID:etsTud/s
>>508
それが一番だな
引数を組み立てるルールと
コールバックの仕様を覚えるのは面倒だが
それは他のライブラリでも同じか

Reactのコンポーネント定義の構文を覚えたり
トランスパイルだかなんだかを自作で行う
メリットは皆無だと思う
2021/03/24(水) 20:54:36.39ID:SWND22zP
推奨NGワード: Ruby
推奨NGワード: Rails
推奨NGワード: Bootstrap
推奨NGワード: 知らない
推奨NGワード: 知ってる
511デフォルトの名無しさん
垢版 |
2021/03/24(水) 21:19:39.23ID:AnQ/UQnk
svelteのツールがもっと揃ったらsvelteに手出したい...
2021/03/24(水) 21:24:40.04ID:PT/Kz68l
しかし荒らしが暴れてた頃は、もう5chは老害しかおらんのやなオワコンなんやなと思ってたけど、そうでもないもんだなぁ
2021/03/24(水) 21:50:13.77ID:N9nRIl9K
>>512
賢い人々は、みな twitter に移ったと聞いていますが?
2021/03/24(水) 22:28:26.17ID:MUs3PecD
ケンタガイジだけ隔離しとけばよか
2021/03/24(水) 22:31:10.46ID:+scMtDm3
しとけよばか
2021/03/24(水) 22:37:00.56ID:nJ4SXmRf
推奨NGワード: KENTA
推奨NGワード: あわしろ
2021/03/24(水) 22:50:20.74ID:e61Icrmt
今のTwitterは地獄だろ
マウントの取り合い
何かあればすぐ袋叩き
まだ掲示板の方が健全だと思う
2021/03/24(水) 22:52:22.40ID:N9nRIl9K
>>516
あわしろ氏、って最近よく聞きますが、どんな人ですか?
2021/03/24(水) 22:53:10.39ID:N9nRIl9K
>>517
確かに実名でマウント合戦とか壮絶な気がしますね‥
2021/03/25(木) 07:34:18.23ID:ZUhTIg9c
>>518
日本でトップクラスのプログラマー
日本一のケンタとほぼ互角と言われている
2021/03/25(木) 07:46:27.53ID:KZQE7Wft
推奨NGワード: KENTA
推奨NGワード: ケンタ
推奨NGワード: あわしろ
2021/03/25(木) 12:38:19.21ID:18nzHvsr
あわしろは、Linux 総帥。
たまに、日経Linux に記事を書いてる

昔、Linux板に、デル男という、
Xeon で、数十のディス鳥を起動した動画を上げていた香具師がいた

動画内で、他人の音楽を無断使用していたので、すべての動画を削除して消えたけど、
そいつが、あわしろと推測されている

数十のディス鳥を起動できるのは、世界でもデル男だけ
2021/03/25(木) 13:14:10.59ID:zrKz1Lho
推奨NGワード: あわしろ
推奨NGワード: デル男
推奨NGワード: KENTA
推奨NGワード: ケンタ
推奨NGワード: Ruby
推奨NGワード: Rails
2021/03/25(木) 13:33:10.12ID:ZUhTIg9c
>>522
天才すぎる
2021/03/25(木) 13:48:48.83ID:KmpgWBAt
推奨NGワード: 総帥
推奨NGワード: 日経
推奨NGワード: ディス鳥
推奨NGワード: 動画
推奨NGワード: 香具師
推奨NGワード: 世界でも
2021/03/25(木) 17:38:12.11ID:u8jjYzXk
これあれだろ、あわしろ信者に見せかけたアンチだ
2021/03/25(木) 19:35:42.13ID:QAr0K9ya
というアンチにみせかけたステマ
2021/03/25(木) 20:36:31.45ID:H/YqLEy0
あわしろ氏は、僕の最大のアンチは僕自身だと言ってた。
2021/03/26(金) 08:06:57.11ID:ZNspgQjP
あくどいオンラインサロンではないんだろうけど
ここまで誰かに心酔できるってちょっと危ないよな

教祖様がこう仰っていた!の一点張り
自分の意見が一つもない
2021/03/26(金) 09:18:44.65ID:hctx4407
vueとreactどっちが楽に覚えられる?
出来ればフロント触りたくなかったんだけど次やらされそう…
2021/03/26(金) 10:03:19.65ID:RGyvfDFF
最初ぱっと見たとき10秒でvueファイルは大まかにやってること理解できたけど、reactは無理だった
JS、TSの熟練度にも依るだろうから色々見たほうがええんでない?
2021/03/26(金) 10:27:14.48ID:VVmnyicV
>>529
プペの悪口は許さん
2021/03/26(金) 11:30:17.70ID:Z4vb/KOt
>>530
用途によるかと……。
Reactはある程度のJavaScriptやDOM知識は求められるし、hookの動作に最初は混乱する。
その代わり覚えちゃえばかなりフロント開発が楽になる。
2021/03/26(金) 12:18:15.36ID:hctx4407
>>531>>533
なるほど〜ほぼ知識ゼロなんでとりあえずvueから触ってみますわ
どうもサンクスです!
2021/03/26(金) 18:57:14.66ID:qCGjkEOf
すまんSPAの認証ってどうやるん?

ログイン
{id,password}をOAuth鯖?にpost→t:={Token, リフレッシュToken}戻り
tをLocalStrageに保存←これでええんか?クッキー?XSS対策は?

API
LocalStrageからtを取得
TokenをヘッダにのっけてGET/POST/他
リクエストフォージェリ対策とか要らんの?

乗っ取られたとき??
LocalStrageかたtを取得
リフレッシュTokenを乗っけてリフレッシュendpointにpost?←リフレッシュよくわからない
536デフォルトの名無しさん
垢版 |
2021/03/26(金) 19:20:39.34ID:8JReMHwV
OAUTHやOIDCはブログパクるしかない
言葉で言い表すのは無理

リダイレクトlocationを使うことを前提として
強制的に画面遷移を伴うのでSPAではおそらく無理
2021/03/26(金) 23:41:53.41ID:cRtjNEsa
とりあえずlocalstorageに認証情報を保存するのはバッドプラクティスとしか
サードパーティの認証サービス使うかHTTP OnlyのCookieで認証するのが一番いいのでは?
2021/03/26(金) 23:46:32.59ID:pL8tT6/3
せやな
調べたがトークンはクッキーがいいらしい
CSRFトークンはヘッダ
相変わらずリフレッシュはよくわからない
このへん標準化しといてほしいね
2021/03/26(金) 23:58:46.32ID:fZ0HKf+l
でもクッキーなくなるんやろ
2021/03/27(土) 07:08:19.25ID:w7/zKixd
いやCookieそのものが無くなるわけじゃないから
2021/03/27(土) 09:25:08.66ID:qBcxOjkl
トークンはBearerでいいんじゃね
2021/03/27(土) 09:30:30.56ID:7ksTjSi5
Bearerはヘッダやろ
トークンをヘッダにのせる(jsで触れるようにする)とXSSにやられるんやと
2021/03/27(土) 09:49:18.61ID:55KqPlEJ
もうhtmlに保存するしかない
2021/03/27(土) 10:03:56.08ID:q7C0N3jK
reactquery使ってますけど
イベントを発火させるところに置いてloadingを受けとるのがいいのか
storeにまとめてロジックとの分離を目指した方がいいのか分からないです
loadingはstoreから取ると可読性落ちそうですし
2021/03/27(土) 22:47:29.25ID:iAa+X6Ug
APIなのにcookie使っているプロジェクトがウザいw
headerにtoken仕込む方がやりやすいわ
2021/03/27(土) 22:58:18.46ID:I5pQApNE
セキュリティのためだから仕方ない
2021/03/28(日) 16:31:51.11ID:fN0S5vGJ
Reactってイマドキの若者はHooks?ってやつ使ってんの?
Reduxはオワコン?おじさんに教えてくれ
2021/03/29(月) 02:05:10.63ID:wK+S1L2g
どうせ一年後には全部オワコン
2021/03/29(月) 03:05:06.28ID:oruQzgJa
>>547
hooksでいいと思うけど
完全にステートやアクションを自分で管理したい人はreduxでもいいんじゃないか
2021/03/29(月) 06:26:51.65ID:W8fOwwP7
年齢と性別を比較してるようなもの。
Reduxもhooks api提供してるんだが。
reduxはrecoilやjotaiと比べなさい。
hooks apiはReactの機能をクラスを書かずに使えるようにしたAPIの規約のようなもの。useStateなどはあくまでその一例。
2021/03/29(月) 08:22:50.36ID:aHnJc/jC
大規模システムで状態管理すると状態管理が大規模になるが一元化してるのでわかりやすい

hooks使うと状態管理がバラバラだからそれぞれのコンポーネントで管理する
2021/03/29(月) 09:45:22.30ID:Co6NkJyp
状態の一元化ってようするに巨大なグローバル変数では?
本当にそれでいいの?
2021/03/29(月) 10:44:35.12ID:sJJKYrW0
hooksとreduxを同列に語るって
いったいどういった思考なの?
2021/03/29(月) 12:16:25.13ID:J/hcFtz2
おじさんにはわからないんだ
いじめないで教えてくれ
2021/03/29(月) 12:25:09.80ID:W8fOwwP7
おじさんであることは自分で勉強しないいいわけにはならない。
事実ここにいる奴みんなおじさんである。
2021/03/29(月) 12:44:15.91ID:CCRIIQEW
reactは直感的じゃないからやっぱダメだなw
useState()だけでも誰だよこんな頭の悪い実装考えた奴はって思う
2021/03/29(月) 12:57:46.43ID:2lSHR7Xt
むしろuseStateには感心した。状態と関数型プログラミングはこうやって両立させるものなのかと。美しいとすら思った。
2021/03/29(月) 14:09:25.79ID:6xVrU5k8
useState使った関数コンポーネントって、関数プログラミングと呼べるようなものなのかね
あれを関数プログラミングとか呼んだら、その方面の人達に怒られそうだ
2021/03/29(月) 14:16:19.75ID:MbSeGEZX
rootにstore持たせて上から順にprops渡して行けばいいと思う
そのほうが純粋関数っぽくてわかりやすいしテストしやすい
2021/03/29(月) 14:56:19.67ID:dSeqrZpV
useEffectとか実質algebraic effectsだし
2021/03/29(月) 15:26:57.15ID:2lSHR7Xt
>>558
確かに怒られそう。あくまで両立ということで許してください……
2021/03/29(月) 16:29:39.99ID:oruQzgJa
preactのhooksのソース読んでこの機能のヤバさが理解できたね
まともなエンジニアなら絶対こんなインターフェース思いつかねえ
関数型界隈の凄さを知ったね
2021/03/30(火) 08:47:42.16ID:xTPIzrPr
それ面白そう。preactならコードも短くて、丁度いい勉強になりそう
2021/03/30(火) 12:31:17.37ID:nxrk1v5/
なんやそれ初耳
2021/03/30(火) 13:39:56.27ID:QICuPpg6
>>563
マジでおすすめ
あまりに美しくて久々に感動したよ
それと同時にhooksがってることが全て理解できた
最小のコードで最大の効果を得るっていうのが自分の中で優れたエンジニアリングなので
まさにそういうコードがあった
2021/03/30(火) 19:50:51.07ID:C3HkYb+A
class形式のComponentってどんな時に使うんすか?
567デフォルトの名無しさん
垢版 |
2021/03/30(火) 19:50:57.98ID:gMPiNTCt
なあ、いい事考えたぞ
UIや画面を完全排除したアプリを開発しよう!
そういう仕事あるかな?
いつまでやらされんだよこんな無駄な作業
2021/03/30(火) 20:04:07.41ID:bKhExOEr
それのなにがいいんだよ
2021/03/30(火) 20:07:04.05ID:ePFe6xqR
コマンドラインですべての操作を行うアプリに決まってんだろ
2021/03/30(火) 20:18:24.33ID:B/CJ9CrU
もうホームページビルダーみんなで使おうぜw
2021/03/30(火) 21:31:39.39ID:bKhExOEr
コマンドラインはあぶなくてこわい
がちがちのお子様用UIなら何も間違ったことは起こらない
2021/03/30(火) 21:36:40.26ID:YbA18yzH
>>567
今後は増えていくと思う
UIなんてものはユーザーがノーコードローコードで適当作ればいい
2021/03/30(火) 21:48:53.13ID:xTPIzrPr
>>566
Reactの話だったらもう使う意味、無いです。
2021/03/30(火) 22:00:32.32ID:y+sialHL
ESLintチームから200ドルもらった話
https://qiita.com/ota-meshi/items/6eab111878ab40f27e50
2021/03/30(火) 23:10:38.86ID:ePFe6xqR
>>574
こういう人ってどこにこんなことする時間あるの?
キータに長文記事書く時間あるのはヒマなの?
毎日残業毎日勤務の俺からは想像できん
2021/03/30(火) 23:52:46.41ID:PiUnWbiA
>>575
忙しい=勤務時間をフルに使う人と
忙しい=残業しなければいけない人の違い
2021/03/31(水) 00:23:00.99ID:JLSqF2N1
>>575
仕事でOSSやってる人だよ
2021/03/31(水) 05:47:52.27ID:Zz2XHxZg
vuexとredux
2021/04/01(木) 13:01:01.18ID:GXhUJ8pL
react使っておきなさい
2021/04/01(木) 17:17:53.15ID:OIs7s8i2
あーい
2021/04/02(金) 08:58:57.40ID:MBqgxTZI
Apollo使ってる人おりゅ?
GraphQL推進派に取り込まれそう
2021/04/02(金) 10:10:57.96ID:4SwCbNl/
使ってない人がまだいたんだ
2021/04/02(金) 12:43:24.25ID:5cR3c9tK
かっけえニートだなおい
2021/04/02(金) 18:49:16.32ID:WVJtqt1j
Reactのテストってどうやってるんです?
2021/04/02(金) 21:14:41.57ID:AcwZiEYq
GraphQL初めて見たときは凄い良さそうに見えたけど、普通にアプリ作る分にはRESTで十分だった……
2021/04/02(金) 21:30:10.82ID:Nmq5iYFb
>>585
reactもそうだけど独自ルール過ぎるんだよな
実装が簡単ならいいけど逆にめんどくさいし
Vueくらい自然な感じだと理解しやすいんだけどな
2021/04/02(金) 22:14:42.65ID:AcwZiEYq
う〜ん。
個人的にはGraphQLは簡単そうに見えていざ使ってみると面倒くさかったし、Reactは難しそうに見えて実際に使うと簡単だったかな。
2021/04/02(金) 23:40:50.84ID:BXtHmhLU
俺もそんなイメージ
Vueのほうがパッと見簡単に見せるために恣意的な決めごとに載せてる感ある
Reactは自分で簡易クローン作って理解することもできるだろ
JSXは飛ばしていいからさ
2021/04/03(土) 01:58:18.53ID:EkPaw3Wp
Vueはちょっと難しくなり過ぎたな
初期のbetter angular路線でやれば良かったのに
2021/04/03(土) 11:10:17.25ID:LHzhVunt
>>581
Hasuraもおすすめ
2021/04/03(土) 11:51:21.16ID:EzmFJzRe
Reactに寄せた結果、劣化Reactになった
2021/04/03(土) 22:04:20.73ID:I+oz4m0S
小規模なら有り難みは分からんだろうな
2021/04/03(土) 23:21:52.68ID:w7ZGZ73F
Reactのclassコンポーネントのインスタンスフィールドとstateってどう違うの?
2021/04/04(日) 05:43:14.46ID:qnfMKEGz
関数使えやコノヤロー
2021/04/04(日) 17:42:37.44ID:kyZ1ExFT
Prisma!!!
2021/04/04(日) 18:57:31.06ID:4/TOnix/
ヨシ!React完全に理解した!
Next.js?まだなんかあんのか…
2021/04/04(日) 19:24:39.68ID:ZFO1FMvJ
React把握してればその一部がサーバ側にシームレスに移行するだけだからNext.jsは楽だった。getStaticPropsとgetStaticPaths覚えればとりあえずはNext.jsのメリットを生かせるし
2021/04/04(日) 21:52:29.16ID:XkKVx8B1
しかもそのアトまだReduxとかあんだろ…
めんどくせーわ
2021/04/04(日) 23:24:57.91ID:Y3zY2UJj
Reduxで挫折する奴多い
2021/04/05(月) 05:45:29.96ID:dFIbZfjt
Reduxは別に必須じゃ無いじゃん
2021/04/05(月) 06:17:46.51ID:0XRymbw8
recoilは早いところredux殺してくれ
2021/04/05(月) 07:38:18.79ID:6nJELVG6
vue(nuxt)だとvscodeの補完が効きづらくてなあ
603デフォルトの名無しさん
垢版 |
2021/04/07(水) 10:29:56.07ID:5DmYAVjZ
vue3へのアップとかする気が起きないな。
2021/04/07(水) 12:05:10.48ID:XZ4egoAQ
veu4まで待て
2021/04/07(水) 12:16:39.02ID:y+SrU/Mz
>>601
リコイルってのがいいのか?
最近始めたばかりなんだ
とりあえず素のReactは完全に理解した
2021/04/07(水) 21:21:37.28ID:keBvs1o2
Vue3は今のところ別に使わなくてもいいやって感じではあるな
処理速度よりも分かりやすさを追ってほしいわ
2021/04/07(水) 22:11:02.97ID:h/XTHitC
vue3もうオワコン扱いかよ
2021/04/08(木) 01:53:40.92ID:Bowpc/VV
そもそもReactが嫌いって人がVueに走ってたのに、
なんでVueはReactの真似しちゃったの?
中の人は阿呆なの?
2021/04/08(木) 08:22:10.23ID:l6NHFeN2
jsの中にまでhtmlやcss来やがってキモいよな
2021/04/08(木) 09:59:40.84ID:sC1fxBzx
React使わなくてもコンポーネント化を推めればどのみちそうなるので違和感は無い
2021/04/08(木) 12:30:53.14ID:RJ6M7n0R
Aurelia2が生き残るよ
2021/04/08(木) 13:08:28.04ID:y+olb2nL
フィールドコンポーネントに状態をもたせる

フィールドコンポーネントはを純粋関数にして
フォームコンポーネントに状態を持たせる

フォームコンポーネントを純粋関数にして
ページコンポーネントに状態を持たせる

どれがええんや
リアクト最初は感動するけど規模が大きくなるとわけわからんなるな
2021/04/08(木) 14:02:21.20ID:tCGGFTkm
>>612
クライアントAPPの初心者だからじゃねーーの?
2021/04/08(木) 14:31:49.05ID:00APH3wS
>>613
初心者なので教えて
2021/04/08(木) 15:19:42.20ID:tCGGFTkm
>>614
好きなのでやればよろし。

状態管理なんてクライアントアプリなら
基本中の基本のコード。

ライブラリーなんて昔から使わんで
自分で都度考えるのが普通。
616デフォルトの名無しさん
垢版 |
2021/04/08(木) 18:49:04.06ID:JbXQDf3z
angularな俺は振り回されずに済むぜと呟いてみる
2021/04/08(木) 19:52:15.62ID:l6NHFeN2
ReactでDrag&Dropで要素入れ替えとか要素追加ってできる?
2021/04/08(木) 19:53:44.70ID:tCGGFTkm
>>617
出来ない事などない
2021/04/08(木) 20:36:12.15ID:7lLWhWn3
>>617
Reactからevent.currentTarget経由で生DOMに触れるので、やろうと思えば何でもできる。でも、もっと良いやり方や既存コンポーネントがあるかも知らないので、とりあえず英語でググるかな。
2021/04/08(木) 21:00:14.28ID:dT8cHXua
ここではSvelteの話題あんまり出ないのう
2021/04/09(金) 00:04:00.62ID:3fjsa/sV
一昔前はSvelteやAurelia使うならVueでいいじゃん?って言えたけど、
今はもうVue3使うならReactでいいじゃん?って思うし、
先行き不透明なVue2使うならSvelteやAureliaの方がいいかも?って思うよね

Vue3ってVue使いには歓迎されてるの?
2021/04/09(金) 00:11:19.65ID:Va9Spr8o
別にVue2で間に合ってるしなぁ
人数少ないプロジェクトでやってるしヘルプは大抵jsフレームワーク未経験
(jqueryは経験あり)が来るからVueの方が教えやすくて楽だわ
2021/04/10(土) 14:22:17.51ID:Tr2LjW8o
Vueの混沌とした現状を見ると使う気失せるよね
2021/04/10(土) 14:58:01.58ID:lDAabXvc
angular(v1)とreactぐらいしかなかったころ、迷った末にjsxが気に入らなくてangular採用したんだけど、その後angularがこんなんなるとは思わなかったわ

しばらくwebから離れたけどまた触るようになってvueとreactで迷ったけど、今度はreact選択した。jsxにはやはり抵抗あったけどhooksが分かりやすく感じたので。
その後しばらくreactいじってるけど、今となっては昔あれだけ抵抗感じていたjsxが、これほど良いものに感じるようになるとは。
2021/04/10(土) 17:24:52.69ID:vm9W5ZLb
hooksが分かりやすいって
どんな感覚なんだろう?

class(オブジェクト指向)未経験とか
なのだろうか?
2021/04/10(土) 17:41:22.54ID:k9MA4V+a
直感的にはclassのがわかりやすいと思う
ただJavaScriptは文法的にclassを書きにくい
イベントハンドラのthisが別物にすり替わったり
関数のほうが書き心地がスッキリ
ただそれだけ
2021/04/10(土) 17:45:08.29ID:k9MA4V+a
C#でjsxを再実装したらclassのが良いわってなると思うよ
2021/04/10(土) 17:48:37.08ID:vm9W5ZLb
>>626
あ!
自分Typescript使ってるんで
その場合はC#とあんまかわらんからねーー。
hooksが良いという人は生js使ってる人なのかーー。納得!

自分の場合
主要所のclassは
殆ど自前のbaseクラス継承させてるんで、
関数だと辛いわーー
2021/04/10(土) 18:46:41.87ID:iPfjYmiH
クラスに万能感感じてる人は00年代からタイムスリップして来たのかな?
2021/04/10(土) 18:53:34.19ID:ODtjsNNr
負の遺産
2021/04/10(土) 19:04:44.98ID:iPfjYmiH
オブジェクトリテラルの存在するJSであえてclassを使う場面はなんらかの理由がある時ぐらい。
それは主に継承と副作用(カプセル化含む)で、どちらもモダンプログラミングでは避けるべきとされてたりする
2021/04/10(土) 19:24:31.61ID:vm9W5ZLb
継承の使い手なんで
なかなかそれは難しいね。

その避けるべきとされてるものを巧みに利用して、
暗黒面の高度な技を連発してるのだから...

C#よりJSのが技に制限がなくて無双に感じる
2021/04/10(土) 19:25:18.99ID:ZGgSTqmE
イミュータブルOOPは関数型より良いよ
関数型のメリットは完全に享受できたうえで
人間の感性によくマッチしてて理解しやすい
2021/04/10(土) 19:49:49.21ID:iPfjYmiH
好き勝手言ったけど、OOPを否定するつもりは全然無いよ。
OOPと関数型は適材適所で使ってこそ本領を発揮すると思うだけで。

>>632
黒魔術楽しいからね。仕方ないね。
2021/04/10(土) 19:50:15.14ID:/pBftddC
function hoge () {}; ←これやめてほしい

const hoge = () => {}; ←これがいい
2021/04/10(土) 19:53:02.23ID:AcLZ31++
>>635
上は関数、下は値
概念的に別のもの
2021/04/10(土) 20:06:58.44ID:Ew48nft0
関数も値じゃん
2021/04/10(土) 20:20:14.88ID:lqK0K6WE
this沼にはまるからなあ
2021/04/10(土) 20:24:37.68ID:jkE6NOOJ
アロー関数考案した人ほんまエライ
2021/04/10(土) 20:33:41.63ID:iPfjYmiH
function hoge () {}
形式は巻き上げがあるのと、hogeに代入可能なのと、thisが使えちゃうから、もっぱらconstとアロー関数で書いてる
2021/04/10(土) 20:41:45.23ID:ZGgSTqmE
アロー関数が偉いというか
JSは適当すぎた
2021/04/10(土) 20:53:26.34ID:AcLZ31++
>>637
それはあくまで実装にすぎない
そんな事を言ったら全てはビットだ

高級言語というのは意味のないビットに人間がコードを理解するための
情報を追加できる言語のことだ。
関数の引数に使うという意味を込めれば値になるのだ
2021/04/10(土) 21:06:09.77ID:b6rL8Bif
functionとアロー関数は、微妙に挙動が違うのが辛い
jQueryとか古いライブラリを使うと、ハマることがしばしばあるわ
2021/04/10(土) 21:08:55.40ID:AcLZ31++
jQueryとなんか関係あるの?
何を渡すかでしょ
2021/04/10(土) 21:11:49.95ID:riPA/UpT
生new使ってる人マジで減ったよな
2021/04/10(土) 21:13:30.42ID:AcLZ31++
それはjQueryの頃から使ってないな
2021/04/10(土) 21:14:14.53ID:AcLZ31++
そもそもnewするのなんて
ImageとDateぐらいじゃなかったか?
2021/04/11(日) 06:10:11.90ID:XT+LC0O/
class導入以前のJSは組み込みコンストラクタとパフォーマンス(と稀にプロトタイプチェーン)以外の面でnewするメリット無かった印象。
今の方がnew使ってるかな
2021/04/11(日) 07:12:43.77ID:SrtBIq6s
他言語見ながら驚き最小を目指せば大体こうなるよね
って感じの機能追加がほとんどじゃね
2021/04/11(日) 17:19:00.56ID:LdVpCjsL
>>639
JavaScriptの仕様がポンコツなだけでまともな仕様だったらそもそも必要無かった
2021/04/11(日) 17:39:11.57ID:XT+LC0O/
今どきの言語ってだいたいアロー関数あるんじゃね?
2021/04/11(日) 21:18:08.29ID:J8YGJLtE
アロー関数と普通の無名関数の違いを新人に説明したら意味不明みたいな顔された
わけがわかりませんと
2021/04/11(日) 21:22:03.19ID:9ef64+I3
jsはそれでthisが変わったりするもんなぁ
2021/04/11(日) 21:24:43.04ID:LdVpCjsL
アロー関数がある他の言語ってあるか?
2021/04/11(日) 21:33:36.10ID:uPGWhm5C
javaは8から使えるし、phpでは7.4から使える
2021/04/11(日) 21:41:40.51ID:6ib+SQy6
それ無名関数じゃね?
2021/04/11(日) 22:29:53.72ID:DcU1Z0EW
jsのアロー関数ってthisの扱いが既存のfunctionと違うだけでしょ。
どっちも無名関数にできるから無名関数との違いなんてない。
2021/04/11(日) 22:42:04.97ID:9mRjomur
>>657
はい無能アホが適当なこと抜かしとる
2021/04/11(日) 22:47:17.42ID:+MjFaIzv
ぶっちゃけ全部アローでいいかなと思ってる
2021/04/11(日) 23:56:36.46ID:c18Wr1GK
今なら全部アローでいいけど
既存のコードがね
2021/04/12(月) 00:25:53.23ID:LERkOP0z
>>656
無名じゃないが?
2021/04/12(月) 01:02:14.70ID:FzNLSrkR
PHPはサーバーのバージョンが不安で、結局まだ使えないのよな
未だにfunction現役だわ
2021/04/12(月) 06:16:46.34ID:jj/Zw/1S
機能に差異がある場合、機能的に正しく使い分けることで、コードの意図をはっきりさせる事ができるよね。
逆に差異が無いのに混在かますと混乱する
2021/04/12(月) 06:44:33.89ID:Ccx0QwXQ
うんうん
2021/04/12(月) 07:20:09.28ID:yZXPyOt1
うんこ
2021/04/12(月) 07:43:49.04ID:1iNVR91A
>>652はいったいどういう説明したんだろう
2021/04/12(月) 15:40:38.80ID:9M5tBwbX
Javaのはラムダ式だろ
演算子をアローと呼んでるだけでJavaScriptのアロー関数とは別物
2021/04/12(月) 15:50:04.92ID:63gWZnb2
アロー関数を勘違いしてるバカどもしかいないのかよ
2021/04/12(月) 17:05:52.78ID:azeIkm+j
>>666
無名の場合thisを呼び出したオブジェクトにバインドするけどアローはされないんだよ
これ以上わかりやすい説明もないと思うが意味不明ですと言われた
2021/04/12(月) 17:12:21.96ID:ciEjlrhe
JSでthisを使うなが正しい
2021/04/12(月) 17:47:50.45ID:tSxQ2i75
>>669
その辺はthis地獄体験してないとピンとこないよな
thisが排除されつつある現状だと理解されないと思う
2021/04/12(月) 17:52:27.40ID:jj/Zw/1S
>>669
新人さんにそのへんの有り難みはわからんかもね。
なんでや、とりあえず便利そうだしthisバインドしとけばええやんけとか思ってそう
2021/04/12(月) 18:15:49.31ID:pcitjLrl
今ならthisはclass構文の中で使うもの
って決めつけちゃって良いと思う
イベントのthis?知らない子ですね…
2021/04/12(月) 19:09:02.92ID:v0f7/C6A
>>669
bindがわかってないんじゃね
2021/04/12(月) 19:56:28.07ID:T7lNlQRb
>>669
それで誰に対しても伝わると思ってんなら頭おかしい
2021/04/12(月) 20:34:05.33ID:tSxQ2i75
>>675
バカは黙ってろ
な?
2021/04/12(月) 20:50:00.02ID:T7lNlQRb
>>676
そうだね黙っていたほうが良いと思うよ
2021/04/12(月) 21:28:49.69ID:1iNVR91A
>>669
新人「は?アロー関数だって無名だろ?マジ意味不明www」

とか言われたわけじゃないとすれば、jsのthisがそもそもどういうものか伝わってないんじゃね?
2021/04/13(火) 02:26:35.75ID:G40R/NM4
ところがどっこいvue.jsだとかなりthisを使うんですよね
2021/04/13(火) 11:38:44.64ID:yba2YYKl
いまからVue使う案件なんて無いだろ
2021/04/13(火) 12:10:00.57ID:cwXy5DoV
慣れてるからとか使える奴がいるからとか実績があるからとか言って、レガシー技術での新規案件が山程生まれる。そしてガラパゴスへ……。

マジレスするとVueはまだ全然レガシーでも無いんちゃう。知らんけど。
2021/04/13(火) 14:16:14.53ID:r2pME0LK
ずっと低空飛行なんだから大差ないよ
2021/04/13(火) 16:10:48.15ID:hHadM2Ma
bindするthisを差し替えて汎用的に使える関数を作ったら凄く便利だったが、俺以外は誰も使う奴がいなかった。
バックエンド上がりに多いがthisはいつもクラス本体を指すと認知が歪んでるからな
2021/04/13(火) 16:18:07.85ID:9TAw+SUC
Vueはscript setupのシンタックスシュガーがイケてる
しかし現状だとIDEの解析が弱いのが難点か
2021/04/13(火) 16:53:55.96ID:Fs1rsRs1
>>683
お前が作ったもの(ゴミ)
・汎用的に使える関数.bind(this)

本当に必要だったもの
・汎用的に使える関数(this)

ってことでOK?
2021/04/13(火) 17:17:48.36ID:hHadM2Ma
>>685
>>683
>お前が作ったもの(ゴミ)
>・汎用的に使える関数.bind(this)

>本当に必要だったもの
>・汎用的に使える関数(this)

>ってことでOK?

関数内にはthisを渡し、関数の中でthisをbind
日付を求めて値をセットするが、差し替えるstateはthisによって変わるという塩梅
2021/04/13(火) 17:21:17.15ID:cwXy5DoV
稀にthisの動的特性が役に立つ事が確かにある。ほんとに稀に
2021/04/13(火) 17:30:00.78ID:t3IP5oUJ
HooksきてからReactでthis使う場面とかある?
Vueはしらない
2021/04/13(火) 17:57:42.22ID:Wu9PD3Ze
>>686
値が不定な関数は使いにくいな
2021/04/13(火) 18:07:05.99ID:Wv9082T5
thatならよく使う
2021/04/13(火) 19:30:47.36ID:Fs1rsRs1
>>686
うん、つまりfunction foo(obj) { ... }という関数を
foo(this)と呼び出すってことでしょ?

そのobjをthisとしてbindしてthis.setDate(日付)とかやってるんだろうけど
普通に obj.setDate(日付) とやればいいだけだよね?
2021/04/13(火) 21:18:38.32ID:4ze9MNcj
>>688
ないっすね
Reactはthis排除に成功した
2021/04/13(火) 22:17:11.35ID:Wv9082T5
このやろうめ!
2021/04/14(水) 09:34:33.89ID:ipN7d7Ir
thisを排除した結果、フレームワーク固有の仕組みに依存するようになったわけだが
それで本当に幸せなのか、甚だ疑問がある
2021/04/14(水) 10:02:26.75ID:zu7kiCiA
フレームワークスレでフレームワーク全否定に僕困惑
2021/04/14(水) 10:13:13.68ID:LK5tZoqm
フレームワークスレでフレームワークレス
2021/04/14(水) 10:23:41.36ID:Qu9pJiER
フレームワークスレだけどアンチフレームワーク住み着いてるからね。仕方ないね
2021/04/14(水) 10:28:25.51ID:pk3Ilzgy
reactは独自過ぎなんだよ
だからアンチが居てもおかしくない
2021/04/14(水) 10:46:54.06ID:NVENyWNJ
>>698
独自性?どこがやねん?( ゚∀゚)??
2021/04/14(水) 11:34:51.34ID:BTXEZ6UL
Reactはフレームワークじゃない定期
2021/04/14(水) 12:03:02.06ID:qGnqPwKH
私はReactがJavaや.NETの開発者向けではないことに気がついた。
この場合は、デザインパターンが似ているAngularが適切な選択だったろう。
2021/04/14(水) 13:51:04.54ID:NVENyWNJ
おれはまさにフレームワーク屋だよ。
クラスを使って開発者の自由を奪って
羽交い締めにするのが俺のお仕事♪
2021/04/14(水) 15:29:28.83ID:Qu9pJiER
開発者の自由を奪う行為は必ずしも悪じゃなくて、それは効率を上げるルールてあったり、思想だったりするよね。
Reactで言うとdangerouslyuSetInnerHTMLとか明らかに使ってくれるな的な名前と長さで結構好きだw
2021/04/15(木) 06:56:14.95ID:vKd+fc2U
Typescriptによる型強要による圧政政治
それがオレのフレームワーク♪
2021/04/15(木) 07:16:51.40ID:l+7/dDw0
フレームワークがちゃんとした型パズル書いてくれてたら、使う側はほぼ型推論だけで書けるから楽ちん
2021/04/15(木) 18:02:18.95ID:KsVTlzvG
redux触ってるけど、なんかしっくりこないな
2021/04/15(木) 18:13:44.92ID:4SOYgxG/
Reduxって必要か?
rootにstateとmodifierを持たせてpropsで渡していくだけじゃないの??
2021/04/15(木) 19:28:11.07ID:gIBu+M1d
redux原理主義者くるぞ
2021/04/15(木) 19:32:59.59ID:ihA7E++L
馬穴リレーで苦しむかACTIONで苦しむか
2021/04/15(木) 19:48:16.12ID:X6nTItqz
Recoilっていうのがあってえ
2021/04/15(木) 20:15:02.55ID:yTBNglPI
hooksも大規模になるとだんだんキツくなってきた
銀の弾丸はないのかよ
2021/04/15(木) 20:38:55.85ID:4SOYgxG/
ない
2021/04/15(木) 21:02:48.05ID:l+7/dDw0
それは多分設計が……
2021/04/15(木) 21:23:58.51ID:9MdQgTSK
最初から大規模分かってるならRedux使った方がええぞよ
2021/04/15(木) 22:39:53.59ID:ihA7E++L
誰だよhooksあればReduxいらんとかほざいてた奴ら
2021/04/15(木) 23:58:29.60ID:9MdQgTSK
いうても大抵はhooksで事足りるのもまた事実なんや
見極めできるようになるにはある程度経験が必要
717デフォルトの名無しさん
垢版 |
2021/04/16(金) 07:49:06.02ID:AfWDGcAm
static変数に必要に応じてグローバルスコープのデータを
保持しとけばイイだけじゃないの?
2021/04/16(金) 12:49:54.45ID:SKIApWBp
お前らの用途では○○で十分なのに
これからの流行だとかに乗っかって必要がないのに
無駄に複雑なものを取り入れてるツケが回ってきたな
落ち着いてよく考えてみろ
jQueryで十分やろ
2021/04/16(金) 13:10:01.35ID:gbNutfiG
それはない
それにスレチ
2021/04/16(金) 13:12:29.97ID:AHzmr6Uz
ホームページ屋さんにはjqueryがぴったりだよね
2021/04/16(金) 13:20:45.31ID:RDksD56A
hooksからreduxへ移行できるパスがあればいいのだけど
全部作り直しレベルになるのがきついなあ
hooksのredux対応って良いのかね?
2021/04/16(金) 15:32:51.78ID:6BS3f5pn
reduxってグローバル変数みたいで好きじゃないんだよね
2021/04/16(金) 15:57:11.42ID:z/7YvI2M
じゃあオススメ教えろ
2021/04/16(金) 17:00:52.97ID:RDksD56A
redux調べたら数年前とは別物になってる
reduxtoolkitやselectorとかこれが欲しかったんだよって奴が揃ってる
connectだとかmapStateToPropsとかもういらないんだな
これは最高かもしれん
2021/04/16(金) 17:13:45.22ID:z/7YvI2M
>>724
えっじゃあhooks房どうすんのwww
2021/04/16(金) 18:02:34.83ID:RDksD56A
>>725
感触としては昔のreduxはダメだが今のredux最高
hooksイラネって感じかな
hooksってuseEffectの無限ループとか
if文の中でうっかり使ったりして
どハマりするんだよな
その辺が地味にストレスになってた
2021/04/16(金) 18:43:34.40ID:tgDfsFhc
そして今日もレガシーコードが積み上げられるのである。
2021/04/16(金) 18:51:47.68ID:QloszRD0
static変数最高!
2021/04/16(金) 19:42:45.07ID:AWOPL/+G
やっとvue-chart理解し始めてきた
2021/04/17(土) 07:08:14.59ID:lD3utFKx
hooksイラネ?
じゃなんでreduxは公式でhooks api提供してるのwww
2021/04/17(土) 07:11:38.53ID:FIU/gsgI
俺だけかもしれんけど、hooks無かったらReactの魅力半減だなぁ。
2021/04/17(土) 07:17:22.77ID:TtKDi1tY
一生懸命覚えたreduxがいらない子扱いされたから悔しかったんだね
つらかったね
2021/04/17(土) 11:24:08.23ID:0tpKt7Eb
reduxは覚えるってほどの難しいものじゃない
Reactとの接続部分が面倒だっただけ
reduxtoolkitにより全てが解決された
アクションのswitch caseもいらない
state分割の仕組みもある
とんでもなく素晴らしいよ
2021/04/17(土) 14:35:32.84ID:kk9IIxNl
>>733
もっと詳しく布教して!
2021/04/17(土) 16:08:11.09ID:U6hwmM2O
reduxはただのシングルトンだよね
2021/04/17(土) 16:43:50.95ID:0tpKt7Eb
>>734
reduxtoolkitでSliceって仕組みがある
これが神でactionとaction creatorsとreducersを兼ねた化け物的な責務を持ったオブジェクトなのよ
reducersの名前とアクションが自動でマッピングされるというこれが欲しかったんだよ!って機能を持ってる
さらにuseSelectorによりstateから状態を抽出する機能とuseDispatchによりstoreを隠蔽する
ちなみにこれを全部理解するのに30分くらいしかかからなかった
マジでわかりやす過ぎる
2021/04/17(土) 18:06:26.81ID:37XPX9Ui
このスレでは話題にもならないSWRとreact-queryさん
2021/04/17(土) 18:53:47.94ID:1yVGy8jt
concurrentモードがstableになったら死ぬし
2021/04/17(土) 19:27:23.63ID:IKpL1rHY
やっぱりhooksで事足りることばかりだった件
2021/04/17(土) 20:34:24.22ID:0E5QJ+/e
thisおじさんいなくなったらreduxおじさんがきた
2021/04/17(土) 20:53:56.63ID:FIU/gsgI
C#おじさんよりは5億倍くらいマシ
2021/04/17(土) 20:57:16.07ID:HVVFTxep
しかしなんつーか、フレームワーク屋の実験に突き合わせれて可愛そうだな
新しく出たものを使って今までよりもなにか改善されたか?
変わっただけで労力は変わってないだろ
2021/04/17(土) 21:53:33.24ID:0E5QJ+/e
jqueryおじさんもきた!
2021/04/17(土) 22:46:24.33ID:0tpKt7Eb
C#おじさんと一緒にしないでくれ
上の説明でわかる通り俺の説明は簡潔で特徴を捉えるのがうまいんだ
hooks以降のreduxについてzennとかqiitaでも最近はあんまりトレンドにならないから
勉強したがあまりに素晴らしくてびっくりした
2021/04/17(土) 23:02:28.72ID:FIU/gsgI
いや別に一緒にしてないよ。安心して
2021/04/17(土) 23:15:46.00ID:kk9IIxNl
>>736
えっすごいやん
抽出すごいやん
2021/04/18(日) 11:22:27.14ID:CxPtqAGS
Webpackがようわからん
これ必要?
2021/04/18(日) 12:10:55.99ID:WYTSvwqP
今から開発するなら使わない方が主流じゃないか?
Reactだったらcreate-react-app か
2021/04/18(日) 12:41:12.08ID:JsOJLi7I
直接ってことだよね
2021/04/18(日) 14:03:57.44ID:gYPQTNF7
babelはそろそろ要らなそうだけど、webpackは少なくともあと5年は使わざるを得ないだろうという認識

はやく全部ESMになるとええな
2021/04/18(日) 14:35:38.35ID:Qxa4OXG6
create-react-app使ったって結局ejectするでしょ?
中でwebpack使ってるからその知識がないとメンテできない。
2021/04/18(日) 14:36:56.87ID:F+3xWR7o
webpackを回避するのが茨の道だから使った方が楽
2021/04/18(日) 14:46:57.94ID:bDr0tXkV
webpackは必要悪だから覚えるしかない
2021/04/18(日) 15:10:41.05ID:vFfu8nl1
ツリーシェイキングとかメリットもあるからあんまり目の敵にしないであげて欲しいな
2021/04/18(日) 15:13:27.55ID:D8fKJijK
こういうところめんどくせーよな
マイクロソフトを見習えっての
2021/04/18(日) 15:24:46.29ID:vFfu8nl1
めんどくせーって人向けにはcreate-react-appとかcreate-next-appとかありますし。MSもあのライブラリとSDK入れろとかあるので五十歩百歩かと
2021/04/18(日) 23:25:06.22ID:oO8nqs/r
webpackより良い奴ってそもそもあるの?
2021/04/18(日) 23:55:01.16ID:OeV/tTZP
webpacker
2021/04/18(日) 23:58:50.40ID:lvqxCbNG
vite
2021/04/19(月) 02:20:45.69ID:RqrW2Yw/
>>748
使ってんじゃねーかwww
2021/04/19(月) 15:43:54.54ID:zV1Bt4Cn
https://www.graat.co.jp/blogs/ckn8ourdkezx50b95h4v5uk1o
2021/04/19(月) 17:15:47.25ID:BHtvgvZ4
>>761
笑ロタ
2021/04/19(月) 17:30:51.70ID:tMZavF7L
>>761
Reduxクソって書いてあった
2021/04/19(月) 17:57:14.78ID:EvoWHTO4
どっちが良いとかじゃなくてエンタープライズとWebフロントエンドの文化の違いだなぁこれは。
読んでるだけで胃が痛くなるな
2021/04/19(月) 18:13:17.67ID:PUY12mOS
>そして私は、各開発者がサードパーティーのライブラリを習得する時間について考えていなかった。
>私は2つのReactプロジェクトで同じ依存関係、プロジェクト構造、ガイドラインを持っているのを見たことがない。

ゴミじゃん
2021/04/19(月) 18:53:37.91ID:tMZavF7L
reactがエンタープライズに向いてないって話じゃなくて著者がエンタープライズ案件を管理できなかったっていう話だよな
2021/04/19(月) 19:02:05.00ID:RqrW2Yw/
「関数コンポーネント? ダメダメダメ。我たちは好きじゃないからクラスコンポーネントを使いましょう!」

開発者たちは関数コンポーネントがクラスコンポーネントと同じくらい良いことに気づき、それらを使い始めた。その結果、進行中のプロジェクトは元々のコーディング規約に従わなくなっていた。 これは各開発者が個人で選択したようなものだ。そして私はそれを許容していた。

.NETカス爺ほんまwwww
2021/04/19(月) 19:04:36.93ID:nv+6M7jj
オブジェクト指向は手続き型に破れた
オブジェクト指向なんて必要なかったんや
2021/04/19(月) 19:25:36.25ID:fWr7Ufno
>>767
まさかJSのクラスがここまでゴミとは思わなかったんだろうな
.NETの感覚でやったらclass使うのが正解で当たり前だし
2021/04/19(月) 19:27:08.90ID:xbqKei/j
オブジェクト指向言語の99%以上は手続き型言語だけど…
一応研究用概念実証用でPrologにオブジェクト指向導入した実装とかあるにはあるからそれはオブジェクト指向言語かつ非手続き型だけどね

> オブジェクト指向は手続き型に破れた

例えて言うとこれ、「日本人は男に破れた」みたいな文だよ

オブジェクト指向かそうでないかは手続き型言語かそうでないかと直接関係ない(直交する)
日本人かどうかは男かどうかと直接関係ない(直交する)
771デフォルトの名無しさん
垢版 |
2021/04/19(月) 19:33:35.23ID:CbxRqrpd
jsから動的にHTML要素に付与や剥奪、上書きされたclass属性や
style属性などを、
その操作を行ったjsソースまで追跡して特定するいい方法は
あるかね?
Devtoolsの機能で出来る?
2021/04/19(月) 19:50:17.32ID:+qwP5tu+
>>769
関数型プログラミングできないんですね。わかります
2021/04/19(月) 19:51:33.62ID:fWr7Ufno
論理破綻男あらわる
2021/04/19(月) 19:51:38.90ID:fTBBwTzu
>>771
そういうライブラリいくらでもあるぞ
2021/04/20(火) 05:11:24.31ID:7xfghfsY
Ruby からElixir
オブジェクト指向から、関数型へ

RubyからGo
is-a・継承を無くして、has-a・ダックタイピングへ

Rubyは、ダックタイピングかつオブジェクト指向
2021/04/20(火) 05:22:26.60ID:7xfghfsY
Ruby on Rails でも、Webpack, Babel が標準で、
Bootstrap, jQuery, React、規約だけのフレームワーク・Stimulus

RailsがHTMLを返す。
Reactはコンポーネントとして使う

また、サーバー側がRails、GUI がReactと分けることもできる。
RailsのAPI モードで、JSON, GraphQL でやり取りする
2021/04/20(火) 05:46:53.41ID:ZzbiSkpt
推奨NGワード: Ruby
推奨NGワード: Rails
2021/04/20(火) 17:14:23.19ID:7n462IvC
Vueは死んだの?
2021/04/20(火) 17:17:42.45ID:qzxCw9gb
Vueは生物じゃないから最初から生きてないし死んでもない
2021/04/20(火) 17:26:09.98ID:03+MaTLO
死んでないけどreactとreduxとhooksの思想をごちゃ混ぜにして
機能追加したせいでカオスになってる
2021/04/20(火) 17:31:18.02ID:8mrvQ2qB
vueは3.1からかなり使いやすくなったと思うけどなぁ
script setup のシンタックスシュガーのおかげでとても読みやすい
2021/04/20(火) 17:50:37.26ID:rfXnx8JL
ジャバパーとcシャーパーにReact使わせる案件は絶対に回避せねばならない
2021/04/21(水) 12:31:49.71ID:8nMLuboi
エンタープライズアプリでReactを選択したことで解雇されそうになりました
https://ichi.pro/enta-puraizuapuri-de-react-o-sentakushita-koto-de-kaikosareso-ni-narimashita-145610804069404

ラノベのタイトルみたいだが、実際こんなことになってる現場は日本にもありそう
2021/04/21(水) 12:32:31.47ID:8nMLuboi
>>760
と同じ記事だった…
2021/04/21(水) 12:32:58.80ID:8nMLuboi
>>761
こっちだった
2021/04/21(水) 12:40:58.76ID:rI4waxj6
むしろ日本っぽいなと思った
どういう会社か知らんがアメリカじゃ使えない奴は全員クビにするし
2021/04/21(水) 12:55:43.90ID:P7LSpcTG
基本、米国人は米国企業のものを使う。
だから、React, Bootstrap

中国っぽいものは、危険なので使わない
2021/04/21(水) 13:02:18.07ID:a9YIoDQQ
マテリアルUIはどうですか?
2021/04/21(水) 13:18:42.14ID:/BbfB4Z5
米国人というか世界言うならBootstrapはもう一番じゃないよ。
https://2020.stateofcss.com/
和訳:
https://coliss.com/articles/build-websites/operation/css/the-state-of-css-2020.html

フレームワークは2020年で大きな変動がありました。Tailwind CSSが1位になり、Bootstrapは大きく順位を落としています。

Tailwind CSS: 87%
PureCSS: 71%
Bulma: 61%
Ant Design: 60%
Materialize CSS: 53%
ちなみに、Bootstrapは48%、Foundationは31%です。
2021/04/21(水) 13:34:29.58ID:wlMheiDE
bootstrapのデザインあんまし好きじゃないな
2021/04/21(水) 14:01:51.84ID:E9c/NOUM
>>789
それ満足度じゃん
使用率だとBootstrap86tailwind26だぞ
2021/04/21(水) 15:33:23.05ID:kmefgjf7
Bootstrapは馴染めないよな
どこに需要があるのかもよく分からない
デザイナー?
2021/04/21(水) 16:00:07.12ID:N4SIHDai
問題は日本語環境のドキュメントがあるかどうか
理解出来ることと、マルチバイトにうまく適合すること両方必要
2021/04/21(水) 16:15:34.60ID:U7I+mJcY
>>786
この場合の使えないやつとは、Reactを採用させてプロジェクトを破綻させたやつってことだよ
2021/04/21(水) 16:18:17.83ID:U7I+mJcY
>>792
Bootstrapは開発者がアプリのプロトタイプを開発するときに
適当でそれっぽいデザインにするために使う

デザインを重視する場合、Bootstrapのフレームワークに適合させつつ
思った通りのデザインにするのは、苦労するだけ
2021/04/21(水) 16:19:58.01ID:a9YIoDQQ
みなさん製品はCSS自作するんですか?
2021/04/21(水) 17:03:53.14ID:5quFaUbw
デザイン指定ありの場合は100%自作する
そうでなければフレームワーク使うよ
2021/04/21(水) 17:21:29.53ID:V+rMGQ1y
>>795
プロトタイプねー
そのぐらいしか無いよね
2021/04/21(水) 19:09:21.03ID:AU1zcewy
フロントエンジニアは指定されたデザインどおりに作れないゴミしかいないからな
生まれつき目ん玉腐ってるから見たまますら作ることができない
2021/04/21(水) 19:17:52.08ID:3WZiq71h
見た目を決めるだけのデザイナーはラクでいいよね
2021/04/21(水) 19:23:50.91ID:X+AJk3KK
30機種くらいのスクリーンプロファイルごとに全部デザイン出してほしいね。
あと付けでiPhone5で見きれるからこの時はここのフォントサイズを小さくとかそんなんばっか。
こっちが忖度で勝手にフォントサイズ小さくできないからね!?
2021/04/21(水) 21:25:28.42ID:AU1zcewy
>>801
お前アホなの?知識ゼロだろ
話にならんわ
2021/04/21(水) 21:47:11.18ID:/BbfB4Z5
具体的な言及なしw
エアプ顔真っ赤w
2021/04/21(水) 22:10:43.14ID:AU1zcewy
どんなcssフレームワーク使おうが生まれつき脳みその品質低いからどんなデザインすら実現出来ないだろ
できるならやってみろ
2021/04/21(水) 22:51:27.28ID:MJ+H50a4
そこまで仰るからには貴方はさぞ素晴らしいデザインが出来るのでしょうね。
やってみてくださいよ
2021/04/22(木) 07:37:22.81ID:rqslZK4T
明日また来てください。本当のデザインをお見せしますよ
2021/04/22(木) 07:57:48.60ID:qxNolOxo
出来らあっ!
2021/04/22(木) 08:40:43.56ID:uyORbYYq
フロントエンジニアを名乗るならデザイナーの要求を完璧に実現できて当然
実現できない奴はフロントエンジニアではない
フロント業界の質が下がるからバックエンドエンジニアを名乗ってくれるか
2021/04/22(木) 10:01:48.50ID:qxNolOxo
フロントだけの人なんている?
ホームページ屋さん?
2021/04/22(木) 10:29:21.53ID:j8QtUU0T
そこでバックエンドに鞍替えしちゃうものどうなのか
2021/04/22(木) 11:20:57.15ID:j6FG0GAM
大手というか募集しているところは割とフロントとバックエンド分けてるよね
小さなプロジェクトしかしてないからいつも両方やってるけど
本番インフラやデザインは別の人がやってるけどね
2021/04/22(木) 11:22:45.36ID:/CuA0qXj
デザイナーの要求を完璧に実現できて三流
要求以上のものに仕上げてようやく二流
お前らはいつになったら一流になるんだ?
813デフォルトの名無しさん
垢版 |
2021/04/22(木) 11:26:49.81ID:jaXYEj7P
Reactすっとばしてnextjsやってええか?
2021/04/22(木) 11:37:41.25ID:Uzm+txz1
デザインの話はもういいよ
1人でやれ
815デフォルトの名無しさん
垢版 |
2021/04/22(木) 12:02:54.10ID:7MkaE8OO
>>813
ええよ。全く問題ない
2021/04/25(日) 19:56:54.29ID:65bV3FFt
vue作ってると.vueファイルがめっちゃ長くなるんやが、なんか対策ってあるます?
2021/04/25(日) 20:00:59.31ID:VnIulT8w
縦長ディスプレイを使う
2021/04/25(日) 20:21:04.46ID:PUUGJjPy
関数コンポーネントに切り分ける
2021/04/25(日) 23:09:29.31ID:65bV3FFt
さんくす、切り分ける方向で考えてみます
2021/04/25(日) 23:16:58.04ID:io+Hv4fY
ちょっと極端だと思うけど、一つのファイル(やclass)はだいたい200行以下にするし、関数は概ね20行以下にしてる。
長いスコープを管理できるほど頭が良くないので
2021/04/26(月) 09:11:14.45ID:5W6quBRi
長い関数やでかいクラスは危険な香り
2021/04/28(水) 17:05:29.71ID:EhiFgjxN
Vueほんと分かりにくくなったね
reactの方が全然楽
2021/04/28(水) 17:09:00.25ID:2VQTxO/e
reactよりややこしいvueって存在意義なくね…
2021/04/28(水) 17:22:54.42ID:hJD6skDn
useEffectやuseCallbackが10も20も出てくるようになるときっついなあっておもってたけど
vueはもっときっつくなってるのかな……
2021/04/28(水) 18:01:30.52ID:EhiFgjxN
>>824
やってることはreactのFCと一緒
そこでreactで良くね?ってまず思う

我慢して使ってるとreactを再解釈した弊害か目的がよく分からないものがチラホラでてくる

これ一体なんだ?と調べ始めるとドキュメントやユーザーの薄さから情報は得られずソース追いはじめるがアップデートで破壊的な変更

だんだんバカバカしくなってくる
先の知れてるVueに詳しくなってもしょうがないし結局reactで良くね?ってなる
2021/04/28(水) 18:31:35.62ID:h3GFMI+a
言うほどvue難しいか?
3.1になってから更に簡単になったと感じてるけど
2021/04/28(水) 21:58:11.07ID:+3c+KmLt
>>822
vue3で追加されたものだけを使うってやればシンプルなのだけどね
既存コードはどうにもならん
2021/04/29(木) 00:18:44.79ID:P0iZ4CYt
vueのどこが難しいんだ?
vue使ってるプロジェクトのコードベースがよっぽど酷いのか?
2021/04/29(木) 04:30:30.22ID:gAlAZghU
Reactもそうだけどコードが増えるのがね。
単純なことしかしないのに、なんであんなに大量なコードを書かせるのか
必要なら大量になっても構わないが、単純なことは少ないコードで実現できるようにしろと
2021/04/29(木) 06:08:37.63ID:BPgTi9rA
単純な事、というのが何かわからないけど、それは使い所を間違ってるんじゃないかなぁ?
ちょっとDOM操作が多かったり、あるコンポーネントのパラメータが別のコンポーネント(やエレメント)に絡むような内容だと、コード長は普通に減ると思うけど。
Reactの話ね。
2021/04/29(木) 06:38:42.58ID:8UPLxKIq
サンプルはカウンターかtodoだけどカウンターもtodoも開発では作らん

カウンター作って、どうだ!?Reactは簡単だろ!!
ってなるわけねーだろ

これの1万倍は複雑なものを作ってる
2021/04/29(木) 08:40:27.45ID:2aNgQ2En
>>830
そうだよ。そしてReactやVueが適さないユースケースがたくさんある
2021/04/29(木) 08:41:19.94ID:2aNgQ2En
>>831
そもそも複雑なものを作らないほうがいい
なぜ単純にしようとしないのか
2021/04/29(木) 09:01:05.90ID:P0iZ4CYt
>>833
んなこと誰だって思ってるしそれが理想だけど、現実はもっと複雑なこと求められるだろ
一人で作ってんならともかく
2021/04/29(木) 09:06:53.32ID:2aNgQ2En
複雑なものをシンプルにするのが技術
2021/04/29(木) 09:16:34.31ID:D3X1d54X
複雑な要件は断れば良い
仕事も面倒も無くなって一番シンプル
2021/04/29(木) 15:16:38.32ID:T8h/mAx6
シンプルなものを複雑にするのが悪い役人の技術
2021/04/29(木) 18:25:39.53ID:8UPLxKIq
>>833
実際に開発するとわかるが、実業務が複雑だから複雑にならざるを得ない
2021/04/29(木) 18:36:02.33ID:BPgTi9rA
React(とNext.js)上手く使うと10000倍複雑なものが500倍くらいの複雑さで済むと思うんだよなぁ。
リアクティブである事と有用なコンポーネントが揃ってる事はそれぐらいのポテンシャルある
2021/04/29(木) 18:41:05.97ID:VAOlW7ez
コンポーネントを作りやすいなら別にSPAじゃなくてもいい気がしたけどコンポーネント1番作りやすいのがReactだった
2021/04/29(木) 21:00:49.19ID:8Iq2BU/P
vueは難しいのではなく混沌としている
2021/04/29(木) 21:01:55.84ID:6hslG6Pv
SPAとMVCの組み合わせってアリ?
ログインだけMVCでやりたい
843デフォルトの名無しさん
垢版 |
2021/05/03(月) 02:45:34.01ID:Tw7Vl2o5
定期
2021/05/03(月) 18:36:50.49ID:GDnMxxs6
paypalのエンジニアも言ってたけど、小・中規模だとContext分離やuseCallback、useMemoってほとんど使わんよな
とにかく使え、とにかく分離しろみたいな解説多すぎ
2021/05/04(火) 00:08:03.67ID:aZ/VY9m4
せやで。だからウェブサイトだとjQueryでいいってことになるんだよ
2021/05/04(火) 00:42:13.11ID:/WM42vyp
どんな小規模でももうjQueryは嫌だな
CDNでReactをロードしてJSXで書いちゃう
2021/05/04(火) 00:44:31.09ID:aZ/VY9m4
そして炎上する

「デジタル庁創設に向けた準備サイト」がスクリプト無効で閲覧できない
https://blog.w0s.jp/643
2021/05/04(火) 00:58:42.27ID:TVbhIAUK
ただの難癖つけたい老害にしか見えないな
2021/05/04(火) 08:17:40.35ID:VIY4iBiL
>>846
CDNでReactロードするくらいなら、Preact使った方が小規模良向けじゃね?
tree shakingしてないReactとかめちゃデカいし、ブラウザのプライバシー強化で共有ライブラリのキャッシュ効かなくなっちゃったし。
小規模が開発規模を意味して、環境構築を楽したいって事ならCDNか

>>847
15年からタイムスリップしてきたのかな?
デジタル庁にはこういう奴の意識改革を本旨に据えて欲しいな
2021/05/04(火) 10:18:10.63ID:aZ/VY9m4
>>849
無駄なことをしないというのも意識改革だよ
2021/05/04(火) 14:03:06.02ID:LfFlHJnS
この準備サイトとやらがこの段階で10年後やらを見据える必要あるのかとか考えてなさそう
JSにアレルギーとかありそうw

ま、代替テキスト全くないのもどうかとは思うがね
2021/05/04(火) 14:12:50.71ID:gX3n+Z5c
Nextjs使うよりもreact単体で作った方がいいケースってあるか?
2021/05/04(火) 14:41:27.59ID:wdzHnAM+
>>852
規模次第じゃないの?
vueでも何でもnuxtってのはどうかと思うし
2021/05/04(火) 20:45:25.18ID:aZ/VY9m4
10年後を見据えるとvueもnuxtもなくなってるだろうな
2021/05/04(火) 21:05:29.33ID:wdzHnAM+
>>854
そうか?reactの方が無くなってるかもよw
正直流行るような要素無いやんw
独自ルール多すぎで
2021/05/04(火) 21:12:27.58ID:aZ/VY9m4
>>855
実際に流行ってきてる
https://w3techs.com/technologies/history_overview/javascript_library/all/y

ぶっちゃけな。技術なんて大差ないんだよ。
あとはうまく宣伝できたほうが勝ち

2018/1/1 2019/1/1 2020/1/1 2021/1/1 2021/5/4
jQuery 73.1% 73.6% 74.2% 77.2% 77.8%
React 0.5% 0.2% 0.3% 0.3% 1.8%
Vue 0.1% 0.2% 0.3% 0.5% 0.5%
nuxt 圏外
2021/05/04(火) 21:43:45.01ID:NoDDAEH0
最後の圏外に悪意を感じるwww
2021/05/04(火) 21:51:33.74ID:aZ/VY9m4
Reactは今年ようやくjQueryの成長率を超えることができた
これはJavaScript全体でみてもまれな革命的な事例だ
誇っていいぞ

あとはどこまでこの快進撃が続くか
どこまでjQueryに追いつけるかだな
前みたいに一時的なものじゃないといいな
2021/05/04(火) 23:25:01.36ID:y6+Mx0NH
jQueryの何が不味いかって、ECMAScriptやDOMの進化に付いていけない奴が量産された事なんだよなぁ。
fetch()がある現代にajax()使うためダケにjQuery突っ込まれてもね(IE非対応サイトなのに)
2021/05/04(火) 23:44:29.51ID:QZpScFU2
今のVueを見てるとクラスと関数コンポーネントでごたごたしていた頃のReact思い出すわ
2021/05/05(水) 00:38:20.12ID:KPb9bjZV
>>859
それでECMAScriptやDOMの進化についていくと
どういうメリットがあるんですか?
2021/05/05(水) 00:45:24.52ID:KPb9bjZV
>>859
進化論で有名なダーウィンが言った言葉の話を知っていますか?

https://gendai.ismedia.jp/articles/-/70729

> “進化論を唱えたダーウィンは、「この世に生き残る生き物は、
> 最も力の強いものか。そうではない。最も頭のいいものか。そうでもない。
> それは、変化に対応できる生き物だ」という考えを示したと言われています”

↑こんなことはダーウィンは "言っていない"  として有名な話です(笑)


自民Twitter炎上で注目 「ダーウィンの進化論」とは
https://www.tokyo-np.co.jp/article/37932
> ◆自民広報キャラ「生き残るのは変化できる者」に批判殺到
>  投稿直後から「進化論とも関係ないし、ダーウィンも一言も言ってない」
>「あんまり適当なこと言わない方がいいよ」などと批判の投稿が相次いだ。

>  つまり、ダーウィンの進化論は、環境により適応した個体が子孫を残していくということ。
> 変化の結果で生き残ることはあっても、生き残ろうと変化していくものではないのだ。

jQueryは環境により適応しているため生き残ったわけですね。
2021/05/05(水) 01:10:12.70ID:YhfVUbyb
すげーどうでもいい話ありがとう
ところでこのスレjqueryの話題扱ってないんだけどどう思う?
2021/05/05(水) 01:13:22.61ID:KPb9bjZV
問題ありませんって思うよ
2021/05/05(水) 01:25:54.08ID:nBZStdai
Web制作板でやれよ
2021/05/05(水) 07:56:36.41ID:KPb9bjZV
何度も断ってる
2021/05/05(水) 07:57:01.51ID:mGcg5GkZ
語るに落ちてて草
2021/05/05(水) 17:25:25.68ID:dvz+9Kky
jqueryとreact/vueの使う場面って全然違うじゃない?
アプリケーション作るためにreactとか使ってるわけでそこでjqueryがどうこう言われても困っちゃうわけよ
ホームページ作ってるんじゃないの
わかる?
2021/05/06(木) 01:46:39.15ID:LIXQmZV0
同じことがreactにも言えるわけで
アプリ作ってるんじゃないの
わかる?
2021/05/06(木) 02:26:59.70ID:5Pd8buTb
jqueryはこーどがださいの
2021/05/06(木) 03:06:48.42ID:LIXQmZV0
おまえん中ではな
2021/05/06(木) 06:35:44.44ID:gy0oUojD
確かにネット上の記事やコミュニティなんかを見てもjQueryの混じったコードは、Reactのそれに比べて明確にダサい(平均技術レベルが低い)
2021/05/06(木) 09:21:59.57ID:4IkJtw29
昔はVueがあればjQueryは要らないとか、明確にポストjQueryとして語られてたのに、言うことコロコロ変わるよな
2021/05/06(木) 09:43:23.50ID:ZT6ahk9U
だってJavaScriptからのアプローチ(HTML+CSSはJavaScriptで生成)と
HTML+CSSからのアプローチ(JavaScriptは追加機能)とで
全然アプローチが違うんだもの、ポストjQueryになんてなるわけがないよ

今までHTMLとCSSメインで作っていて、一部分にjQuery使ってた所が
これからはJavaScritptに埋め込んで、ビルドして生成するだ!って
なるわけがないっつーの
2021/05/06(木) 09:57:03.02ID:QOXDxsue
CDNでreactを直接参照してscript type="babel"
小さいサイトならこれでいい
2021/05/06(木) 10:07:39.85ID:Y13hjQVR
commonJS絶滅して欲しい
明日から急に使えなくなってくれ
2021/05/06(木) 12:18:42.62ID:uRZm0Gzb
>>874
HTML+CSSからのアプローチなら今はプレーンJS+DOMで事足りちゃうんだよなぁ
2021/05/06(木) 13:29:43.87ID:8ZtD7GWo
>>876

親でも殺されたか
2021/05/06(木) 13:34:02.94ID:ZT6ahk9U
>>877
jQuery+DOMでも事足りるんじゃね?
2021/05/06(木) 14:31:16.31ID:HboKrdHY
jQueryおじさんなんとかならんかな
老害って言葉がぴったり
2021/05/06(木) 17:22:16.58ID:4eByDaSt
>>879
jQuery使うまでもないかと
2021/05/07(金) 03:26:01.77ID:aa4IWypt
使ったほうが楽になるんだから
使わない理由がないってことだよ
2021/05/07(金) 07:06:03.24ID:vUh37oo1
jQueryは帯(ウェブアプリ)に短し襷(ウェブサイト)に長しだし、変なクセは強いし、ランタイム無駄にデカい(上に下手すると使いまわせない)し、おまけに遅いし、楽さより面倒臭さが強くない?
2021/05/07(金) 23:29:57.63ID:BWkshpRW
react!react!react!
885デフォルトの名無しさん
垢版 |
2021/05/08(土) 05:19:26.27ID:kl/S+43i
>>847
SSRすることで解決するようで良かった。
これでCSRしないと空白ページのみという駄目サイトを脱せますね。

JS前提とせずともせめて閲覧だけは出来るべきですし、
JS有効環境でもReact等の重いダウンロード待ち&CSR待ちで表示までの悪体感だけは避けて欲しいですね。
2021/05/08(土) 05:55:50.86ID:wrJv2eZa
この手のサイトならSSGが一番良いかと。表示は確実にされる、速い、サーバに負担がかからない。

>>885
React単体は存外速くて軽いので、体感悪いサイトは色々突っ込み過ぎなんだろうね
2021/05/08(土) 10:50:27.61ID:owHuS+rJ
JSがいつか死ぬかもしれないとか詭弁だな
それならブラウザもHTMLもいつか死ぬかもしれないだろう
2021/05/08(土) 14:22:52.98ID:43bBwuym
JSは意外と快適なぐらいには育ってしまったので駆逐は難しいだろう
2021/05/08(土) 14:35:36.92ID:pg6Q8Y27
まともに使えないゴミたちがjs憎しだからな
2021/05/08(土) 14:37:45.33ID:coBHIhPM
es2015は割と好きやけどな
891デフォルトの名無しさん
垢版 |
2021/05/08(土) 15:55:49.76ID:vOczhTTR
V8が強過ぎる
2021/05/08(土) 18:15:08.68ID:I8na8wwQ
Wasmはjavascriptにとって脅威にならず、互いに補完するものらしい。。

って、どういうことやねん!!
2021/05/08(土) 22:49:52.23ID:uWvq49l/
Ie6ぐらいから時代が止まってる人いるよね
2021/05/10(月) 02:33:46.08ID:KPOzgeFS
>>892
UIがjs
高高度計算がwasm
2021/05/11(火) 17:03:41.16ID:8Vv1XPFI
SvelteってjQueryの代わりにはなってもReactの代わりにはならんよね
html in JavaScriptなのか
JavaScript in htmlなのかで根本的に目的が違ってくる
2021/05/11(火) 19:56:17.79ID:ZCNxNExS
>>895
具体的にどう目的が違うの?
2021/05/12(水) 00:58:22.85ID:w4TAZAbA
JavaScriptをオフでも見れるならjQueryの代わりになる
2021/05/12(水) 00:59:39.83ID:w4TAZAbA
いやそれじゃSSRとかいい出すから違うな
ウェブデザイナーがJavaScriptを使わずにウェブページを作成できるなら
jQueryの代わりになると言ったほうがいいか
2021/05/12(水) 04:16:08.01ID:49+VJ9o2
JavaScriptオフでも見られるwwwwww
jQueryってスゲーwwwwww
wwwwww
2021/05/12(水) 04:18:26.46ID:t5uqXVsw
ま?
901デフォルトの名無しさん
垢版 |
2021/05/12(水) 07:02:20.25ID:f1K2ySuN
セレクタとかそういう用途向けの機能だよな
2021/05/12(水) 07:07:35.30ID:d6LRu30I
こういうバカってjQueryを何だと思ってるんだろうな。
JavaScriptで書かれたJavaScriptから呼び出すJavaScriptのライブラリだというのに。
2021/05/12(水) 08:17:56.33ID:rVJ0Zld2
>>902
それな。DOM APIでやれることを簡潔に記述できるようにしただけで
デメリットがあるとしたら僅かなパーフォーマンス低下とデータ転送量の増加があるだけ
ブラウザネイティブの機能と基本的に変わらないわけで
jQueryを否定するっていうことはブラウザのDOM APIを否定するのと同じなんだよな

ReactとかはそのDOM APIを否定してるわけだけどね
(DOM APIを使うな、混ぜて使うなっていう設計)
2021/05/12(水) 09:09:07.77ID:i5oTDsFJ
スレタイの3つだとsvelteがシェアでは一歩遅れてる感じ?
2021/05/12(水) 09:30:23.47ID:zUDbH73s
ReactはDOMの補完じゃなくて、DOMをリアクティブに変える事がキモだからね。
DOMの補完だったjQueryはブラウザの進化で価値が無くなったけど、Reactがブラウザに取り込まれるとは今の所は思えない。
Reactが世代交代するのはもっと便利なパラダイムが出てきた時かな。
2021/05/12(水) 11:57:39.31ID:cBo9TB3z
まだバーチャルDOMの概念をわかってない奴がいるのか
jQueryだとかDOM APIだとかいってるやつは根本的に理解できてないから必死で勉強しな
React使いは遥か高みにいる
ここまで登ってきな?
2021/05/12(水) 15:22:15.06ID:khtU8HaB
>>904
ライトユーザーから見たらコード数が少なく済むのが魅力的に見えるらしいがベビーユーザーから見たら別に不必要にコード数を減らしたい訳じゃないしな
2021/05/12(水) 16:11:13.28ID:rVJ0Zld2
> DOMの補完だったjQueryはブラウザの進化で価値が無くなったけど

jQueryにはDOM API を簡潔に記述できるという価値が残っていて
それを理由に今もシェアを伸ばしてるんだけど知らない?

https://w3techs.com/technologies/history_overview/javascript_library/all/y
もうちょっとでjQueryのシェアは78%に到達するよ。1年で2%伸びてたりもするから
今年中は無理でも来年中には80%に到達するかもしれないね
2021/05/12(水) 16:12:09.03ID:rVJ0Zld2
>>906
バーチャルDOMはDOM操作が速くなったら不要になる技術だよ
2021/05/12(水) 17:44:37.06ID:cV34JdqJ
うるさいからjqueryゴミクズ君は消えてくれ
https://i.imgur.com/jbaYSJR.jpg
2021/05/12(水) 18:07:01.66ID:RTV90nYB
>>910
残念ながら全然違ってる。

jQueryにおけるインスタンスはDOM要素のツリー
DOM要素のツリー毎にイベントハンドラが閉じた状態
そしてインスタンスをまたぐような処理はDOMのイベントではなく
DOMインスタンスのイベントとして送信される

その図に書いてあるようにReactが一つの巨大なstateオブジェクトを持っているのと違って
jQueryの場合はインスタンスごとに小さくstateを持っていて
インスタンス動詞の結合度は弱く、少ないイベントで通信する
2021/05/12(水) 18:14:18.27ID:RTV90nYB
>>910みたいなものを見ると
自分でぐちゃぐちゃに壊しておいて壊れてる!って
言ってるだけなんだよなってわかる
2021/05/12(水) 18:18:51.44ID:cBo9TB3z
>>909
早くなることはないよ
canvasみたいなAPIじゃないと高速描画は無理
2021/05/12(水) 18:57:53.85ID:zUDbH73s
>>910
この図初めて見たけど、React触ってるときの感触めっちゃこれだわ!
あっちでイベント書いてこっちでインターフェイス書いて、そことここの処理の時系列による噛み合わせを考えて……な生DOM世界からの脱出だった。
Web標準コンポーネントで楽になるかと思いきや、それはそれで手続きが面倒くさかったし
2021/05/12(水) 19:02:00.93ID:zUDbH73s
>>911
一つの巨大なState??
React使ったこと無いの?
2021/05/12(水) 19:23:05.70ID:RTV90nYB
>>915

>>910の図を見てみ
2021/05/12(水) 19:24:09.04ID:RTV90nYB
>>913
バーチャルDOMが最終的にDOM APIを呼び出してるって知ってる?
バーチャルDOMがDOM APIより速くなることはないよ
そういう意味なら、そのとおり
2021/05/12(水) 19:32:31.31ID:zUDbH73s
>>916
Reactって仕組みの中にStateがいくつか入ってる図に見えるけど???
2021/05/12(水) 20:05:54.49ID:YLZdSr5P
>>910
この図がおかしいやん
2021/05/12(水) 20:06:46.83ID:zdSe0i8P
複数のイベントから、同じstateに書き込んで
stateをグローバル変数のように使ってるやろ
2021/05/12(水) 20:45:39.56ID:tWS7lhVr
その図は本質ではない
一つのグローバルステイトを用意すればjQueryでも同じことはできる
Reactの本質はコンポーネントという単位で関心ごとを一つにまとめ上げたことだと思う
その中で状態の更新を一方通行でやれること
922デフォルトの名無しさん
垢版 |
2021/05/12(水) 20:53:29.04ID:tSWgm1oC
いや功績と言うならreactというよりフレームワーク化とエディタ含めた統合環境だろ。少なくとももうjQueryは使いたくねえよ
あとスレチだからjQueryの話は止めとこうぜ
2021/05/12(水) 20:57:08.82ID:qD69jJhD
スレチだな
2021/05/12(水) 21:00:48.97ID:pJc2kKgl
>>917
それはコンパイラがアセンブラより速くなることはないといういつもの話。
2021/05/12(水) 22:32:16.02ID:UbDpp860
宣言的UI
2021/05/13(木) 04:19:01.64ID:nrtxeueq
>>921
自分で答えいっちゃってるじゃん

その図は本質ではない。
クソプログラマがメチャクチャなコードを持ってきて
ほらメチャクチャだと言ってるだけで

そんなやり方はしない
が正解なんだろ
2021/05/13(木) 05:37:13.09ID:m89jR/hy
jQueryおじさんがReact触ったことないのはわかった
928デフォルトの名無しさん
垢版 |
2021/05/13(木) 19:58:45.93ID:/oUX0vPx
みんなの職場は
デザイナーに投げたデザインページを
動的ページに合わせこみはどうやってるの?
俺はHTMLでもらって埋め込みを全部やり直してるけど
超めんどくさいわ
特にjsで動的にな動きをデザインに合わせて再実装するのが
苦行で死にそう
デザイナーが作ったcssクラスの解読とか
特にアイコンや
before after要素とかがまじで嫌い
2021/05/13(木) 20:16:21.87ID:nrtxeueq
>>928
そういう所に使うのがそもそも間違ってる
見た目なんかどうでもいい所に使うのが正しい
2021/05/13(木) 20:23:57.85ID:atcKWVfF
>>928
お前が無能なだけ
デザインから構築すらできないならフロントエンドエンジニアやめろ
html cssなんてデザイナーよりできて当たり前だろ
style componentやjsxをデザイナーにやらせるのかよ?
2021/05/13(木) 20:25:29.65ID:atcKWVfF
>>929
そういうところに使うもんだろが
アホなの?
2021/05/13(木) 20:30:30.21ID:nrtxeueq
デザイン分業ができなくなった言い訳

全部自分でするもんなんだよ!
2021/05/13(木) 22:16:12.70ID:Ix5H/zCq
>>928
あいつらなんでbefore afterとかハック的なCSS多用したがるんだろうね
解読&再実装が手間なの、普通にわかるわ
ソースは読まず、見た目だけで再実装する方が早い説、あると思うよ
2021/05/13(木) 22:34:45.90ID:Ky73Q8+J
従来のフローの中でreactやvueを採用したならデザイナにStorybook覚えてもらってパーツ作ってもらうのが良いだろね
2021/05/14(金) 00:41:24.71ID:72tOngHk
デザイナーはXDとかでモックつくるだけでいいだろ
jsxとcssはフロントエンジニアの仕事だよな?
できないお前らの責任
2021/05/14(金) 01:02:32.67ID:QMgVBpCt
たぶんデザイナーは、SASS, Bootstrap を勉強しないからだろう

レスポンシブ対応できないでしょ
2021/05/14(金) 07:59:33.22ID:ng5ApV1o
ぶっちゃけイラストレーターとかで
こんな感じのデザインですってのさえ示してくれればいい

小汚いソースをよこされるよりはw
2021/05/14(金) 10:09:02.93ID:GWgcGB6j
>>933
ようするにあなたは理解できないんですよね?
馬鹿なんですよ。あなたが。
2021/05/14(金) 10:10:00.07ID:GWgcGB6j
>>936
sass、bootstrapはウェブデザイナーが使うものですが、
あなたはreactでsass使ってるんですか?
作ってないくせに、言っちゃったんですか?
2021/05/14(金) 10:12:54.08ID:GWgcGB6j
ウェブデザインというのはCSSやHTMLで構造やデザインを定義していくものなので
JavaScriptで手続き型的にデザインを構築するのと発想が違うんだよな
941デフォルトの名無しさん
垢版 |
2021/05/14(金) 10:27:25.20ID:pLRygybZ
どちらでも出来るけどjsのほうがわかりやすくて簡単という意味ですね
2021/05/14(金) 10:30:02.26ID:GWgcGB6j
静的に定義するという能力が足りないんだよな
HTMLとCSSは静的ファイル。静的に定義されている。
2021/05/14(金) 13:27:33.53ID:72tOngHk
おめーらさんたちはstyle componentとjsxをデザイナーにやらせるんだな
ただのプロップス屋じゃん
944デフォルトの名無しさん
垢版 |
2021/05/14(金) 13:48:40.22ID:HHqmcP2B
たしかにデザイナとの協業は今でも難しい
10年前より難易度上がったと思うわ
2021/05/14(金) 14:21:11.29ID:6peJjk0E
それだけデザイナに求められる技能が増えたか、もしくはデザイナが不要になってきたんだろな
個人的には二度手間三度手間になるのでHTMLやcssをいじらずデザインだけ考えてて欲しい
2021/05/14(金) 14:32:27.31ID:Z9qkiVJO
意訳 うちのような弱小企業には
まともなウェブデザイナーがいない
そんな会社にまともな技術者がいると思うかね?
2021/05/14(金) 15:55:40.92ID:qzv+JgCH
デザイナーはカンプだけ作ってれば十分だろ
昔と比べて求められる知識も増えてるんだからさ
下手にコーディングされても足手まといだし
2021/05/14(金) 15:58:43.18ID:bBl2sxC0
一気に民度下がったなここ
2021/05/14(金) 16:09:58.09ID:JGNA71on
UIUX考えられないデザイナとかゴミ
っていうか邪魔
2021/05/14(金) 16:17:55.12ID:72tOngHk
>>947
でもフロントエンジニアはカンプすら再現できないゴミじゃん
目ん玉と脳みそが生まれつき腐ってるから見たものが何かすら理解できない
2021/05/14(金) 16:37:08.99ID:TB4ib7Bt
Emotion使ってみたけどCSSinJSって、Bootstrapとかと違ってCSS全部書かないといけないんか
それとも別でそれ用のCSSライブラリある?
Bootstrapと組み合わせるのは違うよな
2021/05/14(金) 18:03:47.70ID:+cIspCW+
全ては928の自演
953936
垢版 |
2021/05/14(金) 22:15:32.30ID:QMgVBpCt
2019/9

Build a Mini-Course Website with React, Ruby on Rails, Webpacker, and Bootstrap
https://www.youtube.com/watch?v=B0SxxHAImhc

React コンポーネントのJumbotron に、
pt-4 mt-4 text-center とか、Bootstrap の属性を付けてる
2021/05/14(金) 22:54:10.08ID:LgJgjq7h
GitHub における大規模なモノリポのパフォーマンスの向上
https://github.blog/jp/2021-03-19-improving-large-monorepo-performance-on-github/

> GitHub の有名な Ruby モノリスを解体し、GitHub のすべてのユーザーのためにリポジトリのパフォーマンスを向上させる新しいマイクロサービスを Go で作成しています。
2021/05/15(土) 04:39:11.76ID:/1WA0n4U
PCサイトをレスポンシブに変えることはできるんだけど、
htmlとcssを新規で作る時って、PCファーストとスマホファーストって難易度はどっちが高い?
そもそもスマホファーストの定義ってPCで見た時に横幅いっぱいに広がること?

横幅変えた時に動的に変わるのって%だと思うけど、かなり難しそう
ブレイクポイントは580pxぐらいの1つにする予定です 
2021/05/15(土) 11:43:14.14ID:Sjzu5/zJ
>>955
スレタイみろ
Web板で聞く内容だろ
2021/05/15(土) 23:22:01.39ID:auBvyRat
htmlやcss書くデザイナーと仕事したことないわ
かなりレガシーな話してないか?
DreamWeaver的な時代の
2021/05/16(日) 03:54:23.83ID:XXPlTV2t
>>957
( ゚∀゚)?
2021/05/16(日) 03:56:06.22ID:L4d15pQE
>>957
( ゚д゚)
2021/05/16(日) 08:23:23.47ID:dwn8WkYe
ほらな、視野が狭いんだよ
2021/05/18(火) 08:52:02.91ID:gf5dM7qT
Material UI民俺、低みの見物
2021/05/21(金) 19:51:10.60ID:EH2kUiOR
ついにIEが死ぬらしい
2021/05/21(金) 22:13:12.86ID:RURWOFp3
IEなんてもうサポート切れるぜって言っても頑なに要件から外さなかったあの会社
ゆるさねえわ
2021/05/21(金) 22:21:52.14ID:0svfgKZd
金さえ払ってくれれば上客さ
2021/05/22(土) 13:43:48.09ID:Bv5s42L+
JSのフレームワークをこれから習得するならReactが安定なのかな

業務で使うというよりは、試作や書き捨てな用途が多いから学習コストが低めのほうが良いのだけど
vueは3になってからReactと大差ないとも聞くしどうなんだろ?
2021/05/22(土) 14:29:17.53ID:wMryifzt
自分が作りやすいと思う方を選択した方がいいと思う
個人的にはVueの方が今でも良いな
reactはやはり書き方が気持ち悪すぎる
2021/05/22(土) 14:50:17.41ID:2IJ+sera
いや逆だろ
2021/05/22(土) 15:43:54.99ID:/D2w59c0
フロントは移り変わり激しいからReact頑張って覚えた頃には時代遅れになる可能性がる
あと先進的なことを追う傾向にあるから仕様も破壊的に変わったりもする
実務だったりサクサク読み進められる人じゃなければ、趣味ならVueでいいかもってどこかに書いてあった
2021/05/22(土) 15:44:36.85ID:OIxJpfc/
Aureriaが良いよ
標準だからね
2021/05/22(土) 16:01:48.79ID:BOAsBfPB
ここ数年はReact一強が続いてきたし、移り変わりが激しいと言っても5年くらいのスパンだろ。
新しいものを覚えるだけで数年かかるような人は仕方がないが、普通の人は自分が
使っているものが時代遅れになったと感じてから乗り換えても十分間に合う。
将来性に賭けて青田買いすると外した時が痛すぎるしな。
2021/05/22(土) 16:59:12.89ID:D/fC/+XO
Reactは簡単ですが...
2021/05/22(土) 17:51:16.40ID:+g5caswO
移り変わり激しい言うてもReact上のレイヤーの技術が新しく出てきた、とかが多いしな
2021/05/22(土) 17:54:16.04ID:62SBP3xC
それな
以前フロントの若い連中がやたらとイキってバックエンドを見下してくるから
Reactってやつは新進気鋭の若手スーパープログラマじゃないと扱えない高度なライブラリなのかと内心ビビリまくってた
でも必要にかられていざやってみるとクソ簡単で拍子抜けしたものだ
フロントの連中はこんなものでマウントを取ろうとしてたのかと正直呆れたよ
バックエンドのほうが万倍難しかったね
2021/05/22(土) 17:54:18.94ID:PCI/j8GD
>>965
JSのフレームワークっていうか、SPA用のフレームワークだぞ
用途に合ってるならいいけど
2021/05/22(土) 17:59:30.56ID:xv86KUGw
>>973
素のReactだけならめっちゃ簡単だしな
フレームワークが薄いし
2021/05/22(土) 18:00:59.40ID:+g5caswO
Reactは難しいものを簡単にする為のライブラリだからね。
しかし、フロントとバックエンドがいがみ合ってるとか、嫌な会社だなw
2021/05/22(土) 20:06:23.76ID:U1U7sLzA
JSXって使った事ない人にはhtmlとjsを悪魔合体させたガバガバ言語だと思われがちだけど
実際習得してみたらめちゃくちゃ厳密なルールの下JavaScriptの中にタグは入ってるからな
逆に<br>タグとか書いてるヤツにキレたくなってしまう
2021/05/22(土) 20:22:54.93ID:+g5caswO
JSXはだだのマクロだからね
2021/05/22(土) 21:46:55.79ID:b1IChNPr
簡単と言ってる奴ほど何もできない
Reactで大規模開発やってみろ
お前らの無能さがすぐわかるから
2021/05/22(土) 22:01:00.12ID:62SBP3xC
で、でたー。クソかんたんなReactでマウントマン
2021/05/22(土) 22:47:59.44ID:b1IChNPr
今頃フロント始めてみるゴミクソw
いつまでバックエンドやってんだか
2021/05/22(土) 22:56:41.09ID:62SBP3xC
バックエンドで忙しいからねー
暇なときは片手間にフロントやるのもいいかな
頭空っぽにしてコーディングできるから休憩にちょうどいい
2021/05/22(土) 23:03:26.05ID:b1IChNPr
バックエンドしかできない無能はあっちいけ
984デフォルトの名無しさん
垢版 |
2021/05/23(日) 03:33:56.55ID:1TnUlIAl
>>965
用途に適したフレームワークや用途に適した手法を使うべきです。
Reactにも向いていないことは山のようにあります。
あと記述面だけでなくReactにかぎらないですが、遅さ重さという犠牲により仮想DOM等を実現しています。
それらも用途により必要ないもしくは効率優先など様々な理由でReactを避けたいことも多々あります。
もちろん各々の用途で、無駄とか非効率とか記述しにくいとか向いてないので複雑になるケースとかを全て無視してもいいなら、Reactだけでもやっていけないことはないでしょう。
用途に応じてそれぞれ適切なものを選びましょう。
2021/05/23(日) 05:38:43.82ID:iX6bZe8N
Next.js以前はそうだったね。というか仮想DOM遅くないよ。
2021/05/23(日) 05:42:57.88ID:iX6bZe8N
用途に合わせて適切な物をってのは、その通りです
2021/05/23(日) 06:33:27.91ID:zmSGPUw1
Ruby on Rails では、React, Bootstrap が多い。
Vue.js は少ない

Reactは米国企業で、JSX で書けるので、米国で多い。
Vue.js はローディングアニメ・トランジションなど、CSS アニメが強い感じ
988987
垢版 |
2021/05/23(日) 07:04:18.51ID:zmSGPUw1
注目度では、YouTube で有名な、雑食系エンジニア・KENTA のサロンの、
Ruby on Rails 初心者用コースに、React ではなく、Vue.js SPA が加わった。
つまり、日本のプログラミング学校・自社開発系の転職市場では、Vue.jsなんだろう

Rails, Linux, Docker Compose, Node.js(Webpack, Babel), Bootstrap
VSCode(Remote Container, WSL2 ならRemote WSL), Heroku, CircleCI、データベース

今までは、Docker Compose までが初心者用コースだったが、
最近は誰でも、Docker出来るから、
AWS Fargate, Terraform, Vue.js, TypeScript が主戦場

だから、AWSのくろかわこうへいのサロンにも、入る必要がある。
今では、1年の未経験者が、10年以上のプロよりも技術力が上になってる!

KENTA、2021/4

2021年のWeb系エンジニア転職を成功させる3つの技術要素
https://www.youtube.com/watch?v=70VrB7LTe9g
2021/05/23(日) 08:01:07.86ID:TX/DprfC
>>979
大規模開発ってなんの事いってんの?
990デフォルトの名無しさん
垢版 |
2021/05/23(日) 08:15:49.73ID:zWTSjYeE
それにしてもangularは話題にのぼらんなあ
やり方決まってるしそんな難しくないんだけど
991987
垢版 |
2021/05/23(日) 11:14:18.40ID:zmSGPUw1
Electronではじめるアプリ開発
~JavaScript/HTML/CSSでデスクトップアプリを作ろう、2017

この本では、Electron, React, JSX, Firebase, Spectron, Mocha

サーバーがNode.js なだけで、
サーバーがRuby なら、Ruby on Rails, React, RSpec, Selenium Webdriver と同じ

まあ、Windows デスクトップアプリに限り、Electron, Reactで作る事もありかな

>>953
は、Rails, React, Bootstrap だけど、
Rubyの本も出してる、ソニックガーデンの伊藤淳一は、既に4年前に、Vue.js を使っている

伊藤淳一、2017/2

Rails 5.1で作るVue.jsアプリケーション 〜Herokuデプロイからシステムテストまで〜
https://www.youtube.com/watch?v=ycOeM2umXkY
2021/05/23(日) 11:36:04.01ID:yHngvGL2
他のF/Wと比べてとにかく無駄が多い
2021/05/23(日) 11:42:05.73ID:uFou4fnu
ガイジの宣伝するなよw
RubyはマジでNGワード入りだなw
994デフォルトの名無しさん
垢版 |
2021/05/23(日) 11:50:26.29ID:MJ9lD3tL
発想がゲームエンジンに近い
995デフォルトの名無しさん
垢版 |
2021/05/23(日) 12:03:42.10ID:1TnUlIAl
>>985
仮想DOM方式は明白に遅くて重いです。
ただしそのコストを払う犠牲と引き換えに管理が楽にできるメリットを得るのが仮想DOM方式です。
2021/05/23(日) 12:56:40.36ID:TXTv8bXp
>>994
ゲームエンジンより圧倒的にしょぼいよ
2021/05/23(日) 13:18:33.12ID:WuKjpbpL
>>995
https://ics.media/entry/190731/
メモリはともかくとしてそれ以外では明白に遅いと言えるほどの差はないだろ
2021/05/23(日) 13:41:00.63ID:iX6bZe8N
DOM描画コストに比べたら仮想DOMツリーの走査(JavaScript処理)コストなんて誤差みたいなものだよね
2021/05/23(日) 13:43:03.15ID:qRfDE337
次スレ

Vue vs React vs Angular vs Svelte Part.8
https://mevius.5ch.net/test/read.cgi/tech/1621744952/
2021/05/23(日) 13:48:52.81ID:WuKjpbpL
仮想DOMが遅いっていうのは大抵不必要な描画を抑止できていない場合
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 125日 12時間 7分 36秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


───────────────────
《プレミアム会員の主な特典》
★ 5ちゃんねる専用ブラウザからの広告除去
★ 5ちゃんねるの過去ログを取得
★ 書き込み規制の緩和
───────────────────

会員登録には個人情報は一切必要ありません。
月300円から匿名でご購入いただけます。

▼ プレミアム会員登録はこちら ▼
https://premium.5ch.net/

▼ 浪人ログインはこちら ▼
https://login.5ch.net/login.php
レス数が1000を超えています。これ以上書き込みはできません。
5ちゃんねるの広告が気に入らない場合は、こちらをクリックしてください。

ニューススポーツなんでも実況