Vue vs React vs Angular Part.2

[表示 : 全て最新50 1-99 101- 201- 301- 401- 501- 601- 701- 801- 901- 1001- 2ch.scのread.cgiへ]
Update time : 06/13 06:11 / Filesize : 248 KB / Number-of Response : 1002
[このスレッドの書き込みを削除する]
[＋板最近立ったスレ＆熱いスレ一覧 : ＋板最近立ったスレ／記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

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房が書き込んでも無視してください
655 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 06:36:04.05 ID:cBelvj6F.net]: コンテンツ内容と関係ないところだと例えば
HTTP/2 > https > http
みたいなSEO優先順位みたいなのあるわけだし

HTML5 > HTML4
UTF-8 > SJIS/EUC
も確かあったはず

SPA対応が今後加点対象になるのは十分ありえると思うけどな
656 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 09:13:29.35 ID:3VixzUZL.net]: >>655
君は理解していない
SPAは操作によって遷移しなくてもコンテンツ（表示内容）が変わるものだと思ってる
操作が必須

操作によって同じページに異なるコンテンツが表示されることになる
だから検索しても初期のトップページにしか出会わないので意味ないから逆に真っ先に外されるだろう
それにどうやってクローリングするのか？
657 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 09:23:29.72 ID:64c0ciQ4.net]: Google様の考えが貴様ら庶民の及ぶところにあると思ってんの？
658 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 10:52:24.84 ID:UnJk27R+.net]: スマホネイティブアプリとかいう売上3割もっていくヤクザより
SPAがんばっていこー
659 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 11:03:39.50 ID:qfybUbfB.net]: SPAがクロールされる最低条件の一つとして
URLとコンテンツ内容が一意に結びついている必要がある。
わかりやすく言えば、F5を押したときに表示されるものだけがクロールされる。

で、たいていのやつはそこまで考えて作ってないｗ

クロールのことは抜きにしても、他の人からねぇ、このサイト見てみてよって
URLを送られてきて見れるようにURLを設計にしないといけない

で、たいていのやつはそこまで考えて作ってないｗ

SPAの時代になってから、"閲覧" するのが面倒なページが増えた。
無限スクロールさせるのは良いが、ページ移動したら位置がリセットされたりな。

SPAサイトはSPAだからという理由でSEO的に減点されることはないが（加点もない）
ページの作りが悪くなりやすいから結果として減点されるページが増える。
660 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 11:09:11.39 ID:qfybUbfB.net]: あ、もちろん。JavaScriptをうまく取り扱えなくて、
クロールされないとか、JavaScriptで遅いから
減点されるってこはありえる。

結局の所クロールが重要なページはHTMLで作ったほうが良いい。
661 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 16:57:46.59 ID:y6qvOV2k.net]: SPAってVueRouterやReactRouter使ってもSPAだよね？
662 名前：デフォルトの名無しさん [2019/05/08(水) 19:15:28.81 ID:xLTSwTE2.net]: 今はSPAでもurlとコンテンツが一致するのは当たり前だと思うが。
663 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 21:07:08.36 ID:qfybUbfB.net]: ちゃんと作ってればね。
Vueとかで、変数に値入れればそれがビューに反映される。簡単！って
言ってるレベルじゃ無理。変数に値を入れたところでURLには反映されないから
664 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 21:43:03.66 ID:1/kiWGBR.net]: >>357の件の発表が来ましたよっと

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

Flutter for web
https://github.com/flutter/flutter_web
https://flutter.dev/web
665 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 21:46:18.86 ID:/fbqDJFW.net]: 名前がダサい…
666 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 23:08:40.83 ID:UnJk27R+.net]: 次から次へとええかげんにせいよ…
667 名前：デフォルトの名無しさん [2019/05/08(水) 23:12:44.98 ID:S3X7JuSb.net]: フラッパーみたいだよね

月刊コミックフラッパーオフィシャルサイト
https://comic-flapper.com
フラッパーとは - コトバンク
https://kotobank.jp/word/%E3%83%95%E3%83%A9%E3%83%83%E3%83%91%E3%83%BC-620981
668 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 23:21:34.90 ID:qfybUbfB.net]: >>666
よく考えてみよう。

何もしないことが正解ではないか？
669 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 00:10:23.60 ID:qyy/dm9i.net]: 韓国の友達とトンカツ食べながら話した（韓国ではトンカツが人気）けど、日本のWebサイトはとても遅れてるそうだ
SPAのサイトが少なくてレガシーだと驚いてたよ
日本っぽいよねと言われて思わずそうだと笑ってしまったよ
この国大丈夫なのかね
まぁ俺は愛着ないから良いけどさ
670 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 01:34:10.79 ID:NuvzCn57.net]: 知らんがな
671 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 01:42:02.41 ID:pq++z523.net]: 韓国のアプリが優れてるのはガチ
日本が遅れてるだけかもしれんが
672 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 02:35:48.23 ID:NuvzCn57.net]: うん。だから韓国にも韓国人にも韓国人が言うことにも興味はない
ここは日本だし、韓国はアメリカですら無い
673 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 06:48:51.12 ID:ypZ9kjDe.net]: >>663
付け焼き刃でVuexもVueRouterも使ってない様ななんちゃってVueなんてそもそもこのスレの対象じゃない
674 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 06:55:58.86 ID:RlCWle7V.net]: >>669
阿部寛さんのホームページディスってんの？
675 名前：デフォルトの名無しさん [2019/05/09(木) 10:30:33.47 ID:XZvIyX2v.net]: てるまえ
676 名前：デフォルトの名無しさん [2019/05/09(木) 14:53:26.63 ID:QW8XfI51.net]: 阿部寛のサイトを高速化する - Qiita
https://qiita.com/Morix1500/items/0eac072a027d478a6b83

阿部寛のサイトを超える高速化は
結構むずい
677 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 15:21:50.90 ID:gVwm/ZNp.net]: AngularのTS固定は先見てたね

結局ReactもVue(Nuxt)も
規模大きくなれば堅牢化を求めてTSのニーズ高い
678 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 19:18:59.10 ID:fgBYrKh8.net]: AureriaもTSですよっと
679 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 19:35:21.72 ID:QbjLFUUQ.net]: tsでreduxとかやりとうない
680 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 19:48:44.53 ID:AbXpebNO.net]: >>679
なんで？
681 名前：デフォルトの名無しさん [2019/05/09(木) 23:09:24.89 ID:6pPEQ8FI.net]: 確かにnuxtでtsやとうとするとサンプルが不十分で躊躇するな。とりあえず公式はTSで記述して欲しい。
682 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 23:14:08.08 ID:FQALP4Xt.net]: TSって何の略？女から男でもTS？
683 名前：デフォルトの名無しさん mailto:sage [2019/05/09(木) 23:16:14.37 ID:FQALP4Xt.net]: 転性（TenSei）物の略じゃなかったのか・・・
転生にかけて転性
684 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 07:11:07.75 ID:5pEntNE1.net]: trans sexualだろ
685 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 11:28:53.17 ID:KVKv3VXz.net]: https://www.packtpub.com/packt/offers/free-learning
今日の無料教材はAngular Fundamentals with TypeScript [Video]ですよっと
686 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 20:38:35.89 ID:dfSPbcVm.net]: Dart TypeScript どっちかにせい
687 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 21:53:18.09 ID:YkXyKnTH.net]: Dartは2度死ぬ
688 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 22:55:18.75 ID:HK1/2Yro.net]: TA固定は微妙なとこだと思うけどな。
型を軽んじる方も無駄に型信者になる方もどっちも間違ってる印象。
689 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 23:01:59.52 ID:5pEntNE1.net]: 元々サーバーサイドで出力した値をグローバル変数で渡してた部分で変数未定義のエラーがどうしても消えなくてイライラした（ちゃんと動作はしてる）
黙認のエラーは非表示とかできんもんかって思った
690 名前：デフォルトの名無しさん [2019/05/10(金) 23:04:44.67 ID:DV3Y91+j.net]: ts なら declare 使えば
691 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 23:21:40.79 ID:5pEntNE1.net]: >>690
ちなAngularだったんだけどそれ書いても上手く行かなかったんよねもしかしたら利用箇所じゃなくapp-module側で書くとかルールがあるのかも知れんけど
その時ググって出たのは大体試したけどダメだったから仕方なくDOM経由で渡す事にした

…っていうよりやっぱReactでいいやって結論に至った
692 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 23:44:17.71 ID:YkXyKnTH.net]: ReactはVueに食われると予測する
堅牢で全部入りのAngularは一定層に
需要あると見るから安定して存在し続ける
693 名前：デフォルトの名無しさん mailto:sage [2019/05/10(金) 23:56:24.24 ID:5pEntNE1.net]: 実際問題VueからReactに移るって人は居ても逆はないと思うんだよね
両方それなりに触ったけど
694 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 00:01:37.61 ID:86iOIgkh.net]: 実態は>>349
695 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 00:16:31.79 ID:0ONlCrpu.net]: まず*.vueってテンプレート書式がjsxに比べて煩雑というか冗長なんだよね
あとタグの中にv-if、v-forって書くよりもJavaScriptとして制御文を書く方が柔軟だし明快なんだよね
696 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 12:07:13.98 ID:dFSThr/t.net]: Web　　　/ Native　　　　　　　　/ WebView型
-----
React　　/ React Native　　　　/ Cordova
Vue　　　/ Weex, NativeScript / Cordova
Angular　/ NativeScript　　　　/ Cordova
(Flutter for Web) / Flutter　　 / -

開発
-----
React　　　　　： Facebook
React Native ： Facebook
Vue　　　　　　： (コミュニティ + スポンサー)
Weex　　　　　： Apache Foundation (Alibabaから移管)
Angular　　　　： Google
Flutter　　　　： Google
NativeScript　： Progress Telerik
Cordova　　　： Apache Foundation (Adobeから移管)
697 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 12:18:07.62 ID:dFSThr/t.net]: GoogleがAngularとFlutterをどう考えるか
TelerikがVueをどれくらい支援するつもりかで
将来への安定性が変わってくる
698 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 12:57:08.42 ID:dFSThr/t.net]: ちなみにAlibabaは、今はReactに似たフレームワークの
Rax(WebとWeexでのネイティブ対応)の開発を行っているので
Vueへの支援は限定的と思われる
699 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 21:29:48.13 ID:k2bl7TQ1.net]: >>692
全部入りを好む奴は総じてプログラマとしてクソ
700 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 21:30:45.78 ID:OpJkzPTa.net]: WeexよりもVueNativeの方がまだいいんじゃないかね
701 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 22:12:47.06 ID:BTldsl5g.net]: 全部入りといえばVisual Studio
702 名前：デフォルトの名無しさん mailto:sage [2019/05/11(土) 22:59:18.42 ID:dFSThr/t.net]: >>700
出来の良し悪しはともかく
数が多くなるのと、対象の道連れになるのでラッパー類は除いてる
Ionic、Nuxt、Vue Nativeなど
703 名前：デフォルトの名無しさん [2019/05/12(日) 01:01:51.46 ID:xOhrfp/J.net]: Reactのインポート地獄をみんなどうしてる？？

よく使うのは、protoとかに生やしてたりすんの？
704 名前：デフォルトの名無しさん [2019/05/12(日) 01:04:29.59 ID:xOhrfp/J.net]: https://cdn-images-1.medium.com/max/1600/1*a6X55OJdZfefGKE2LFUZ1A.png

こういう感じで、さらにstyled componentとかにすると、さらに増えて完全に地獄なんだが。。
705 名前：デフォルトの名無しさん mailto:sage [2019/05/12(日) 01:12:25.25 ID:hqMRR2lH.net]: >>704
自分はパスのテーブル作ってループでリストにpushしてから配備してるからRouteとimportが一緒のファイルにはならないな
706 名前：デフォルトの名無しさん mailto:sage [2019/05/13(月) 16:55:44.14 ID:dmMFJZn2.net]: フレームワークごとのお作法を学ぶ作業しんどい
707 名前：デフォルトの名無しさん [2019/05/13(月) 22:20:51.61 ID:XgdYNs3B.net]: you 造っちゃいなョ
708 名前：デフォルトの名無しさん mailto:sage [2019/05/13(月) 22:52:30.18 ID:YS57w6Jq.net]: そして同じようなフレームワークがまたできて、同じように文句言われるわけだ。
709 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 00:13:13.60 ID:Y1HzAffW.net]: ホント普遍的だなこの風刺画ｗｗ
https://imgs.xkcd.com/comics/standards.png
https://naglly.com/archives/2011/07/xkcd-standards.php
710 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 00:51:22.05 ID:QHcO2x1N.net]: jsフレームワークの主流インデントって
スペース2つだけど

見にくくない？4つよくない？
711 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 03:04:17.17 ID:UZBZoUy/.net]: 俺も4が好きだが何で2が主流になったんだろうな。残念だ
712 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 03:29:16.91 ID:pKB1mZtq.net]: てかなんでスペース使うの？tabでよくない？
713 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 03:41:22.54 ID:upCBpEzH.net]: tabは使いこなすのが難しい
他人が見てもずれないようにするために
複雑なルールが必要になる
714 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 03:42:16.89 ID:upCBpEzH.net]: 複雑というより奇妙というべきか
一見なんでこんなルールが必要なんだ？と思うようなルール。
理由を聞けばわかるだろうがそのルールを守るのに神経を使う
715 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 04:08:46.60 ID:pKB1mZtq.net]: 言ってる意味がよく分からんから実際に問題となる一例でも挙げてみてくれ
716 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 07:50:55.79 ID:/4NFgqiF.net]: pythonみたいに閉じ括弧ないと2はキツイなと思うけど、jsはそうでもない。
717 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 07:52:39.50 ID:rV66FunX.net]: 1tab = 1インデント、それ以外の箇所にtab使うなで済むと思うけどな
インデントの異なる行同士で揃えようとしてる人は知らんが
718 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 10:15:18.26 ID:shgZHQbU.net]: 折り返した引数の開始位置とか、メソッドチェーンの書き方とか
あと、代入時の開始位置揃えあたりかね

タブの定義をnスペース単位のパディングとかにせず、前後行との関連での自然な位置ということにすれば、いつでも1タブで良くなるのに。
719 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 10:40:59.88 ID:upCBpEzH.net]: >>715
タブを使うとインデントとはなにか？という概念の話が始まる（笑）

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

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

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

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

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

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

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

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

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

見やすさのためにやる単純な作業をレビューが必要な作業に変えるのはアホ過ぎる
720 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 11:08:05.03 ID:rV66FunX.net]: コードに限らず、このパターンだよな

対象一覧　・A
　　　　　　・B
　　　　　　・C

対象一覧
　・A
　・B
　・C

個人的には後者が好みだが
721 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 11:18:50.33 ID:ZtmBYpYh.net]: >>719
俺はそういう定義コメントは上に書く派だからそうはならないな

行の後ろにコメント付けるの自体わりと悪習だと思ってる
722 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 11:34:44.51 ID:rV66FunX.net]: コメントはケースの一つということだろう
コードで例を書くなら

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

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

Pythonなどでは前者がデファクトなのでそれに従う
当然tabも使わない
チーム開発でなくJavaScriptの場合は後者+tabでやってる
723 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 12:47:54.21 ID:b+POQtqn.net]: >>722
Python使ってるヤツとは宗教的に相いれないというのがよく分かった
724 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 14:08:31.57 ID:upCBpEzH.net]: >>721
だからそういうことだよ。

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

「定義コメントは上に書く派になりましょう。」
というルールができる
725 名前：デフォルトの名無しさん [2019/05/14(火) 15:06:48.19 ID:053DQxew.net]: python字下げで気付く点は色々書かれてるし賛成だけど
jsの特徴とは違うんだよな
ここはどちらかというとjsのスレだからpythonの字下げルール言われても困るだろうな
726 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 16:24:19.06 ID:upCBpEzH.net]: >725
JavaScriptの字下げルールとして、正しくタブとスペースを使い分けないとずれるから
「Python風にしない」というのができる時点でダメなんだってｗ
ルールは重要だが、くだらないことにまでいちいちルールを作るなって話
727 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 16:32:22.84 ID:g3uo//i/.net]: いや、array([の後に配列の第一要素だけ繋げるセンスが理解できんて

そんなん見た目汚いだけやん
728 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 16:52:22.49 ID:IsdOqmjg.net]: Haskellはどんな感じ？
729 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 17:24:40.92 ID:rV66FunX.net]: >>726
そういう観点だと
「tabでインデントしない」というルールを作るな
とも言えるのでは？

使い分けの判断を無くしたい場合
Python風の字下げと tabでのインデントが排他的な関係なので
どちらを除くかという話だと思うが
730 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 17:44:50.25 ID:C0/Go3CD.net]: てかまさかと思うけど君たちの使ってるエディタが半スペ、全スペ、tabが見た目で区別できないの使ってるとかは流石に言わないよね？
731 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 18:07:34.96 ID:IsdOqmjg.net]: 気色悪い色になるよう設定してる
732 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 18:20:38.62 ID:ep82UI1Z.net]: Gatsby使ってる人いる？
733 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 18:56:52.05 ID:/4NFgqiF.net]: なんでこういうしょうもないシンタックスの話って盛り上がるんだろうな。
エディタ論争といいクソとしか思わんのだけれど。
734 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 20:03:19.19 ID:TDDhIyFE.net]: >>729
tabでインデントしないというのは、
入力、または保存時に自動的に変換できる
テキストエディタが大半なのでツールに任せることができる

使い分けっていうのは人間の努力が必要でルールを「人間が守る」するしか無い
735 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 20:05:02.13 ID:TDDhIyFE.net]: >>730
見た目で区別できるから、ずれて表示されたとしても
脳内で補完できるとか言わないよね？

見た目で区別できるから、ずれて表示された原因がタブだとわかったら
タブ使うんじゃねーよって思うだけなんだが（笑）
736 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 20:23:32.97 ID:7odF+65T.net]: lintしろよ
737 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 21:46:22.04 ID:TDDhIyFE.net]: そう。lintの対応の話ね。
>>719のようにタブと空白を混ぜるとlintでは対応できない

結局、空白に統一するほうが楽という話。
こんなこと、時間をかけるような所じゃないから
738 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 23:05:58.95 ID:jklhcQNW.net]: インデント以外の空白文字は一律1spaceに置き換えるくらいの方が良いと思うがな。
複数人開発なら特に。
空白並べて隣の行と桁合わせするとかあほくさ。
739 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 23:10:49.69 ID:TDDhIyFE.net]: > 空白並べて隣の行と桁合わせするとかあほくさ。

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

桁合わせするのに手間がかかるとか、コードの差分を見るときに困るという意見は正しいが
それは「手間がかかったり差分で困ることがあるが見やすい」という結論であって
「揃えたほうが見やすい」を否定してないんだ
740 名前：デフォルトの名無しさん mailto:sage [2019/05/14(火) 23:38:38.25 ID:jklhcQNW.net]: 典型的な「こだわりのある人」
741 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:15:12.27 ID:qxUiM81Y.net]: こだわらないためのスペース統一なんだがｗ
誰も桁を合わせろなんて言ってないよ。

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

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

だから誰がどのテキストエディタでどういう設定であっても
ずれないスペースにしとけって話。
はい決着。さっさと次に行きましょう。だよ。
742 名前：デフォルトの名無しさん [2019/05/15(水) 00:15:38.62 ID:HTdksHae.net]: >>738
ほんそれ
743 名前：デフォルトの名無しさん [2019/05/15(水) 00:16:18.75 ID:HTdksHae.net]: >>739
ダウト
744 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:18:20.98 ID:qxUiM81Y.net]: >>743
理由書いてないので意味がないレス
745 名前：デフォルトの名無しさん [2019/05/15(水) 00:21:49.82 ID:HTdksHae.net]: もちろん理由はあるがお前に教えるのがもったいない
知りたかったら金払うかもっと自分を見つめろ
746 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:30:49.13 ID:qxUiM81Y.net]: じゃあ現状のままでいいよ。
俺はちゃんと理由を書いた。
お前は、金だせとか言ってるやつ。
この状況で俺は満足だ
747 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:34:41.79 ID:iEzcJte9.net]: >>735
ズレないように書けばいいじゃん
748 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:38:24.75 ID:qxUiM81Y.net]: ずれない方法（スペースに統一）して書く
VS
ずれないように努力する

の違いな。

俺はこんなくだらないことで努力したくないんやで
749 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 00:58:59.75 ID:iEzcJte9.net]: ずれない事に努力が必要って感覚がイマイチ分からんIDE使ってるとなんかそういうのあるん？
750 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 01:02:36.47 ID:t507NdwY.net]: 配列のインデント揃える←分かる
イコールの位置揃える←無駄じゃね？
ソースの後置コメントを揃える←後ろに書かなくてもいいだろ
751 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 01:27:20.84 ID:qxUiM81Y.net]: >>749
上で書いてるから見てこい
752 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 01:28:02.07 ID:qxUiM81Y.net]: >>750
反論になってないぞｗ
753 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 07:10:05.58 ID:iEzcJte9.net]: >>751
だからタブがズレるっていうのが全然意味わからんし揃えるのに努力が要るっていうのも全然意味が分からんのよ
例えば基本的に>>722の下みたいに書いてりゃ基本的にズレる云々関係ないじゃん
754 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 07:22:24.11 ID:qxUiM81Y.net]: またよくある、条件付き主張だなｗ

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

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

あんたのその主張は、条件を満たしている場合にしか当てはまらんのですよ。
「>>722の下みたいに書かないと、ズレる云々関係ある」と言ってるのと同じなんですよ
755 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 07:44:19.68 ID:iEzcJte9.net]: そりゃコーディング規約がありゃ条件を満たすのは当然のことだろ
好き勝手に場所によって書き方がバラバラな方が問題じゃん
756 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 08:11:00.87 ID:nK0I7Knm.net]: 桁合わせ否定に反論したかと思ったら「桁を合わせろとは言ってない」とか、
統一することじゃないと言いながらスペースにしとけとかｗ
757 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 08:50:24.87 ID:LLCM4Dun.net]: Reactなら4スペ幅のインデントって積極的に使うべきだと思うんよね

インデントが深くなり過ぎる？
それはモジュール分けを考え直すいい機会じゃないかとね
758 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 08:58:42.43 ID:LLCM4Dun.net]: そういや最近Hooksの使い方知ったけどこれ便利だね
759 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 09:33:01.34 ID:owospDSo.net]: Reactのhooksは開発メンバーをちゃんと教育しておかないと
if文とかに入れられそうでちょっと怖い
760 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 10:16:06.40 ID:/ps7AqyV.net]: >>759
なんか使い方に注意するとこある？
761 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 11:03:23.18 ID:owospDSo.net]: >>760
コンポーネント毎に常に同じ順で呼ぶこと(間が抜けるのも駄目)

例えばpropsで一部の項目を非表示に出来るとして
useStateごとifで包んだら地雷設置になる
まぁlint用意されてるけど
762 名前：デフォルトの名無しさん mailto:sage [2019/05/15(水) 22:20:36.22 ID:NqNoTEzO.net]: setTimeoutで周期的にやってた処理どう書き換えたらスマートなのか暫く悩んだけどuseStateでひたすら反転を繰り返す状態変数を１個作ってその状態変化をuseEffectで拾えば他の状態変数も最新の値に周期処理からアクセスできるんだね
763 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 11:09:43.18 ID:1GxORDK8.net]: インデント綺麗にしてない奴はムカつくよな
764 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 13:17:02.82 ID:OCCVEc40.net]: スペースインデントは3スペとか5スペとか平気で混ぜちゃうヤツが居るのがなぁ
765 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 13:36:06.12 ID:M/ddkVVC.net]: >>764
機械的に対処できるんだから問題にならない
766 名前：デフォルトの名無しさん [2019/05/16(木) 14:13:52.42 ID:ehYc/git.net]: だな

>>719 の案みたいに
インデント(最初の文字の左側)部分でtabとスペース混ぜるのが一番邪悪
767 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 14:36:18.99 ID:/BWZYdMZ.net]: >>765
>>722の上をOKとしつつ↓を機械的にNGとして検出するのは難しくね

//11スペースのインデント
r = array([
　　　　　　 [ 1, 2, 3 ],
　　　　　　 [ 4, 5, 6 ],
　　　　　　 [ 7, 8, 9 ]
])
768 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 14:45:40.55 ID:M/ddkVVC.net]: 機械的に難しいことなら諦めればいい
スペースとタブの問題は、他人が見たときにずれること
それさえなければ、あとは完ぺきを求めるようなものじゃない

よっぽどの初心者（＝戦力外）の人以外は人は見やすいように
自分で揃えるのだから決められたスペースの数の倍数であれば、どーでもいい
タブさえ使わなければ、ずれることはない。
769 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 14:55:44.72 ID:/BWZYdMZ.net]: >>768
3スペとか5スペとかは許容しとけってこと？
770 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 15:14:21.25 ID:M/ddkVVC.net]: >>769
それスペースの数が問題だって言ってんだろ？
それぐらい決めた数（の倍数）に揃えられるだろ
771 名前：デフォルトの名無しさん [2019/05/16(木) 15:14:52.16 ID:Ox4fjiQE.net]: r = array([[ 1, 2, 3 ],
[ 4, 5, 6 ],
[ 7, 8, 9 ]
])

どうでもいい
772 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 15:20:09.96 ID:KPUxvSgB.net]: こういうくだらない議論見てると、goのやり方は必要悪だったんだなぁって。
773 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 15:36:40.29 ID:M/ddkVVC.net]: 話をまとめると

1. スペースを使うかタブを使うか問題 → スペースでなければいけない理由がある

2. インデントで使うスペースの数をどうするか問題 → どれでもいい（が統一しろ）
　数をいくつにするかに関しては理由はない。（ただし統一するべきということには理由がある）

こういう話がごっちゃになってるんだよ
774 名前：デフォルトの名無しさん [2019/05/16(木) 15:51:40.49 ID:Ox4fjiQE.net]: x ごっちゃになってる

o ごっちゃにして盛り上げてる
775 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 16:03:56.62 ID:/BWZYdMZ.net]: >>770
>>764からの「5スペとか混ぜちゃうヤツが居る」
→「機械的に対処できる」→「機械的は難しくね」という話でしょ

「それくらい許容しろ」とか「見掛けたら指導しろ」とかの回答なら分かるけど
なんか話ズレてるから落ち着いて
776 名前：デフォルトの名無しさん [2019/05/16(木) 18:45:31.93 ID:BXnjqr+9.net]: PrettierとEditorConfig使え
777 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 18:51:16.34 ID:M/ddkVVC.net]: >>775
話はずれてない

> 3スペとか5スペとかは許容しとけってこと？
って書いてあるから、
コイツはスペースの数が問題だって勘違いしてるんだなってこと
俺はスペースの数の違いを許容しろなんて一言も言ってないし
スペースの数を整えることは機械化できる。
778 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 18:58:27.70 ID:OCCVEc40.net]: 大体スペースインデントにしても
標準インデント(2スペ4スペ)の倍数以外使うべきじゃないと思うんだよな
779 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:04:06.78 ID:OCCVEc40.net]: >>765
悪質なコーダーに5スペが混ぜられたソースをどう機械的に処理してるのか興味がある
自分が書く文にではなくあくまでそういう他人が居ることに対しての件な
780 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:07:21.06 ID:M/ddkVVC.net]: こいつマジでフォーマッターの存在を知らんのか？
781 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:32:11.31 ID:/BWZYdMZ.net]: >>777 >>780
具体的に回答して欲しい

同じプロジェクト内で>>722と>>767の計3パターンをそれぞれ誰かが書いたとして
　　(1)　何もする必要無い
　　(2)　機械的に修正( 3番目だけ変わる )
　　(3)　機械的に修正( 1番目と3番目が変わる )
認識はどれ？
782 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:36:46.74 ID:M/ddkVVC.net]: どれでも好きなものを選べ
そのとおりにできる
783 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:43:17.98 ID:T3VH84cL.net]: 最近prettier+eslintに怒られるコンボでつらい
784 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:57:53.51 ID:/BWZYdMZ.net]: >>782
(2) は出来ないよね？ (>>767-768と同じ話)
桁合わせ目的かインデント目的か機械的に判別出来ないから (>>719 >>734と同じ話)

※念のため、タブは関係ないよ(使わない前提の話なので)
785 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 19:59:46.94 ID:M/ddkVVC.net]: >>784
お前が使ってるフォーマッターでできないだろだろｗ
786 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 20:04:21.05 ID:1iPcWNXK.net]: フォーマッターに頼らないと綺麗なコードが書けないってのも難儀な話だなぁ
787 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 20:13:32.96 ID:M/ddkVVC.net]: 誰も言ってないことを言い出した。
話をすり替える前兆だな
788 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 20:18:32.24 ID:G+DFRvQR.net]: レビューで弾けばいいだろ
アホをチームに入れた罰だよ
789 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 20:24:13.71 ID:/BWZYdMZ.net]: >>785
ほんとに出来るの？
桁合わせ目的かインデント目的か機械的に判別出来るということは
>>719の使い分けも機械的に出来るということになるんだけど
790 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 20:29:52.13 ID:1iPcWNXK.net]: そういやソースのディレクトリ構成ってデファクトスタンダードみたいなのなんかあるの？
nuxtの場合決まってるみたいなの聞いたことあるけど
791 名前：デフォルトの名無しさん mailto:sage [2019/05/16(木) 22:31:33.41 ID:UMWB+ekN.net]: >>779
悪質なコーダーてwww
792 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 00:51:58.85 ID:TuAgku6e.net]: こんなくだらない議論に時間を浪費したいためのgofmtという素晴らしい押し付けを実行したgoは慧眼だった
793 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 00:57:53.61 ID:6dJ1FJgX.net]: >>792
似たようなことをやって失敗したPythonという例もあるけどねｗ
ワンライナーで書けないようにするべきではなかった
794 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 01:11:17.66 ID:heUkuC9q.net]: 悪芋とか思い出したわ
ネトウヨ懲らしめたいでチバケンマ盛り上がったな
795 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 06:45:23.14 ID:HEEYzlra.net]: >ワンライナーで書けないようにするべきではなかった
は？
796 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 07:05:30.58 ID:+DCiWWVl.net]: >>795
知らんのか？ Pythonはワンライナーで書けるものはごく僅かなんやで？
797 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 10:18:57.09 ID:BV7B6Lcu.net]: MVVMっていうけどViewModelに該当するのってRedux自体？それともaction、reducerも含めて？
798 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 18:28:18.32 ID:kMxpGA5L.net]: ReduxはFlux
799 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 19:01:21.96 ID:99nnd/tf.net]: いつからだ？
何ッ！？
一体いつからMVVMと勘違いしていた……！？
800 名前：デフォルトの名無しさん mailto:sage [2019/05/17(金) 22:16:24.78 ID:HEEYzlra.net]: >>796
いやワンライナーでかけるようにすべきとか本気で言ってることにドン引きなんだが。。
801 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 22:05:46.34 ID:OiJn8mD/.net]: 多用な書き方、多用な設計って糞だよ
何が言いたいかってVueはでかくなったら糞ゴミ
だがフォーム周りだけとかちょろっと使うなら便利

他人が書いたVueのSPAのコードとか絶対触りたくないし見たくもない
802 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 22:13:06.21 ID:NeSGyCI3.net]: >>798
ReduxはFluxじゃなくReduxだろ
803 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 22:31:15.65 ID:4Mz+R+G3.net]: 大規模案件で大騒ぎになってて何だかなと思ったわ
804 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 23:47:48.62 ID:6fmwe7rg.net]: >>803
どんな騒ぎ？
805 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 23:51:24.95 ID:gzL+9YHK.net]: vueは理解してきたんだけど次勉強するならReactがいいの？Angular？
どっちのが入りやすいかな
806 名前：デフォルトの名無しさん mailto:sage [2019/05/18(土) 23:59:33.46 ID:6fmwe7rg.net]: 元々ReactはやっててAngularにも手を出してみようかとはじめてみたけど何かと無駄が多い様な感じがして結局フェードアウトしてしまった
807 名前：デフォルトの名無しさん mailto:sage [2019/05/19(日) 03:37:55.83 ID:9nW34WVf.net]: Angularのほうが簡単だよ
結局一番難しいのは設計なんだから
808 名前：デフォルトの名無しさん mailto:sage [2019/05/19(日) 13:32:28.95 ID:5btbdq6p.net]: REACTは設計が大変
頭クラクラしてくる
809 名前：デフォルトの名無しさん [2019/05/19(日) 14:53:01.54 ID:3uhhrbAa.net]: vueは.vueの単体ファイルのおかげで、大規模になってもコントロールできる。
設計の技量に問わず、単にファイル内が複雑化したら切る、って誰でも判断できる。

reactはみんなどーやって設計してるの？？
import多すぎ、依存関係ぐちゃぐちゃ、、で他人のコードがシンドイ。。

大規模にスケールできる、イケてるscafoldとかgitにあったら教えてホスィ
810 名前：デフォルトの名無しさん mailto:sage [2019/05/19(日) 18:29:33.86 ID:A9OXn1wW.net]: >>807
ng generate componentでフォルダと3ファイルできるところが細かな部品のコンポーネント別けするのには向かないなって思ったわけよ

>>809
確かに大本のコンポーネントでVue.use(〇〇)って読み込めば以降子コンポーネントでは読み込み不要っていうのはいいよね
811 名前：デフォルトの名無しさん mailto:sage [2019/05/19(日) 18:39:04.30 ID:jyVnriUQ.net]: >>809
いちばん重要なのは「大規模にしてしまわない」ってことやで
必要最小限。シンプルに作りましょう。
812 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 11:35:59.85 ID:kNVopL6P.net]: Atomic Designって馬鹿げてるね

本当によく使う部品の共通化はわかるが
Atomic Designと大げさにやって全て抽象化して難解にしてるの馬鹿げてる
813 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 11:50:10.53 ID:hEofhH56.net]: 今回の案件のPGさんにページのを作成依頼したら
マテリアルデザインしか出来ませんと言われてしまった
仕方ないからPLの自分が作るわ

こんな人ばかりで嫌になる
バックエンド上がりはこれだから使えない
814 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 11:58:33.33 ID:VITeHWYT.net]: バックエンドからフロント来る人いるの！？
マゾ？？
815 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 12:14:32.25 ID:XeSBRGQy.net]: マテリアルデザインでいいやん
816 名前：デフォルトの名無しさん [2019/05/20(月) 13:00:48.36 ID:+QyKHsoF.net]: x 出来ません

o やりたくありません
817 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 13:18:30.31 ID:I0KODi9r.net]: デザイナーにやらせとけ
818 名前：デフォルトの名無しさん [2019/05/20(月) 13:42:01.50 ID:hEofhH56.net]: 俺は本業Java屋だけどSPAをやらされてるな
cssは分からんからやらない
819 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 13:42:28.28 ID:hEofhH56.net]: 煽り失敗
820 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 14:30:09.81 ID:315y2LTs.net]: 企画からPGになったからよわからんのやけど、
バックとフロントってわける意味あんの？

俺何でもやるからよーわからん
821 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 14:46:13.61 ID:g68Ac+XT.net]: >>820
時間かかってもいいなら、分ける必要ないよ
822 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 14:58:11.12 ID:VITeHWYT.net]: 会社に任せず確定申告してもいい。
823 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 19:54:22.25 ID:XeSBRGQy.net]: フロントガチで使ったらフロントとバックのコード比率９：１くらいになるからよっぽど規模の大きいプロジェクトじゃない限りフロントとバックで分担するっていうのは愚作だと思うんよね
824 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 19:59:42.12 ID:g68Ac+XT.net]: なら9人：1人にすればいいじゃない
825 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 20:55:27.95 ID:AEGr/u7V.net]: >>824
君のとこそんなに１プロジェクトに割ける人材居るの？
うちみたいな零細じゃ１０人は無理だな
826 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 21:18:34.49 ID:Se21qA97.net]: >>813
キミが底辺なだけじゃないかなあ？
827 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 21:21:42.99 ID:Se21qA97.net]: 通常の実力から言ったら　バックの人のほうが上
フロントエンドの人は入社初年度から前線に行けるレベル
828 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 22:21:54.52 ID:AEGr/u7V.net]: いやぁイベントドリブンな言語の方が初学者には敷居が高いと思うがねぇ
829 名前：デフォルトの名無しさん mailto:sage [2019/05/20(月) 23:27:02.33 ID:6zOqj/qS.net]: フロントって一口に言ってもピンキリ過ぎてどうにも
830 名前：デフォルトの名無しさん mailto:sage [2019/05/21(火) 04:26:15.10 ID:hCuKzWe5.net]: >>813
マテリアルデザインで作ってもらえばいいじゃん？
それとも断られた事に対しての愚痴なの？
831 名前：デフォルトの名無しさん mailto:sage [2019/05/21(火) 07:32:08.30 ID:jn/uMTqD.net]: >>823
PJ、組織、メンバーそれぞれの特性に合わせて決めることだろ
愚作かどうかは状況によるわ
832 名前：デフォルトの名無しさん mailto:sage [2019/05/21(火) 20:51:40.73 ID:5FGwH9F1.net]: どっちも同じじゃね？
833 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 02:37:13.58 ID:FyfdsTZe.net]: SPAとか複雑な処理のフロントエンドはWebで飛び抜けて難度高いだろ
処理が絡み合ってデバッグ追うのも大変だわ
テスト自動化もほぼ不可能だろ
834 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 04:23:45.53 ID:/mEQma6O.net]: あのテストケースってあるのは知ってるけど何のテストに使うのかイマイチ分からないから使った事ないんだよね
835 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 06:37:53.05 ID:m1qpkXW/.net]: UIって結構変わるし
836 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 08:52:21.57 ID:zaJWmeHh.net]: バグを追うのがデバッグだろ？
デバッグを追うとは？
837 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 11:19:08.64 ID:k7SFDYkL.net]: 　　　　　　　　　　　　／）
　　　　　　　　　　　／／／）
　　　　　　　　　／,.=ﾞ''"／
　　　／　　　　 i f　,.r='"-‐'つ＿＿＿_　　　こまけぇこたぁいいんだよ！！
　　/　　　　　 /　　　_,.-‐'~／⌒　　⌒＼
　　　　／　　,i　　　,二ﾆ⊃（ ●）.　（●）＼
　　　/　　　ﾉ　　　 ilﾞフ::::::⌒（__人__）⌒::::: ＼
　　　　　　,ｲ｢ﾄ､　　,!,!|　　　　　|r┬-|　　　　　|
　　　　　/　iﾄヾヽ_/ｨ"＼　　　 `ー'´ 　　／
838 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 12:45:55.42 ID:ZSsLM/QA.net]: Vueでemitが辛くなってきたのでキューを使ったイベントドリブンを実装してるんですが、これやるなら大人しくVuex使ったほうがいいですか？
839 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 14:00:18.50 ID:VyPfhVjA.net]: jQueryを使ったほうが良いよｗ
840 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 14:33:20.05 ID:GqpuEfh7.net]: jQuery使うなら素のJSでよくない
841 名前：デフォルトの名無しさん [2019/05/22(水) 14:34:26.29 ID:x0vcQb3n.net]: 貧乳すぎる
842 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 14:36:32.40 ID:VyPfhVjA.net]: >>840
素のJSは面倒くさい。
パフォーマンスが速いって言うけど体感できないし
そもそもフレームワークを使うような人はjQuery程度の遅さなんか気にならない
843 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 15:10:50.69 ID:ZSsLM/QA.net]: >>839
Flux系のフレームワーク（Vuex）はデメリットでコードが冗長になるらしく導入しづらいんですよね
jQueryはいいです
844 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 17:50:06.86 ID:1CosvZF6.net]: Bootstrap を使うには、jQuery も必要だろ
845 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 17:52:44.15 ID:XsTmahML.net]: >>842
canvas使えば分かる
846 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 18:02:15.51 ID:XsTmahML.net]: >>844
Bootstrap-VueとかReact-Bootstrap使えば完全に抜いても動く
そもそもBootstrap5でjQuery依存抜けるって説もあるが
もうぼちぼちjQueryだけじゃなくBootstrapも脱する頃合いだと思う
847 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 18:35:58.28 ID:sUmnAN7z.net]: Vueでポートフォリオ作ってみたけどすごい重い
848 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 21:14:46.09 ID:bdIgllLp.net]: >>839
嵐は出て行け
849 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 21:33:13.85 ID:VyPfhVjA.net]: >>845
なんでcanvas？
あれはDOM使わないから仮想DOM使うVueやReactやAngularとも
相性が悪いんだけど？
850 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 22:25:54.66 ID:/mEQma6O.net]: >>849
素のJSに比べてjQueryが遅いのが体感できるという事であってそれ以上でも以下でもないよ
851 名前：デフォルトの名無しさん mailto:sage [2019/05/22(水) 22:30:02.37 ID:VyPfhVjA.net]: >>850
体感の意味がわかってないのか・・・

「同じことをするのに」体感で違いがわからないと言ってるんだよ
canvasで違うことしてるのに、それじゃ比較にならん。
canvasでフォームを実装するというのなら、
手間かけて頑張ってください（笑）
852 名前：デフォルトの名無しさん mailto:sage [2019/05/23(木) 00:18:04.50 ID:EfpWN9gz.net]: jquery使うくらいならvueをカジュアルに使いたいわ
853 名前：デフォルトの名無しさん mailto:sage [2019/05/23(木) 09:04:12.24 ID:EMcV48Xp.net]: >>839
また仕事で迫害でもされたん？
854 名前：デフォルトの名無しさん mailto:sage [2019/05/23(木) 17:17:12.16 ID:s4Sv+m8h.net]: >>847
なにが重いの？リクエスト出しまくってるとか？
855 名前：デフォルトの名無しさん mailto:sage [2019/05/23(木) 23:58:42.32 ID:VTTU/Kgv.net]: japは意地悪
856 名前：デフォルトの名無しさん mailto:sage [2019/05/24(金) 00:22:35.46 ID:9xfhx7dy.net]: Angularと言うかrxjsに明るい人に聞きたいんだけど、今作ってるアプリが非同期でAPIサーバーに
バカスカリクエスト投げてるせいでスロットリング頻発してンだわ。

非同期から同期に変えるか、もしくは非同期で前のリクエストが通信中なら通信の終了を待ってからリクエスト投げたいんだけど、
どっかに良いサンプルない？
（あくまでAngularやrxjsの規約に従った書き方で。）
857 名前：デフォルトの名無しさん [2019/05/24(金) 08:32:32.24 ID:KyNuvwNz.net]: >>856
> 非同期でAPIサーバーにバカスカリクエスト投げてるせいで

ある程度想定して作ってたと思うけど、予想外の何かがあって大幅に超えたという事かな？だとすると、根本的には鯖増強、キャッシュ等で高速化する以外に解決方法が無い様に思うのだけど。
858 名前：デフォルトの名無しさん [2019/05/24(金) 11:47:54.05 ID:KyNuvwNz.net]: 例えば文字入力のたびに候補を出す様なよくあるフォームなら解決は割と簡単なんだけどね。
859 名前：デフォルトの名無しさん mailto:sage [2019/05/24(金) 12:06:06.00 ID:53a26ZX4.net]: どうせ無駄なことにいちいちAPI呼び出してるんじゃないの？
860 名前：デフォルトの名無しさん mailto:sage [2019/05/24(金) 13:07:17.77 ID:XLHoRxVW.net]: API設計見直した方がいいんじゃないか？
861 名前：デフォルトの名無しさん mailto:sage [2019/05/24(金) 23:56:50.93 ID:9xfhx7dy.net]: >>857
API鯖の方をいじるのは無理。何故ならリクエストの投げ先は俺が管理している鯖じゃなくて
一般にサービス公開している企業の鯖のだから。

元より業務じゃなく興味本位で個人的に作ったアプリだから、思いつくままに機能追加してったら
リクエスト数がどんどん増えていって、
API鯖のドキュメントにも明記されてる規制基準を超えちまったんだよ。

問題はこっちが作ったアプリが規制基準無視してる事だから、
規制基準超えないようにrxjsのリクエストを同期処理みたいにするか、印刷のキューみたいに順番待ちさせるようにしたいんだよ。
862 名前：デフォルトの名無しさん mailto:sage [2019/05/25(土) 01:17:49.26 ID:lbrmAbGh.net]: promiseを順番に実行すれば良いのでは？
863 名前：デフォルトの名無しさん mailto:sage [2019/05/25(土) 01:28:29.16 ID:EogaeCyg.net]: rxjsしらね、でも勉強したい
864 名前：デフォルトの名無しさん mailto:sage [2019/05/25(土) 06:51:25.39 ID:C39mWM1z.net]: ダミーサーバーでも立ててなんのリクエストが込んでるか解析してみればいいんじゃないの？
865 名前：デフォルトの名無しさん mailto:sage [2019/05/25(土) 08:38:51.30 ID:GmewsWkw.net]: 結局リクエストがどっかにスタックされてそれがいっぱいになって破綻するだけだろ。
リクエスト破棄するようにするかリクエスト自体を減らすか
設計レベルで何か変更しないとどうにもならんぞ。
866 名前：デフォルトの名無しさん [2019/05/25(土) 10:15:18.48 ID:iyew3Ho2.net]: >>861
うーん、なんのアプリなのか具体的な内容が知りたいところ。個人レベルなら上限越えるなんてそう無いし、気になるのが順番待ちで解決、と書いてある事。
大量の変換処理が前提なら、webアプリじゃなくてバックグラウンドでのバッチ処理と、その同期処理じゃない？
867 名前：デフォルトの名無しさん mailto:sage [2019/05/25(土) 13:45:22.86 ID:EogaeCyg.net]: Vue CLIって日本語ドキュメントなかったっけ？
868 名前：デフォルトの名無しさん [2019/05/27(月) 09:33:48.84 ID:I295krQp.net]: >>844
Native Bootstrapがあるからjqueryなんてゴミはいらん
869 名前：デフォルトの名無しさん mailto:sage [2019/05/27(月) 11:41:03.36 ID:KkxBzEpk.net]: >>868
いい加減Material系に移行しようぜ？
870 名前：デフォルトの名無しさん mailto:sage [2019/05/27(月) 18:46:12.54 ID:kkNgQdwZ.net]: ゴミとかゴミじゃないとかじゃなくスレ違い。
いきなりAVの話し始めるのと一緒。
このスレにおいてjQueryをAVに痴漢しても全く問題ない。
871 名前：デフォルトの名無しさん mailto:sage [2019/05/27(月) 19:28:21.78 ID:M+AjYQS+.net]: >>868
そんな非公式のプロジェクトなんか使わんよｗ
872 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 13:14:47.04 ID:UhvfuMS7.net]: vueでmapMutationsがエラーでずっとハマってたわ
modulesのせいかと色々調べてたけど
computedのところに入れてたけだった
2時間凡ミスでハマってました
873 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 15:17:38.83 ID:ZohoOIeN.net]: 僕のおちんちん好きな子あつまれー
874 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 16:29:52.07 ID:BCLUylsF.net]: Svelte簡単過ぎ速すぎワロタｗｗｗ
Vue脂肪ｗｗｗｗｗ
875 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 18:13:34.52 ID:Hwq+ZCTt.net]: qiitaでも記事ちょいちょいあがってるよな
876 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 19:23:13.62 ID:a82bRp6K.net]: そういうのもう飽きてんだわ
革命的ななにかがないなら見る価値すらない
で、最近だとWebasmがわりと革命的
Blazorを皮切りに各言語がサポート追随してくるはず
そのうちJSが恐竜のようになる日も近い
877 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 19:32:00.25 ID:RhvxA7fU.net]: blazorは重すぎのウンコじゃん
サイズ1/100にしてからホザけよｗｗｗ
878 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 19:43:12.99 ID:a82bRp6K.net]: >>877
そんなもんあっという間だよ
JSはもってあと数年で終わる
そしてnode資産が技術的負債になる
879 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 19:58:51.05 ID:UhvfuMS7.net]: もうwebやめてandroid kotlin学んだほうがいいんじゃないかな

reatch vueとか高度なSPAサイトと
たぶん学習コストあまり変わらないぞ

市場の需要と技術の変化を考慮した
安定度で言えば確実にandroidだし
880 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 20:05:51.25 ID:7tJUNp6f.net]: そっちはそっちでfuchsia + dartが待ってる
881 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 22:07:46.31 ID:U6i03+mU.net]: react-saga入れたら誰もいじれなくなったっていうqiitaの記事は参考になったわ。
882 名前：デフォルトの名無しさん mailto:sage [2019/05/28(火) 22:10:54.31 ID:So55yZ3C.net]: iOSが滅びない限りはネイティブはなぁ…
883 名前：デフォルトの名無しさん [2019/05/30(木) 16:09:28.78 ID:8IvLf0N9.net]: 先生、質問です！
package.jsonのscriptで、

こうやって設定して、
"fn": "ts-node",

こうやって呼んでるのを
yarn fn app/hoge/function/class.ts

こうパスと拡張子を省略したいです。
yarn fn class

なんか良いアイデアないですか？
884 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 18:05:06.34 ID:d3b9/vXx.net]: vueで規模大きめのプロジェクト参加するかもなんだが
どうせ炎上するでしょ…

怖いわ
885 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 18:54:05.42 ID:WCG+7mjF.net]: vueが大規模案件で炎上しがちな根本原因って何？
vuexもあるのになぜ？
いわゆるvb/php現象？（集うプログラマのレベルが低い）
886 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 19:10:18.66 ID:1u6DeEFZ.net]: >>885
まずVueはVuex使ってない場合が多い
887 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 19:17:25.75 ID:4QUxH1MA.net]: 落ち着け
vueじゃなくても大規模案件は炎上する
888 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 19:32:11.46 ID:WCJgokmM.net]: codepadのhtml/jsバージョン的なサービスってある？
vue.jsが動けばいい
889 名前：デフォルトの名無しさん [2019/05/30(木) 19:35:59.23 ID:4QUxH1MA.net]: >>888

https://codesandbox.io/s/vue
890 名前：デフォルトの名無しさん mailto:sage [2019/05/30(木) 22:56:46.24 ID:bb+aWtrz.net]: 知らないけど、jsfiddle, jsdo.it などには、ライブラリは置いてないのかな？
891 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 01:27:36.80 ID:MbKHsGz2.net]: >>883
なんか奇妙な呼び方してる気が…。
「fn」が出てくる理由は分からないけど、ts-node の readme には↓の様に書いてあったよ。

# Execute a script as `node` + `tsc`.
ts-node script.ts

https://github.com/TypeStrong/ts-node/blob/master/README.md

これにならって、↓の様に呼んだら希望通りの動作する？

ts-node app/hoge/function/class.ts
892 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 13:23:21.49 ID:L/zqyqIZ.net]: vueをgoogle トレンドでみたら
アメリカ限定だとangularと変わらないよな

vueは結局中国で人気ってだけだよなぁ
893 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 13:52:56.01 ID:+etqQXO6.net]: AureliaがAurelia UXってのを提供してるんだが、こういうUXフレームワークって御三家にも存在するの？
ちなみにAurelia UXはAurelia以外でも使えるらしい
https://github.com/aurelia/ux/wiki
894 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 15:08:54.16 ID:Mb9IkSz9.net]: Angular Materialみたいなのの話してる？
895 名前：デフォルトの名無しさん [2019/05/31(金) 21:11:33.75 ID:NCddXil+.net]: TSLintが非推奨化されて無くなるのを最近知った
代わりにESLintのプラグイン開発に注力するらしい
896 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 22:03:32.06 ID:bi4e0AZ8.net]: ReactはおおよそMaterialUI一強だけどVue.jsはVuetifyとかBuefyとかQuasarとかVuesaxとかわりとバラけてるから選定が大変だな
897 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 23:14:44.04 ID:4XOlYf0w.net]: Vuetifyかぁ
Bootstrapも飽きてきたし入れてみるかなぁ
898 名前：デフォルトの名無しさん mailto:sage [2019/05/31(金) 23:47:27.99 ID:xDgbafqD.net]: CSSフレームワーク使うの苦手
899 名前：デフォルトの名無しさん [2019/06/01(土) 07:37:42.14 ID:TTPVYQ4N.net]: というか、reactやvue使って、フレームワーク使う意義が良くわかんね。
動的にフロントをカスタムしたいから使ってんだろ？

高価な包丁を使って、冷凍食品の袋を切って、冷凍食品を食ってるみたいなもんだ。
その包丁でちゃんと料理しろよって言いたい。
900 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 07:41:32.88 ID:jfyaHbh3.net]: ちゃんと料理するのが目的ではない。
食べるのが目的
手早く物を食べられる時代に自分で料理するとかマヌケがすること
自分で料理したからって美味しいものができるわけではない
フレームワークなんていらない
901 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 07:43:31.32 ID:gFsX3PNG.net]: うまくても毎日カップラーメンじゃ体壊すぞという話
902 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 07:49:16.20 ID:BzR1DFUc.net]: 動的にフロントをカスタムってよく分からんが素のCSSを一から書きたくないから使うんだろ
903 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 08:11:30.38 ID:jfyaHbh3.net]: >>901
手料理なら健康だって勘違いしてる人？
外食だって手料理なんだが
904 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 08:53:50.47 ID:gFsX3PNG.net]: コピペで解決するようなことばっかしてたらコードが腐るって話だよ。
905 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 09:16:46.26 ID:jfyaHbh3.net]: コードが腐るなんてオカルトを言い始めたｗ
906 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 09:18:28.13 ID:gFsX3PNG.net]: なんだまともにプログラム書いたことない人か。そりゃ話が通じないわけだ。
907 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 09:19:43.73 ID:jfyaHbh3.net]: じゃあ腐ってるコードとやらを見せてください。
908 名前：デフォルトの名無しさん [2019/06/01(土) 10:29:16.81 ID:SloaYn9t.net]: if else if else if if if if
みたいなやつ
909 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 13:06:26.54 ID:Q7hpVzyk.net]: そんな俺俺用語を使われてもねぇ
910 名前：デフォルトの名無しさん [2019/06/01(土) 13:36:41.95 ID:Cw4MltZM.net]: 100歩ゆずって論理的に場合分けが不十分でいかにもバグりそうな書き方は腐ってると思う
真理値表で no care が多すぎみたいなやつ
911 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 13:50:09.32 ID:Q7hpVzyk.net]: NO毛やー
912 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 13:51:19.15 ID:Spf5VD38.net]: なんかもう全部blazorでええわってなってきた
さようならjavascript
913 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 15:14:03.09 ID:6vvLTfZk.net]: メタタグにblazorで作ってますって書いとけよ。
中身ないくせにバカみたいな激重サイト開きたくないんでｗ
914 名前：デフォルトの名無しさん mailto:sage [2019/06/01(土) 16:37:36.00 ID:K47xKOLF.net]: サイトｗｗｗ
915 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 14:35:42.50 ID:jfAtVOnZ.net]: Reactアプリをtsで書く理由わかんない
916 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 15:36:19.22 ID:YC/dl6iz.net]: なんで？
917 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 16:32:03.67 ID:rhBrDnBE.net]: componentが受け取るpropとか型あったほうが絶対ええやん
918 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 17:06:00.51 ID:NO1dwOVK.net]: 型はあったほうが良い。理由は型があったほうが絶対にいいからだ。
919 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 17:21:24.98 ID:UIpFJ6ej.net]: 型はないほうが良い。理由は型がないほうが絶対にいいからだ。
920 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 17:25:22.38 ID:FWvUKJZ9.net]: 書くコード量が増える
キャストがめんどい
オブジェクトの型宣言がめんどい
921 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 17:58:21.32 ID:GrttFzDQ.net]: ReactとReduxを入門したばかりの者ですが、react-reduxのconnectを各コンテナで行う意味がわかりません。Providerみたいに最上位コンポーネントだけで行えば？って思ってしまいます。詳しい方教えてください。
922 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:06:38.96 ID:FWvUKJZ9.net]: >>921
どこからでもアクセスできたら意図しない書き換えがあったときにどこで書き換えられたのかが絞りにくくなるとかいう思想からじゃない？
923 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:09:18.96 ID:GrttFzDQ.net]: あとReducerの分割はstoreのを複数の要素で構成させるためですか？うまく説明できなくてすいません。
924 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:10:27.33 ID:FAkoUUR8.net]: 型がないと扱ってる変数の型が途中でキャストされてこちらが期待する型と一致しなくなってバグの発生に繋がるから、無いよりはあった方が良い。

それに型付けをきちんとしていれば、変数に間違った型の値を入れようとしてもIDEとトランスパイラが教えてくれるからバグの発生を防げる。

型宣言は面倒くさいかもしれないけど、ちゃんと定義しておかないと
プロジェクトが大きくなった時や過去のコードの整備する時に困る事になるよ。
925 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:11:08.95 ID:GrttFzDQ.net]: >>922
fluxってグローバルにstateを管理するためのものじゃないんですか？
コンテナの子要素としかstateを共有しないという理解でいいですか？
926 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:14:38.81 ID:FWvUKJZ9.net]: >>923
別に並立でドーンって並べたいなら並べてもいいけど
機能ごとに状態グループを分けた方が管理しやすいじゃん？
927 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:19:35.60 ID:FWvUKJZ9.net]: >>925
だからConnectで使う状態とSetterを書いたコンポーネントからだけアクセスできるようにするモノ

四階層くらいコンポーネントをネストしてたら有効なもんだと分かると思う
あとredux-persistとか使えばブラウザのlocalStrageに状態を保存できるからリロードでも飛ばない状態が作れる
928 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:25:02.69 ID:jfAtVOnZ.net]: >>926
https://ideone.com/wVwkT7
こういうstoreのとき
https://ideone.com/V4THFe
こういうreducerみたいに分割しないとネストしたstoreはreducerで定義できないんじゃっと思って。。。
929 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:25:52.32 ID:jfAtVOnZ.net]: id変わったけど先程の人です
930 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:27:33.76 ID:jfAtVOnZ.net]: >>928
つまり、storeのキー名と同じような名前のreducerを定義しないとstateで表現できないんじゃということです
931 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:31:47.29 ID:+JD+iR7P.net]: >>920
> 書くコード量が増える

書く量が増えるよりも、読む時にすばやく間違いなく読めるほうが重要
932 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:34:19.37 ID:yFCJtS+u.net]: 型は読むとき素早く間違いなく読むためのものではない。
コンパイラに論理的間違い探しをさせてあとで指摘させるために与える付加情報だ。
933 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:34:31.59 ID:FWvUKJZ9.net]: ていうかStoreに定義は書かんけどな

actionとreducerがあればいい
934 名前：デフォルトの名無しさん mailto:sage [2019/06/02(日) 18:37:15.76 ID:jfAtVOnZ.net]: >>933
reducerでstateいじったら自動的にstoreの要素に追加されるということですか？
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秒

[ 新着レスの取得/表示 (agate) ] / [ 携帯版 ]

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef