- 1 名前：デフォルトの名無しさん [2019/03/09(土) 22:02:33.71 ID:47IMMy0/.net]
- 実際どうなん？
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
-
VIPQ2_EXTDAT: default:vvvvv:1000:512:----: EXT was configured
※前スレ
Vue vs React vs Angular
mevius.5ch.net/test/read.cgi/tech/1545395856/
★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
- 935 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:40:28.58 ID:FWvUKJZ9.net]
- >>934
react routerとセットになってるヤツだけどこれのexamplesみてどういう風に書かれてるか追ってみるのが一番手っ取り早いと思う
https://github.com/supasate/connected-react-router
- 936 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:41:39.95 ID:jfAtVOnZ.net]
- >>935
ありがとう！！！
- 937 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:47:53.43 ID:FWvUKJZ9.net]
- >>920は単に意味のない問答じゃない理由となり得る理由を挙げてみただけ
実際TS使う恩恵は>>931じゃなく>>932だと思う
ソースを読むのに必要なのは変数の型がなにであるかよりも変数が何に使われてるかで
読む際に助けになるのは型名じゃなく分かりやすい変数名
ロジック的な誤りは読んでて見逃す事もあるしな
- 938 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 03:06:15.14 ID:h/SUjHEp.net]
- Angularの公式サイトってChrome以外で見ると重いっていうか場合によってはロードできないみたいだな
- 939 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 03:18:15.13 ID:JWz1Ccau.net]
- >>937
> ソースを読むのに必要なのは変数の型がなにであるかよりも変数が何に使われてるかで
> 読む際に助けになるのは型名じゃなく分かりやすい変数名
それが成り立つのは、変数の型が文字か数値の場合だけ
- 940 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 04:11:58.83 ID:SFWE3wK7.net]
- >>939
変数がオブジェクトの場合なんて尚更読みやすさのためじゃなくオブジェクト形状の妥当性の為に型を書く意味合いが強いじゃん
- 941 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 04:25:47.87 ID:oQKNEIyc.net]
- >>940
理由を１つも言わずに主張されてもなｗ
- 942 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 11:04:44.50 ID:9rWkPoBI.net]
- 【速報】金券五百円分とすかいらーく優侍券をすぐもらえる
https://pbs.twimg.com/media/D8I_wvBU8AAkV4V.jpg
① スマホでたいむばんくを入手
② 会員登録を済ませる
③ マイページへ移動する
④ 招待コード→招待コードを入力する [Rirz Tu]（スペース抜き）
今なら更に4日18時までの登録で2倍の600円の紹介金を入手
クオカードとすかいらーく優待券を両方ゲットできます。
数分で終えられるのでぜひお試し下さい。
- 943 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 13:06:20.25 ID:XXr8i2SB.net]
- >>942
一万請求されたんだが…
- 944 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 13:23:55.17 ID:YcEj7P0i.net]
- >>942
もう貰ってる
- 945 名前：デフォルトの名無しさん [2019/06/04(火) 22:08:17.71 ID:9Fdozd+0.net]
- >>943
俺も
詐欺だぞこれ
- 946 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 22:11:14.13 ID:h/SUjHEp.net]
- なんで500円如きに釣られるんだよ
- 947 名前：デフォルトの名無しさん mailto:sage [2019/06/04(火) 23:53:06.78 ID:ra+PHDOz.net]
- 一万とられるならマジやばいやつやん
- 948 名前：デフォルトの名無しさん [2019/06/05(水) 12:16:11.87 ID:SxBZ5bvb.net]
- thisはどこにいてもthisだ
- 949 名前：デフォルトの名無しさん [2019/06/05(水) 19:43:51.13 ID:x4otE0k9.net]
- >>948
アロー関数「（あれ？なんで俺、、この世に生まれたんだろ？）」
- 950 名前：デフォルトの名無しさん [2019/06/06(木) 11:34:24.08 ID:MmdtfHnB.net]
- func.call()にはthisパラメータ上書き機能まであるからな
- 951 名前：デフォルトの名無しさん mailto:sage [2019/06/07(金) 12:10:24.67 ID:jIWjd2/z.net]
- >>942
掲示板荒らすなってレビューすればいいのか？
- 952 名前：デフォルトの名無しさん mailto:sage [2019/06/09(日) 16:35:20.94 ID:Q276we2O.net]
- 余談だけど
米オーディオ機器ハーマンの
Flashの移行サポートに使うフレームワーク
アパッチロイヤル？どうなのかな。
https://royale.apache.org/
https://services.harman.com/partners/adobe
ASって殆どTypeScriptだし
開発凄く楽そうなので興味はあるが。
- 953 名前：デフォルトの名無しさん mailto:sage [2019/06/10(月) 07:25:02.42 ID:9rIHBlAo.net]
- Reactできる人が羨ましいっすな
よくわからずで挫折してもうた 流行ってるのが羨ましい
Angularは何とかギリギリ理解できてるから今後もっと流行ってくれないかなぁ・・・厳しいか＾q＾
- 954 名前：デフォルトの名無しさん mailto:sage [2019/06/10(月) 09:11:58.52 ID:ozC8SeHK.net]
- >>953
何が分からんの？ってかどこで躓いた？
- 955 名前：デフォルトの名無しさん [2019/06/10(月) 11:03:48.19 ID:g6tidy/F.net]
- 面白くなくてモチベーションが涌かないという躓き方
- 956 名前：デフォルトの名無しさん mailto:sage [2019/06/10(月) 21:09:32.44 ID:Ii7tq5Jr.net]
- reactは一歩一歩勉強できるツールなわけだが
どいつもこいつもその一歩一歩やることを拒否しやがる。
- 957 名前：デフォルトの名無しさん mailto:sage [2019/06/10(月) 22:02:17.16 ID:ujTvUCPf.net]
- ①環境構築済みで
②コンポーネント作成者ではなく利用者側の場合、
めっちゃ簡単じゃない？
難しいのはreactではなくreduxの間違いでは？
- 958 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 02:49:45.57 ID:VNyhmdAk.net]
- vuexは超簡単だったが
- 959 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 04:10:47.47 ID:imvByBfZ.net]
- reduxを使うからと言ってすべての状態をredux管理にする必要はないなって思った
ｒｅａｃｔ routerを使う場合にrouterを跨ぐ情報はreduxで管理した方が便利だし
routerを跨がないものは移動時のデータの破棄がひと手間になるからuseStateとかで処理した方がシンプルかなって
- 960 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 06:33:43.52 ID:X3+rrqgk.net]
- そんなの当たり前
- 961 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 07:16:39.19 ID:rt/UvHAD.net]
- それだったら分けずにreduxでまとめた方が俺は楽だけどな。
- 962 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 08:20:47.84 ID:A/VeehAw.net]
- 後でreduxに入れるか変わったら面倒くさい
- 963 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 08:24:20.32 ID:BaYgfrBn.net]
- コードが少なければ少ないほど、変更する時に変更するコードが少なくなるんだが、
Reactとかreduxとか、コードが増えるので保守性が下がってる。
- 964 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 19:44:08.86 ID:rt/UvHAD.net]
- こういうバカはそのうちコードを書かずに人に命令するのが一番とか言い出す。
- 965 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 20:19:38.34 ID:vib91KXZ.net]
- >>954
もう序盤も序盤でつまずいた
https://jsbin.com/ragufuguwe/1/edit?js,output
これを、
「何でキー入力でタイトルをリネームするのにファイルをまたぐんだろう？
そのままHeader.jsにぜんぶまとめた方が管理しやすいのにな」と思ったりね
（今思うとこれはApp.jsのstateをHeader.jsに渡す(共有)ための作業なのかなと）
低レベルなアレですまんw
- 966 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 21:11:53.97 ID:ddwgXnrm.net]
- vueでcomponent間に微妙な空白ができるんですけど仕様でしょうか？
- 967 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 21:21:50.83 ID:OaP1Ycvw.net]
- >>964
命令された人がコード書くじゃん
お前馬鹿なの？
- 968 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 21:55:24.21 ID:rt/UvHAD.net]
- >>967
さすがにそれくらいはわかるか。よかった。
- 969 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 22:10:53.11 ID:OaP1Ycvw.net]
- じゃあ話を戻す
コードが少なければ少ないほど、変更する時に変更するコードが少なくなるんだが、
Reactとかreduxとか、コードが増えるので保守性が下がってる。
- 970 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 22:35:27.21 ID:KDSvfPuN.net]
- >>965
その小さすぎる例では理解し辛いだろうけど
機能やデータがそれぞれ「どこにあるべきか」というのは大事だよ
分割もバランスではあるけど
システムの規模が大きくなるにつれて管理しやすさは逆転し得る
- 971 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 22:47:41.48 ID:VNyhmdAk.net]
- >>966
Vue使ってるけど気になったことないな
あとそんな仕様は聞いたことないが
- 972 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 22:49:58.12 ID:rt/UvHAD.net]
- 「コードが少ない」の意味がだいぶ曖昧。
別に高圧縮かけた記号列が保守性が良い訳ではない。
つまり概念が直行してることが重要なわけだがそういう考察もなく
react, reduxのコード量だけで判断しているのはだいぶ愚かとしか言いようがない。
- 973 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 22:52:53.90 ID:OaP1Ycvw.net]
- >>972
そんな定義次元の話してないよ
コードの量って言ったらステップ数に決まってる
- 974 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 23:10:00.88 ID:imvByBfZ.net]
- Reduxを使うかどうかは場合に応じて臨機応変にだと思うがな
フォームのパスワードみたいな値とか特にReduxで持つべきではないと思うしpersistで持つとかもってのほかだし
逆にログインセッションみたいな値はReduxにpersistで持つのが望ましいと思う
とは言っても特定の頻度でサーバー側にステータスチェックを投げるのは必要だとも思う
- 975 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 23:21:18.27 ID:nhr5/y7O.net]
- 問題は、Reactのサンプルで、Reactを使うような例が
思いつかないってところなんだろうな
むりにつかっても、React使わないほうが
シンプルに実現できるじゃんって思われてしまう。
- 976 名前：デフォルトの名無しさん mailto:sage [2019/06/11(火) 23:32:37.16 ID:imvByBfZ.net]
- SimpleというかRecyclableにする為に使って大規模になった時に結果として使わないよりもシンプルになるってところかな
- 977 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 04:24:03.58 ID:mlkAn7XZ.net]
- ウェブでOfficeソフトを作ってまーすってのならわかるが
ほとんどのサイトは大規模になることはないというね
- 978 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 07:32:44.04 ID:inilIjyq.net]
- そらWebサイトならWordPressなりWixなりで作ってりゃいいだろ
その分野に関しちゃフレームワークの出る幕も俺の出る幕もありゃせん
- 979 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 07:35:20.27 ID:NlzEfHP7.net]
- >>966
原因調べないと何とも言えないけど、多分vue と言うよりかはbuefy や vuetify みたいなUIフレームワークが関与してる気がする。
原因を調べるならchrome の開発者ツールで空白の気になるcomponent 要素のcssを見て、
そのスタイルが何由来で当たってんのかを調べてみれば？
- 980 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 09:39:06.57 ID:eCiQ25Tx.net]
- >>973
一つのステップに暗黙の動作を詰め込んだ言語だったら同じだろ。
それが本当にデバッグしやすいかと言えば全然そんなことはない。
ステップ数でなんでも測ろうとする奴が行き着くところが
自分でやらずに人売りするべしって発想だよ。
- 981 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 09:51:58.07 ID:H7zmO1sQ.net]
- >>980
暗黙の動作を詰め込むとかデバッグがどうとか的はずれすぎるｗ
暗黙の動作を詰め込まないようにしつつ、コードは少ないほうが良いし、
デバッグしやすくしつつ、コードは少ないほうが良いだろ
なんでコードを減らすと、暗黙の動作が増えてデバッグしづらくなるって思ってるんだろ？
- 982 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 10:38:53.87 ID:eCiQ25Tx.net]
- 単純な見方しかしてないのがよくわかる。
マクロを使うことで極限までコード量を減らすことはできるが
全く保守性はよくなってない事例を知らんだけの無知野郎にはこれ以上何もいうことは無いわ。
- 983 名前：デフォルトの名無しさん [2019/06/12(水) 12:02:46.09 ID:tqvE0DW+.net]
- 「直交性が大事」の意味を判ってなさそう
- 984 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 12:59:08.18 ID:3cqADZsj.net]
- 直交性とコードの量は関係ない
直交性かつコードの量
- 985 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 13:04:27.81 ID:fpFnIp9D.net]
- vueとかjqueryとか色々隠してて使いやすいけど後が怖いよ
- 986 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 13:14:54.28 ID:3cqADZsj.net]
- Windows APIとか色々隠してて使いやすいけど後が怖いよ
- 987 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:09:00.89 ID:IPXgTyaj.net]
- よくわからんけど
高度に記号化されてコードが短くなってもそれで必ずしもわかりやすく
バグが出にくくなってるわけじゃないってことを言ってるんではないかな
- 988 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:10:16.97 ID:IPXgTyaj.net]
- 直行性
AとBが無関係であること
- 989 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:20:22.64 ID:3cqADZsj.net]
- AとBが無関係。
そして、Aの中でコードが短ければ短いほど良い
コードっていうのはステップ数のことな
だーれも変数名を1文字にしろとか言ってないから
- 990 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:26:46.45 ID:IPXgTyaj.net]
- それこそ誰も言ってない
複数行のコードが一行になったとして
aaa :: ?>?>? = bbb ?!!!? .kkk + aaa,dddd<=> ccc!!!?!!! ;
みたいな呪文コードだったら嫌だろうし生産性は落ちるしバグがでるだろうよってことだろさ
- 991 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:28:07.87 ID:IPXgTyaj.net]
- 短いのが正義かと言えばそうでもないよってこと
- 992 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:29:19.06 ID:a258QYnc.net]
- >>989
>だーれも変数名を1文字にしろとか言ってないから
そうなんだよな
メモ帳で開発してる奴が居たら知らんけど
- 993 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:34:31.87 ID:IPXgTyaj.net]
- さっきの記号コードで中で一か所評価順をミスっててバグが内部に出ていても
デバッグが異常に難しい
普通のコードのほうがメンテナンス性が高い
- 994 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:50:52.13 ID:3cqADZsj.net]
- >>990
> aaa :: ?>?>? = bbb ?!!!? .kkk + aaa,dddd<=> ccc!!!?!!! ;
> みたいな呪文コードだったら
だからだーれも変数名を1文字にしろとか言ってないから
- 995 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:53:21.77 ID:IPXgTyaj.net]
- 基地外だったのか
さわってそんしたわ
- 996 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:54:39.95 ID:IPXgTyaj.net]
- ＞ コードが短ければ短いほど良い
そんなことはない
わかりくいコードはいらない
perlでも触ってたらいい
- 997 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:57:22.31 ID:/w2uRKiX.net]
- コードは一画面に収まるぐらい短くしたほうが良い
- 998 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:58:51.38 ID:/w2uRKiX.net]
- 可読性は読みやすいコードって勘違いしているやつが多いが、
読むコードを減らすことが本当の可読性
>>990みたいなのは読むコードが減ってない
- 999 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:59:34.64 ID:/w2uRKiX.net]
- 関連するコードがあちこちにバラバラに成ってるのは良くない
VueとかReactとかはばらばらになってしまう
- 1000 名前：デフォルトの名無しさん mailto:sage [2019/06/12(水) 18:59:58.07 ID:/w2uRKiX.net]
- それと同時にHTMLとJavaScriptという分けるべきものが一緒になって
可読性が下がっている。
- 1001 名前：1001 [Over 1000 Thread.net]
- このスレッドは１０００を超えました。
新しいスレッドを立ててください。
life time: 94日 20時間 57分 25秒
|
 |
