Vue vs React vs Angular Part.2

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房が書き込んでも無視してください 367 名前：デフォルトの名無しさん mailto:sage [2019/04/14(日) 10:03:52.66 ID:U21XdTdR.net] ユーザーが自由に削除できることが課題？？ 世の中のソフトウェア殆どがそうだけど何か困るのか？ 368 名前：デフォルトの名無しさん [2019/04/14(日) 11:45:21.51 ID:fnTRmDnx.net] ほんと早くMac死んでほしい 369 名前：デフォルトの名無しさん [2019/04/14(日) 13:07:21.11 ID:/kyrD1Ys.net] >>367 indexeDBのことだよ。ブラウザのキャッシュクリアで簡単に消えちゃうだろ。間違えて消してクレームくるんだよ。 370 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 12:25:48.71 ID:sResMPAv.net] Reduxわかんね 371 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 18:58:19.12 ID:r0ZMOOHm.net] >>370 大丈夫。俺もわからん てか、あんなの小規模なWebアプリケーションにはいらん 372 名前：デフォルトの名無しさん [2019/04/15(月) 20:20:50.21 ID:HmQvEiCf.net] Reduxわからんの？ かわいそうに 373 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:23:02.95 ID:S/0/c6v4.net] Reduxわかるの？ じゃあ、Reduxを使うことで、 どんなメリットがあったか教えて 374 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:25:51.20 ID:IXPbMXJW.net] 処理の流れが一方向なのでわかりやすい。 375 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:33:46.03 ID:S/0/c6v4.net] > 処理の流れが一方向なのでわかりやすい。 文章がつながってない。 処理の流れが一方向なのはまだいいとして、 なんでそれで、わかりやすいということになるのか？ そもそも "処理の流れ" が一方向であるならば、 何を使っても一方向にしかならないはず。 Reduxを使うことで、一方向になるわけではない。 また双方向とか一方向というのは、局所的に見るか 全体的に見るかの違いでしかないのではないか？ 例えば電話での会話だって、双方向に見えても、実際には自分の通話口から 相手のスピーカー、相手の通話口から自分のスピーカーへの一方向通信だ。 一方向も双方向も大した違いはない。 376 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:40:44.13 ID:IXPbMXJW.net] まあ実際、説明の難しいところではある。 >また双方向とか一方向というのは、局所的に見るか >全体的に見るかの違いでしかないのではないか？ これはその通りだがその違いが大きいとしか言いようがない。 treeをたどるロジックというのは一般に指定が複雑になりやすいとか、 ノード間のコミュニケーションがコールバックでつなぐと相当複雑になるとか 色々あるけれどその辺を単純化できてるようには思う。 電話の比喩を持ち込むならマイクとスピーカーが同じより違った方が良いとかになるのかな？ 377 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:43:17.24 ID:S/0/c6v4.net] もう少し具体的な例を出そう。 getterとsetterと言えば、俺が言いたいことが見えてくると思うが Reduxが言いたいことは、単にgetterは値を取得するだけ setterは値を入れるだけにしましょうってことだろう？ まあgetter/setterは別の批判も有るから、getter/functionの方が良いか？ もう一つの例としてRESTで例えるならば、GETは何度GETしても状態は変わらない。 単にデータを取得するだけ。POSTはデータを送信するだけ。 この考えかたと同じことだろう？ これをオブジェクト指向に当てはめるならば、このメソッドはデータを更新し、 このプロパティはデータを参照するという話でしか無い。 これは普通のオブジェクト指向のベストプラクティスとなんらかわりはないんだが、 Reduxを使う必要はあるのか？ このメソッドはGETかPOST（相当）であると ドキュメントに書けば済む話だろう？ 378 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:49:52.40 ID:S/0/c6v4.net] マイクとスピーカーで分けたほうが良いという考え方は 反対しないが、まともな設計能力が有るならば、最初からそうしているわけで、 Reduxを使う理由にはならない。 まともな設計能力がない人のための矯正器具=Reduxということか？ だが矯正器具はいつまでも使っているわけじゃあるまい？ まともな設計能力がついた人にとっては、邪魔な道具でしか無い。 379 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:53:26.60 ID:IXPbMXJW.net] >>378 そうだね。あなたはredux使う必要ないと思うよ。 あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。 380 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:58:32.77 ID:S/0/c6v4.net] もちろん、Reduxが何の負担もなしに、もしくは低い負担で ベストプラクティスを実現できるというのなら導入する価値はあるが、 一方向を得るために、Reduxのやり方で設計しろっていうのは負担が高すぎる。 Reduxのやり方はルールが多すぎて単純ではないからだ。 Reduxの設計方針を理解しないまま、Reduxを使うよりも まずは知識をつけるのが先だろう？ このメソッドは書き込みを行うメソッド、このメソッドは読み込みを行うメソッド 明確に分けたほうが良いと。そしたらあとはメソッドのコメントに書けばすむだろう？ （普通はコメントで書くまでもなく、メソッド名からどちらであるかはわかる） それだけのことなのに、それを矯正するためのフレームワークというのは 意味不明すぎる。便利にするためのものじゃない。矯正するためのもの まったくもってReduxはわからん。 381 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 20:59:53.90 ID:r0ZMOOHm.net] スパゲッティになるならreduxは必須 でもそうならないなら本当に必要ない、とは思う コード量多くなるからね 382 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:02:11.16 ID:S/0/c6v4.net] >>379 > あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。 だから聞いたんだよ 「どんなメリットが"あったか"教えて」 どんなメリットが "あるのか？" じゃない。"あったのか？" だ。 あんただってそれなりにまともな設計ぐらいできるだろう？ あんたの能力がどれくらいで、Reduxを使うことで どういうメリットが、あったんだ？ なにかを矯正されたんか？ 俺は矯正が必要なほど設計が下手なつもりはないんだが。 383 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:04:00.12 ID:IXPbMXJW.net] とりあえずメリットは書いたし、びっくりするほど文章読んでないのも理解できる。 384 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:06:15.53 ID:S/0/c6v4.net] Reduxがやってるのって、 1. オブジェクト指向のクラスがあります。 2. クラスから読み込み専用メソッドを抜き出します。 3. クラスから書き込み専用メソッドを抜き出します。 4. クラスに残ったものはデータのみです。これを一つのオブジェクトとしてPublicにします。 オブジェクト指向のクラスが、 読み込み専用メソッド、書き込み専用メソッド、データ の３つに分離されました。 ってだけだからな。 385 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:07:20.84 ID:S/0/c6v4.net] >>383 いうだけなら誰でもできる。 コミュニケーション取ろうぜｗ 386 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:33:29.21 ID:g9zAAmJv.net] 処理をAPI化するイメージかな必ずその経路を経由して状態を変更するからグローバル変数みたいなどこからでもアクセスできるけどちゃんとアクセス経路は限定できるみたいな 387 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:36:35.56 ID:S/0/c6v4.net] その "グローバル変数" をクラスにして、APIをクラスのメソッドにすれば 普通のわかりやすいオブジェクト指向設計になるんですが？ Reduxの存在意義って？ 388 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:40:15.54 ID:S/0/c6v4.net] そしてReduxは、クラスのメソッドを抜き出すだけじゃないからね メソッド（関数）は普通にメソッドに引数渡して普通に呼び出せるが、 Reduxは「引数つきでメソッドを呼び出すため」のデータを作って データを投げて、そのデータ解析して（←ここ自分で作る） そしてやっとメソッドを呼び出すという無駄なことをしてる。 389 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:46:24.27 ID:S/0/c6v4.net] 結局の所 Redux はわかりやすいものではなくて （わかりやすい = ただのセールストーク） オブジェクト指向 VS 関数型（？） の戦いから 俺たちはアンチオブジェクト指向で行くぜ！という派閥から 生まれたものに過ぎない。 それ自体は考え方の違いでありだとしても、 Reduxの仕組みは、それを実現するためのルールが多すぎて 百歩譲ってわかりやすいとしても、そのルールに従って コーディングするためのコストが大きすぎて小さいプロジェクトではペイしない （大きいプロジェクトでもはたしてペイできるかどうか） "設計方針の違いを反映させるためだけ" でしかなくて、 それしか得られない割に、コストが大きすぎる 390 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 21:55:58.52 ID:IXPbMXJW.net] 別にコールバックでdom treeたどるのが大変でないならredux使う必要ないわな。 それでいいと思うよ。 てか読んでないのにコミニュケーションを要求するとか まともに設計できる人間じゃないことはわかるよ。 391 名前：デフォルトの名無しさん [2019/04/15(月) 22:15:47.71 ID:HmQvEiCf.net] 一度Reduxで作ってみたら後は別のプロジェクトでも同じように作ればいいだけだから何も問題はない 最初だけ複雑に思うだけ 392 名前：デフォルトの名無しさん mailto:sage [2019/04/15(月) 23:37:35.47 ID:IXPbMXJW.net] 確かにreduxのproviderとconnectの対応は暗黙な繋がりでわかりにくいところはあると思うんです。 reduxというかfluxの実装として他に方法はあるかもとは思う。 393 名前：デフォルトの名無しさん [2019/04/15(月) 23:45:03.60 ID:o5Us7+p1.net] vue公式からの引用で恐縮だが、、 もし、あなたが大規模な SPA を構築することなく、Vuex を導入した場合、冗長で恐ろしいと感じるかもしれません。そう感じることは全く普通です。 あなたのアプリがシンプルであれば、Vuex なしで問題ないでしょう。単純な ストアパターン が必要なだけかもしれません。 しかし、中規模から大規模のSPA を構築する場合は、Vue コンポーネントの外の状態をどうやってうまく扱うか考える絶好の機会です。Vuex は自然な次のステップとなるでしょう。これは Redux の作者、Dan Abramov からの良い引用です: Flux ライブラリは眼鏡のようなものです: それらが必要になったときに知るのです。 394 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 00:27:12.19 ID:+U4ppNzc.net] まあ大きなもの作ったことない人にはわからん世界だと思うよ。俺も学生の頃はフレームワークの必要性とかさっぱり理解できなくて制作者の自己満足だと思ってたもん。 そして必要になったことがない人にはどんなに説明しても納得してもらえないもんだよ。 395 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 00:30:35.35 ID:QBtHnjEv.net] 今軽くReduxググってみたけど何がしたいのかさっぱり分からんｗ jsにprivateが無いからsetter/getterのレイヤー作ってんの？ 396 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 00:42:55.64 ID:QBtHnjEv.net] いやfluxで調べたら少しわかった オブジェクト指向でいちいち相互参照とか面倒くさいから シングルトンにデータ全部詰め込んでおこうぜ見たいな話だな 397 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 02:31:52.71 ID:+8WSocTt.net] おまいら、vueの利点として、サイトの一部分のjQueryで 作っていた部分をちょこっと置き換えるのに良いって 言ってるくせに、それがいつか大規模なSPAに変わると思ってんの？ 398 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 02:40:36.60 ID:+8WSocTt.net] >>393 こっちのほうがわかりやすくね？ｗ Flux ライブラリはサスペンダーのようなものです: それらが必要になったときに知るのです。 （意味 デブになれば必要な理由がわかる。だがそもそもデブになんかならねーし、デブなのが一番の問題） 399 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 04:49:30.73 ID:vZMMDQFG.net] 猫も杓子もreduxだけどほかのflux実装の感想聞きたいわ それなりの規模で使用した、もしくはしてるみたいな人おらんの? つかfacebookはfacebook/flux使ってるのかね メンテされてる感じせんけど 400 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 07:41:32.20 ID:9wO+Q4tD.net] >>397 そんなこと書くと議論がすり変わりそうだぞ。 ID:IXPbMXJWが書いてくれたことで十分でしょ。それで納得できる人もいればできない人もいる。 万人が使うものでないことは間違いないわけだし。それはスレタイの3つがそもそもそうなわけだけど。 401 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 08:31:26.34 ID:dFuxCqAG.net] よくまとまってる。 https://mizchi.hatenablog.com/entry/2018/10/04/101308 > Middleware に何を使うかで、 redux ユーザー同士の非同期のノウハウは共有できず、 > 分断されている(thunk, saga, steps, epic, no middleware) これが一番の問題点。 402 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 08:57:52.42 ID:HGB3ondZ.net] >>401 suspence来たら全部ゴミ。 403 名前：デフォルトの名無しさん mailto:sage [2019/04/16(火) 14:12:45.48 ID:sdqnJ2Ku.net] suspence見たけど状態管理をsimple-cache-providerに移動しただけな感じがする 明確なIDが無いリクエストみたいなのが渡ってくる場合だと コンポーネントと非同期キャッシュの対応付けが面倒になりそう コンポーネントインスタンス毎に一意ID生成してstateに保持だと本末転倒な感じだし 404 名前：デフォルトの名無しさん mailto:sage [2019/04/17(水) 11:15:37.77 ID:CEJ7HETE.net] 静的サイトジェネレーターでBlog作りたいのだが情報少ないね。 VuePressがよさげなのだが 405 名前：デフォルトの名無しさん mailto:sage [2019/04/17(水) 12:37:53.92 ID:q/9NxBQE.net] なんでvuepress？nuxtよりいいとこある？ 406 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 01:12:24.22 ID:+Qj1NZId.net] ガチガチのSPA作ろうと思ったらAngularじゃねーの？ ionicでwebアプリ作ってみたけどストレスなく作れて良かったよ 407 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 01:21:26.96 ID:+Qj1NZId.net] まずフロントエンド周りに関わる仕事はしないほうがいいと思う 全てが無駄になる可能性が高い 408 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 07:16:50.87 ID:xDdfDEdP.net] reduxで一回のdispatchで2つのstateを一緒に更新したい場合ってreducerどう書くのが正解？ とりあえずreducerのreturnをjsonオブジェクトみたいにすれば良さそうではあるんだけど 409 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 09:46:39.79 ID:FtQwjU5R.net] ReactのReduxはそろそろ廃れて欲しい ホックで何とかなるでしょ Reduxは奇形的だと思う 410 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 10:58:53.81 ID:JWUHkBKS.net] >>405 じゃあNUXT.jsでｗ こっちもそんなに情報ないよね 411 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 11:12:33.86 ID:nwidurpX.net] vue関係は中国語が共通言語 412 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 12:26:49.21 ID:+Qj1NZId.net] Vue vs React vs Angular とあるがどれも学ばないというのが4の選択肢が正解じゃないか 他に時間を投資すべき どうしても必要ならVueを摘むの適切 それでもVueを深く学習してVueメインでガチャガチャ動くサイトなんて作っちゃいけない 413 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 13:18:32.08 ID:PeuY0IP9.net] >>412 それな。どうせどれ使っても数年で消える。 jQueryだけが今もこれからも使われて続ける 414 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 13:28:48.77 ID:f6QMigdn.net] いいんだけどさ、forthスレやqbasicスレ、coqスレなんかにも「必要ないって言ってるでしょ！」ってムキになって書き込みに行ってるの？ｗ 415 名前：デフォルトの名無しさん [2019/04/18(木) 14:17:31.95 ID:rqGOrs8Z.net] 一部にvue入れるのもアリだよ。検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。俺もそこから始めた。 416 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 14:22:13.48 ID:+Qj1NZId.net] jQuery固執おじさんもいらない 417 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 16:15:08.38 ID:FtQwjU5R.net] jQueryが神すぎて、これは捨てられない。 418 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 16:24:16.71 ID:PeuY0IP9.net] >>414 いったことないで？全く知らん分野だし 419 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 16:24:58.29 ID:PeuY0IP9.net] >>415 > 検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。 具体例で見せてほしい 420 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 16:27:28.57 ID:uN7CTDaS.net] フォームはVueの練習には良いよね。 でも大きく要素が入れ替わらないTodoリストくらいだったらJQuery + HTMLのテンプレート要素で作ったほうが簡単に感じる。 テンプレート要素が適用しづらいなって思ったら使うべきか。 421 名前：デフォルトの名無しさん [2019/04/18(木) 16:34:11.27 ID:rqGOrs8Z.net] >>406 だよね。angular思ったより全然使いやすい。迷う事が少なくていい。 422 名前：デフォルトの名無しさん [2019/04/18(木) 16:37:48.10 ID:rqGOrs8Z.net] >>420 因みになんだけど、jQueryのテンプレートエンジンは何を使ってるの。俺はよくjsRender使ってた。 423 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 16:46:45.54 ID:PeuY0IP9.net] >>422 俺は、lodash (underscore) のtemplateだな https://lodash.com/docs/4.17.11#template https://underscorejs.org/#template このライブラリはテンプレート専用じゃなくて 通常のプログラミングでも非常に便利なライブラリなので テンプレートを使うかどうかに関係なく組み込んでる。 424 名前：デフォルトの名無しさん [2019/04/18(木) 16:50:16.12 ID:rqGOrs8Z.net] >>419 具体例いらんだろう。長くなるとスレチになりそうだし公式見てほしい。 425 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 17:13:10.20 ID:PeuY0IP9.net] >>415 残念ながらフォームを作る場合に、DOM APIよりもvueは便利だが jQueryよりも便利ってことはないんだよ 具体例、ないだろう？そういうこと 426 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 20:14:06.33 ID:G2shfX5j.net] 廃れるものを一通り勉強するってのも乙なもんだけどね。 427 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 20:19:22.93 ID:IFD45nW1.net] jquery使うといつか必ず後悔するんだよな 428 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 20:29:07.13 ID:PeuY0IP9.net] それはないな。DOM APIを使うのと（jQueryの方が生産性が高い以外）何も変わらんのだし 429 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 20:31:42.05 ID:xDdfDEdP.net] そらWeb"サイト"作ってるところjQueryは使い続けられるだろ 元々フレームワークを使うのはWebシステムを構築する人向けなんだから 平たく言えば例えばスタンドアローンアプリをWebに置き換える様な案件向け 別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ 430 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 21:46:16.31 ID:fWketiWf.net] 基本jquery使う限りアングラーさんしかないのか 431 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 21:47:32.38 ID:FtQwjU5R.net] tsとjqは相性悪いからangularもビミョー 432 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 22:20:30.68 ID:PeuY0IP9.net] >>429 Webシステムじゃよくわからん。 JavaScriptを一切使わないWebシステムだって有るんだし > 別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ ずっとそれを言ってる。ウェブであちこちのサイト見て、 そのサイト、アプリで作ればいいのに？って思うことある？ そういうことだよ。ウェブで皆が見てるものの大半は、アプリ用のフレームワークなんか使っちゃダメ 433 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 23:11:25.60 ID:975/tdja.net] 流行の移り変わり前提ならAureliaになるんかね 434 名前：デフォルトの名無しさん mailto:sage [2019/04/18(木) 23:16:27.84 ID:rt2qFRnt.net] >>433 なぜ？ 435 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 00:19:18.93 ID:ZJZT2sL1.net] 暇な天才達がおもちゃを作り 凡人の我々が疲弊する 436 名前：デフォルトの名無しさん [2019/04/19(金) 00:56:42.83 ID:nz9XNE8t.net] 実務の世界ではwebは運用を考えないといけないから ビルド必須なのは辛いんだよね JAM Stackにバリバリ行きたい気持ちはあるのだが 結局はjQueryを使った無難なサイトがメインになって しまう エンジニアは運用の視点を忘れたらいけない サイト制作にはjQueryが必須だと思う。 でもSPAで作る時は日本語のドキュメントがまだ出て 来てないような最前衛の実装方法で暴走するけどねw 437 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 01:05:48.22 ID:mPb3RkdR.net] いい加減>>1読め 438 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 07:03:38.13 ID:SkMw1Cjg.net] >>432 君には一生縁のない世界みたいだからおうちにおかえり 439 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 07:15:41.26 ID:GnXLTXUb.net] >>438 反論できなくなったときの言葉だねｗ 440 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 08:37:31.56 ID:gmGy9oTC.net] ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。 Underscore.js のテンプレートエンジンを使ったフレームワークが、Backborn.js フレームワークを使うのは、データベースを使うような、web アプリ Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの 441 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 08:55:09.83 ID:p/ztoCUW.net] 本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ const template = ctx => ` <html> <head><title>${ctx.daimei}</title></head> <body>${ctx.naiyou}</body> </html> ` const data = { daimei: '題名', naiyou: '内容', } const html = template(data) 442 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 10:13:16.52 ID:ZJZT2sL1.net] Vue試してみてるけど Vuexってもしかして必須か コンポーネント間の簡単な操作でも複雑に感じたわ それならもうAngularみたいに全部入りでいいじゃんと思いました 443 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 10:19:03.41 ID:JukS+GDU.net] >>442 世界中でどれか一つに統一されるならAngularをおしたい。 慣れた時の開発効率やわかりやすさはAngularだと思う。 444 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 11:22:56.56 ID:GnXLTXUb.net] >>440 かいてることめちゃくちゃ > ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。 「ちょっとした」の意味がわからん。 そもそもテンプレートに大きいも小さいもないだろ > フレームワークを使うのは、データベースを使うような、web アプリ データベースならウェブアプリだけやなくウェブサイトでも使うし それはフレームワークを使う理由にはならん。 > Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの 文字列を連結ってなんのことを言ってるんだか。内部の実装の話なんか関係ないだろ 445 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 11:29:00.68 ID:nz9XNE8t.net] lodashのテンプレは確かに便利 これは同意する 446 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 11:31:53.09 ID:GnXLTXUb.net] >>441 > 本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ 何万じゃサイズがわからん。 1万文字 = 10KB程度ってことでいいのか？ 何万文字 = 数十KB、画像1枚分もなくて、 ADSLや光回線なら0.1秒以下、スマホの128kbps制限中でも 2〜3秒程度でダウンロードできるサイズ だよね？ 今度から「僅かなサイズのライブラリ」って書いてくれない？ 意図的に多く見せようとしてるようにしか見えないからさｗ 447 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 11:35:38.96 ID:GnXLTXUb.net] >>441 あとそのコードは単なる文字列中の変数埋め込み テンプレートエンジンを名乗るなら、ループと条件分岐ぐらいは 対応してないとだめだろう 448 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 12:33:46.65 ID:p/ztoCUW.net] >>447 だから簡単なものならそれで十分だろうと言ってるんだが。 そんなもの必要に応じて関数書きゃいいだろう。 449 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 12:37:15.37 ID:p/ztoCUW.net] テンプレートエンジン固有の構文覚える方がめんどいわ 450 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 12:53:32.50 ID:pVA6rbms.net] >>443 でもAngular人気ないよね 日本ではなく世界の話 https://2018.stateofjs.com/front-end-frameworks/overview/ 世界二万人超の開発者に対するアンケートの結果みたいなんだけど Angularは「使ったことあるけどもう使わない」 ってのが飛び抜けて多い なんでこんな嫌われているのか全然わからないけど 451 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 13:14:05.01 ID:p/ztoCUW.net] 確かにせっかくの大規模アンケートなんだから理由も見たかったよな。 452 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 13:32:46.93 ID:ZJZT2sL1.net] 破壊的な変更が原因でしょう また大幅な変更あるのではとリスクを嫌ってる 453 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 14:22:40.05 ID:GnXLTXUb.net] WebComponentsの登場で 今のフレームワーク全滅するっていうのになｗ 454 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 15:33:13.76 ID:y1N4KfNl.net] >>450 本来のjavascriptと解離が大きいのがな。 やっぱ通用するスキルが身につくことが重要よ。 455 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 16:06:37.80 ID:eZFOlDYz.net] どこぞの人気投票らしきもの https://pbs.twimg.com/media/D31uY7qUwAISCPT.jpg 456 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 16:08:56.45 ID:9mBO7kZI.net] >>453 それも結局はXHRと一緒なんじゃない？ 原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う 457 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 16:21:41.87 ID:GnXLTXUb.net] >>456 > それも結局はXHRと一緒なんじゃない？ なんでXHRの話なんか出てくるんだ？ UIコンポーネントの話なんだが > 原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う そりゃラッピングされたもののほうが使いやすいでしょｗ だからjQueryの方が使いやすいんだし。 問題は、WebComponentsをラッピングしたものは、AngularやVueやReactとは別のものになるってこと。 AngularやVueやReactもWebComponentsを考慮しつつ開発してるんだろうが、 WebComponentsが最終的にどうなるのかわからないし、 WebComponentsがない時代の設計をWebComponentsに最適化するのは大変。 どうせWebComponentsに最適化された新しいフレームワークが出るに決まってる。 そしたら今のフレームワークは全部おさらばｗ 458 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 16:54:49.69 ID:p/ztoCUW.net] >>455 ひとつだけステッカー貼ってアピールしてるのが哀愁を誘うなｗ 459 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 17:14:03.31 ID:22g/XrvX.net] >>457 html5だかECMAScriptだかの標準仕様を持ち上げるって意味では一緒じゃね？ WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ？ 460 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 19:30:52.27 ID:PWe5dNBv.net] なんも作ってない人ってなんでこんなにわかりやすいバカさを露呈しちゃうんだろうね。 461 名前：デフォルトの名無しさん [2019/04/19(金) 19:50:06.07 ID:n8mFcZJ1.net] web componentに過剰に期待しちゃダメだよ。仕様を大きく超えて肥大化した今のフレームワークのほんの一部を標準化しますってだけ。 少し触ってみれば分かるが期待とは別物。到底現状のコンポーネントが置き換わるレベルじゃない。 462 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 21:06:05.48 ID:GnXLTXUb.net] >>459 > WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ？ WebComponentsはコンポーネントを作るAPI いろんな人や会社がコンポーネントを作って配布することになるだろう。 ここが大きな違い。 XMLHttpRequestはそれ単体で使うものだが、 WebComponentsは、そのAPIを使ってコンポーネントを作る人と 作られたコンポーネントを使う人に分かれる 463 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 21:33:14.60 ID:SkMw1Cjg.net] それって結局Reactとやってる事変わらなくないか？ 464 名前：デフォルトの名無しさん [2019/04/19(金) 21:36:51.67 ID:wiWuuxML.net] >>455 使ったことないアホどもの人気投票だろうな 465 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 21:40:08.98 ID:GnXLTXUb.net] >>463 そうだよ？やってることがかぶってるから WebComponents（ウェブ標準）に置き換わるって言ってんの 466 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 22:01:24.55 ID:GSI3q7h6.net] >>464 使ってる人の数の非もこんなもんなんじゃない？ 467 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 22:24:03.00 ID:er92Du55.net] >>349によるとそんなもんだな。 468 名前：デフォルトの名無しさん [2019/04/19(金) 23:18:27.59 ID:5jtmr99m.net] 部下から尊敬される上司が行っている、たった一つの方法 https://www.youtube.com/watch?v=rHwmeu3R8VQ 仕事ができる人だけが知っている、すべてが好転する「黄金ルール」 https://www.youtube.com/watch?v=Kx6cN24EY6E 自分の生き方や働き方がわからない人に伝えたい「生き方の正しい選び方」 https://www.youtube.com/watch?v=VfxW0fqquIE 469 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 23:23:08.94 ID:ZJZT2sL1.net] とにかくJSフレームワークは 他人のコードみたくないし保守したくない 作り逃げの案件しかやりたくねー 470 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 23:53:16.20 ID:lpgW/kDH.net] >>465 置き換わるわけないやんどうせ機能ショボいのに 471 名前：デフォルトの名無しさん mailto:sage [2019/04/19(金) 23:57:01.13 ID:dMoQXjko.net] まぁwasmを独自タグ化できるとかならワンチャンなくもないかも知れんけど ウェブ標準とReactなら大半の人はReact選ぶと思うけどね 472 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 00:08:48.19 ID:V6hNb77K.net] それにしてもAngularはホント使ってるとこ見ないよね技術書展のサイトくらいしかまともに使ってるとこ見たことない Reactは動画配信サイトの類とかでわりと使ってるところよく見る Vueはライブラリとして読み込んでるサイトはわりとあるけどフレームワークとして（Vuex,vue-routerとか使って）ガッツリ作り込んでるところ半分くらいで他はjQueryとの共存でだましだましに使ってるんじゃないかとね 473 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 02:57:45.91 ID:a8xtUdmI.net] この業界の闇が見れたよ vue js 大規模 https://mobile.twitter.com/rei_ktrg/status/1119150597599404032/photo/2 https://mobile.twitter.com/andoshin11/status/1118694687794053120 https://mobile.twitter.com/ku_suke/status/1119053092069097472 (deleted an unsolicited ad) 474 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 04:51:28.50 ID:LA3ebzxs.net] vue,reactならreactのが好きだけどreduxがデファクト取ったのほんとつらい 475 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 06:58:25.30 ID:lwVpLCzw.net] >>472 react,vueくらいならちょこっと作るのもそこまで苦じゃないけど angularはなんか闇を感じるぞ。。 476 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 07:42:58.61 ID:rcvSJkam.net] >>441 HTMLエンコードも、しないといけない。 「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換 Ruby のERB では、 結果を出力するなら、<% = 式 > しないなら、<% 式 > <% # コメント > 地の文(Rubyの式以外)で、<% を使う、 または、ERBタグ内で、%> を使う場合は、% を2重にする(エスケープ) 477 名前：476 mailto:sage [2019/04/20(土) 07:51:06.41 ID:rcvSJkam.net] 自己レス >「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換 あれ？ どうして「&」と表示されたのか？ 「&」(全角なら「&ａｍｐ;」)と書いたのに。 5ch のバグ？ 478 名前：476 mailto:sage [2019/04/20(土) 07:58:58.23 ID:rcvSJkam.net] 自己レス >「&」(全角なら「&ａｍｐ;」)と書いたのに。 「&」 ここには半角で「& a m p ;」(ただし、空白を除く)、 全角で書くと「&ａｍｐ;」と書いているけど、「ａｍｐ;」が表示されない！ なぜ？ 479 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 08:22:32.49 ID:kIPwVBjm.net] vueできますの人ってJQueryの延長で使えてるだけの人多いから危険だわ Reactできますの人雇った方が安全 アプリとしての設計できるか否かと文法覚えたからコード書けますは違うから Reactできるなら設計できると考えていい 480 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 08:31:55.09 ID:bPC53Tje.net] >>478 2chの頃からUnicodeの表示には10進文字参照使ってるから &のエスケープだけ効くようになってる &amp;amp;と書けばいい 481 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 09:34:01.59 ID:OSkkX2tB.net] >>479 Reactはそんなに難しいってこと？ 482 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 09:44:58.55 ID:V6hNb77K.net] ちゃんとしっかり向き合えば難しいって事はないよ Reduxだって書いてれば慣れるし慣れればそれほど難解じゃない 一回ベタでJSX書いてそこから部品になりそうなものを切り出したら 次に似たような画面作る時劇的に手間が減ったりする 483 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 09:50:31.75 ID:YjCevdff.net] Aureria使ってるけど全然難しくないぞ Reactも難しくはないんだろう むしろVueってそんなに簡単なの？ 484 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 10:18:20.36 ID:V6hNb77K.net] どのフレームワークも書き方が違うだけで構成する要素（状態、ルーティング、コンポーネント）は似たり寄ったりだと思うよ ただVueの場合 <div id="app"> … </div> をルートコンポーネントとしてVueに関連付けるのにdiv涛烽ﾌDOMをそのまま使えるっていうのが新規にはとっつきやすい一因だと思う もちろん別ファイルに書いたルートコンポーネントをマウントすることもできるけど DOMがそのまま→既存のサイトに追加できるって事で入りやすいんだろうけど できたものはカオスなんだろうなって思う 485 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 10:49:02.44 ID:lwVpLCzw.net] 問題は非同期通信をどこに置くか、どう実行するかってとこでしょ。 486 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 12:02:30.90 ID:aNolGhqF.net] そもそもそれSPAにする意味あるの？というところからだな 487 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 13:17:37.40 ID:lwVpLCzw.net] そもそもただの静的なhtmlで十分てのはあるがそれはまた別の話だな。 488 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 13:50:29.73 ID:OSkkX2tB.net] >>487 静的なHTMLは、サーバーに置いたHTMLを表示するだけ 動的なHTMLは、データベースなどにアクセスしてHTMLを動的に生成するもの どちらもJavaScript使用の有無は関係ないのですよ 489 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:06:39.55 ID:syajeBai.net] Reduxって他のフレームワークでも 汎用的に使えるの？ vueにはVuex があるし 490 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:20:12.59 ID:Yj5VNfn5.net] >>481 Reactは設計や構造を考えられる人じゃないと まともに動くモノは組めないからね 学習コストはAngularより低いけども設計力が必要 Reactに関しては得手不得手が分かれると思う 合ってる人なら即日使えるようになる 苦手な人は勉強しても駄目かもしれない 491 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:23:17.25 ID:aNolGhqF.net] 負の遺産が量産され続けてそう 数年後が怖いね 492 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:28:03.53 ID:lwVpLCzw.net] 設計や構造を考えないで動的に動くview作ろうってのがそもそも間違いじゃね？ と思うんだが。 493 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:34:34.23 ID:OSkkX2tB.net] （汎用の）コンポーネントを作るという考え方で作れば良いんですよ。 そうすれば、全体を考えなくていい。 494 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:43:31.02 ID:lwVpLCzw.net] んなこたない。 部品で分けても結局どう繋ぐかって問題は出てくる。 だからコールバックを引き回すのかreduxみたいな一周するパターンを使うのか考えるわけだ。 495 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 14:52:25.93 ID:UeTDxeBd.net] まだプログラミング自体初心者だった頃に、個人で何か作ろうとしてみたりしてたときは、確かに設計なんかせずに順番に動くように動くようにプログラミングしてたわ。 496 名前：デフォルトの名無しさん [2019/04/20(土) 15:52:34.64 ID:MO877tOl.net] reactもvueも適材適所でいいんじゃない？設計は別のレベルの話だろう。所詮道具なんだしさ。いやそれを議論するスレだったなw 497 名前：デフォルトの名無しさん mailto:sage [2019/04/20(土) 16:20:16.32 ID:aNolGhqF.net] 大抵の人はjqueryを使う規模で十分であるが jqueryで何か新しく書こうとなると辛い そこで規模にマッチするのがVueになるからVueが人気 498 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 15:58:14.04 ID:Nh7t/mMV.net] Angular覚えれば最強なんじゃね? 499 名前：デフォルトの名無しさん [2019/04/21(日) 16:13:30.43 ID:+n/bTUR6.net] 周りvue使う奴ばかりで俺だけReactだから取り残された感がある 500 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 16:20:10.40 ID:0mpGXc/m.net] >>499 react出来るならvueもすぐ覚えられるやろ 501 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 16:30:06.97 ID:O0Cyl0Uv.net] vueはreactの下位互換 502 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 16:32:17.78 ID:o9+52jcW.net] >>501 どういう所に互換性があるの？ 503 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 17:59:50.12 ID:idC8t1Zb.net] create-react-app がデフォルトなだけって気はする。 504 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 18:59:32.38 ID:HebMLUkK.net] 互換性はないけど枠組みとしては確かに似たり寄ったり 505 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 22:33:06.57 ID:HUpVr9Rv.net] Jqueryで足りないとは例えばどんな動作？ 506 名前：デフォルトの名無しさん mailto:sage [2019/04/21(日) 23:16:22.08 ID:RrDR8c7C.net] >>1 507 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 00:44:30.62 ID:gmJvG001.net] Reduxって親コンポーネントに偽装してReduxのステートをPropsとして受け取る感じなんだね 慣れてくればそれほどstateと変わらない感じ 508 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 10:42:02.31 ID:aRCKiCHK.net] VueでTypeScriptってどうなの? オーバースペック??? 509 名前：デフォルトの名無しさん [2019/04/22(月) 10:51:29.31 ID:YqOHOoCK.net] >>505 vdomとbindingはロジック部分を根本から変えた。後戻りできない部分だな。他はjQueryでも無理すれば代替できん事はないが。 510 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 10:54:01.25 ID:7SFj5xSv.net] ロジック部分ってなに？ 普通ロジック部分っていうと、UIは除いた部分のことだから jQuery使っても同じはずだが？ 511 名前：デフォルトの名無しさん [2019/04/22(月) 10:57:48.25 ID:YqOHOoCK.net] >>508 ページ単位で小規模に適用する分にはvueにTSは必要ない。コスト上がるだけでvueのフットワークを殺す。 新規なら先日nuxtがv2.5で完全にTS対応したから最初からそっち使った方が良いよ。にしてもnuxt-tsはキモかった。 512 名前：デフォルトの名無しさん [2019/04/22(月) 11:21:42.95 ID:YqOHOoCK.net] >>510 JQueryはdomが主役だがbindingはデータが主。だからデータ構造とそれを処理するロジックが根本から違う。これ以上はスレチになるから深くは説明しないが。 513 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 11:37:26.45 ID:7SFj5xSv.net] >>512 つまり、jQueryに足りない部分 = DOM以外ってことですよね？ それは同じでしょ？ 514 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 11:38:12.52 ID:7SFj5xSv.net] もしかしてVueとかって、UI部分とロジックが分離できない？ 密結合しちゃってるの？ 515 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 12:21:44.78 ID:eg+ktQTs.net] >>511 reactでts使ってもキモいぞ！ｗ 516 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 12:41:52.02 ID:Qg5wsU4m.net] 基本的なMVCアーキテクチャだけで良いのにね 意識高い馬鹿コーダーが変な技術を持ってくる 極論言ったらJavaScriptだけでも作れるのに 517 名前：デフォルトの名無しさん [2019/04/22(月) 12:42:29.17 ID:YqOHOoCK.net] >>513 何の話なんだそれ。 >>514 逆だよって今更すぎる。 テーブルがあって1行追加したいとしよう。jQueryだと $().append(..render(..).html()) に似た処理をどこかで入れるだろ？元のデータは何なら”破棄しても良い”。domが主だから。ココが違う部分だからよく考えて。 bindingだとlistに1行追加するだけ。 list.push({}) あとは自分で調べて。スレチで長々とすまん皆の衆。 518 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 14:05:19.86 ID:RnNzdTFJ.net] 最初からSPA作る目的ならならわかるけど そうでなければReactもVueもう導入した先は絶対カオスになるだろ 519 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 15:07:19.65 ID:i3ajZQCG.net] >>517 > bindingだとlistに1行追加するだけ。 嘘ついたらいかんよ。 HTMLにごちゃごちゃ書かないとダメだろ。ループ処理とか JSXかもしれんが 520 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 15:10:48.91 ID:i3ajZQCG.net] jQueryでもvueでもデータそのものは、listに1行追加するだけなんだよ。 そとは、そのlistのデータを見て、JavaScript（jQuery）でHTMLを生成するか、 vueを使って、HTMLのテンプレートでlistみてループ処理やって、場合によってはif文相当のことをかいて どの変数がどの部分に埋め込まれるか書いて、どのイベントがどのハンドラに対応するかをかいて ようやく連携が取れるんだよ 521 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 15:31:55.89 ID:+sji2SAG.net] vueの大規模案件ってどんなレベルなんですかね？ 522 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 15:32:17.76 ID:ShmVg8iF.net] 最初からSPA作るのと、>>518はやってることが違うから、別にカオスにはならないだろ 523 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 15:32:34.69 ID:ShmVg8iF.net] >>521 人が居なくなるレベル 524 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 17:07:41.50 ID:IkYlXCmj.net] それより大規模ってどのくらいの規模なんだ？ 525 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 17:24:46.81 ID:/LLpqdR3.net] react宗の人間だがvueは大規模で逃亡するほどきついのかね？ 526 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 17:34:40.14 ID:RnNzdTFJ.net] 例の件でVueがネタ言語扱いされるとか… ひどい風評被害だな 527 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 17:47:05.54 ID:RnNzdTFJ.net] 不毛だよなぁ react、vue、angular使えますとか rails、laravel、spring boot使えますとか どっちもどっちか一つでいいのに… 複数学ぶのは時間の無駄で、技術選択する時間も馬鹿にできんし 528 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 18:14:48.09 ID:KTQxmf3k.net] 例の件って何？ 529 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 20:32:17.15 ID:IxPS18nq.net] 金だけもらって逃亡したんだっけ？ 530 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 21:13:08.59 ID:LOXX9eoD.net] >>528 >>473 531 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 21:52:24.13 ID:KTQxmf3k.net] >>530 みっつ目のリンク開けない 532 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 22:20:51.00 ID:WNIHRACT.net] Model(Data/Logoc) <==> View Model(jQuery/DOM) <==> UI(HTML) Model(Data/Logoc) <====> UI(HTML+Vue Markup) 三段構成の中間層がフレームワークによって消滅するんじゃよ 533 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 22:38:45.61 ID:i3ajZQCG.net] >>532 https://012-jp.vuejs.org/guide/ > Model と View を同期するオブジェクトです。 Vue.js において, > 全ての Vue インスタンスは ViewModel です。 > それらは Vue コンストラクタかそのサブクラスでインスタンス化されます: 消滅してないけど？ 534 名前：デフォルトの名無しさん mailto:sage [2019/04/22(月) 22:46:16.58 ID:300hPFzJ.net] ふと思ったのはexcelみたいなUI考えた場合、modelとviewを無理やり引き剥がしても ほとんど意味ないんじゃないかということ。 535 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 01:14:58.17 ID:qUOBSkVz.net] firebaseが台頭してきてるから Web屋はフロントエンドで生きていくしかねーな 536 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 01:23:54.94 ID:1xhRm/Xt.net] >>535 ソース 537 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 01:40:26.06 ID:zhMneqp1.net] firebaseなんてGCPの一プロダクトにすぎない 538 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 01:48:54.37 ID:MlqQrhQq.net] そんな象は動物の一種に過ぎないみたいな当たり前のことドヤ顔で言われましても… 539 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 07:43:59.67 ID:Rk7FVhqN.net] 言いたいことは分かるよ アスペには分からないだろうけど 540 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 08:16:32.64 ID:MlqQrhQq.net] はいはい口先番長やりたいなら文系で生きていけよｗ 541 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 09:32:49.84 ID:nqfj8XkM.net] アスペに素人教えさせると 知ってて当たり前だと怒り出す 542 名前：デフォルトの名無しさん [2019/04/23(火) 12:24:38.08 ID:eGuTD0er.net] >>519 元の話がロジックとUIの分離からそれでいいんだよ。dom appendなんぞロジック上は不要。単なる事実だが。 543 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 13:35:13.96 ID:zhMneqp1.net] 勘違い素人「こうですね！（どやぁ）」 上級者「こうしたほうが無駄がなくていいよ」 勘違い素人「ムキー、これでもいいだろ！」 544 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 13:36:22.70 ID:zhMneqp1.net] >>542 うん。だからHTML（JSX）にループや条件分岐の ロジックが移動してますよねって事実 545 名前：デフォルトの名無しさん [2019/04/23(火) 16:09:42.79 ID:eGuTD0er.net] >>544 論点ずらしは二重に恥だからやめとけ。あとスレチだからこの話はもうやめろ。 546 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 17:48:04.05 ID:6Ns4bttT.net] 最近Angular触ってみてるんだけど Reactって結構Atomic Design指向だから細かい部品に分けた方が効率よくなるけどAngularは小分けにすると逆にカオスになりそうだね 547 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 17:54:14.07 ID:EIFUxFM+.net] 出たよバズワードに踊らされる奴 Atomic designが流行ったのはReactが普及したあと。 Atomic designをReactで実践したいならできるがReactがAtomic design指向なんてことはない。 コンポーネント指向とごっちゃになってるんじゃないか。 548 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 19:31:52.60 ID:6Ns4bttT.net] いや、実際にある程度使ってみて部品化した方が効率が上がるのにAtomic Designって言葉使うのが適切かなって思ったから言っただけで別に言葉が先にあるわけじゃないよ 549 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 20:16:21.51 ID:W6oBSSAv.net] reactで開発されたアプリの解読でコンポーネントやらReducerやら100ファイル以上あって熱が出そう 細かい部品に分けるのもいい加減にしろや 550 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 20:34:14.70 ID:6Ns4bttT.net] 部品に分けるからって別にファイル数無駄に増やすってよりも 最小の部品こそ属性の付け方で色々な使い方できるようにしたり でもデフォルト値はあって最小の指定でもちゃんと動作するようにしたり 以前はC#でdll部品とか作ってたから使い勝手のいい部品作るのは楽しい 551 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 21:17:36.16 ID:ZkNEZW45.net] 100ファイルくらいなら別に多いってほどではない。 552 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 21:25:39.08 ID:8cnfQzue.net] それはディレクトリでカテゴリー分けしてるかどうかでも随分違うと思う 553 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 23:47:16.01 ID:26ybfJq0.net] 分ける単位ってどれくらいがいいんだろうな。 自分は ・メインコンテンツ ・ヘッダー ・フッター ・サイバー ・繰り返しだすコンポーネント(例：カレンダーの１日単位) くらいにしか分けてないな 554 名前：デフォルトの名無しさん mailto:sage [2019/04/23(火) 23:49:15.78 ID:26ybfJq0.net] あとは ・フローティングで出す入力フォーム とかも分けてるか 555 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 01:09:09.86 ID:n13HhhG3.net] やたらローディングでブラウザ固まるようなサイトがあるけどどうにかならんのかね スリープ挟みながら画像/広告をロードするとかさ 556 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 04:00:40.49 ID:WM9U+x6O.net] いずれangularが再評価され angularに行きつくことになる 557 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 04:32:57.32 ID:uakSx5ac.net] >>555 Reactとか使ってるんだろ。 JavaScriptファイルを読み込まないと表示されない上に JavaScriptファイルがでかいからな 558 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 08:23:52.42 ID:b+rTrvQ4.net] 大体の場合は画像の方が大きいを思うけどね 559 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 08:26:20.44 ID:CQvKnKTI.net] 阿部寛のHPは何を使ってるの？ 560 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 09:01:17.83 ID:STRWwiRF.net] 爆速で有名な阿部寛さんのサイトを真面目に分析してみた。 https://qiita.com/Leapin_JP/items/22fb33fe7bdb6ad252fb 阿部寛のサイトを高速化する https://qiita.com/Morix1500/items/0eac072a027d478a6b83 561 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 09:25:06.69 ID:rY+bTkW+.net] 5Gの時代になればファイルの大きさ関係ない SSRすら必要なくなる 562 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 09:45:06.49 ID:CTi91KC0.net] クライアント側の回線が速くなってもバックボーンやサーバー側の回線と処理能力は変わらないので 4Gがボトルネックだった場合しか変わらんよ 563 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 10:00:20.58 ID:WM9U+x6O.net] 規模感あるところはそのままVue使わずにNuxtだね VueだととっちらかるからNuxtに辿り着くな 保守性ないと破綻する 564 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 12:14:38.40 ID:n13HhhG3.net] 広告ベタベタのまとめサイトとかフリーズするけど アクセス解析なのか画像なのかネットワークIOなのか原因が良く分からない 565 名前：デフォルトの名無しさん [2019/04/24(水) 12:29:52.49 ID:KDsijGGg.net] SPAサイトはSEOに弱いからSEO用にSSRとjsレンダリングの2つに別けましょうとかGoogleかどこかがアピールしてた 566 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 12:48:40.26 ID:2td++BXc.net] >>561 ギガを使いきって速度規制されたら同じだろ？ 阿部寛のサイトはギガ死した人々のためのサイトだからな。 567 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 13:32:01.02 ID:CQvKnKTI.net] >>560 js使ってないのか 568 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 14:09:34.24 ID:lWHYhEVw.net] >>553 サイバーってサイドバー？ 569 名前：デフォルトの名無しさん [2019/04/24(水) 14:32:08.54 ID:KVKHKBwP.net] サイババ記念日らしい 570 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 15:42:24.09 ID:uakSx5ac.net] >>558 > 大体の場合は画像の方が大きいを思うけどね そうじゃねーよ。画像はあとから非同期でダウンロードされるだろ。 まず最初はHTMLとCSS。これで最低限の画面は表示される。 JavaScriptは後から。JavaScriptがダウンロードされないと 動きはできないが、初期画面は見える（その間にダウンロードされる） っていうのがjQuery時代のベストだったんだが、 今はそんなベストを目指さずJavaScriptがダウンロードされるまで 画面見なくていいじゃんに悪化してしまった。 571 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 20:39:13.63 ID:xsOrFgwZ.net] >>570 クソエロサイトくらいにしか役たたなそうな技術だな。 572 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 20:49:42.32 ID:uakSx5ac.net] クソエロサイトくらい？ アクセスが多いサイトってことですか？ 573 名前：デフォルトの名無しさん [2019/04/24(水) 21:35:26.29 ID:lFc7PTJG.net] ただまあ高速化の技法がサーバからフロントに比重が移ったのは分かる。フロントの高速化は面倒だよな。 574 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 22:32:10.71 ID:uakSx5ac.net] フロントの高速化っていうか 自分で遅くしといて、戻そうとしてるだけだけどなｗ なんだかんだでHTML+CSSだけが一番早い 575 名前：デフォルトの名無しさん mailto:sage [2019/04/24(水) 23:18:24.27 ID:0vz5Qpla.net] まあね 576 名前：デフォルトの名無しさん [2019/04/25(木) 10:20:54.52 ID:vEJtGG6g.net] SSRなんかは典型だな。サーバからフロントへ、そして今またサーバへ。FCPのcss埋め込みなんて手作業じゃやる気せんよ。まあフレームワークが勝手にやってくれるんだけど。 577 名前：デフォルトの名無しさん mailto:sage [2019/04/25(木) 11:57:42.71 ID:SxeJCaLs.net] JAMスタックが解だね 結局SSRはやらないのが一番いい 578 名前：デフォルトの名無しさん [2019/04/25(木) 21:01:57.88 ID:XQiuE6zE.net] Generic Vue Template Interpolation Language Features | Pine Wu's Blog https://blog.matsu.io/generic-vue-template-interpolation-language-features VueテンプレートにもTypeScriptの型チェックがktkr 579 名前：デフォルトの名無しさん mailto:sage [2019/04/25(木) 21:26:39.12 ID:WzUfCzlU.net] すげえ 580 名前：デフォルトの名無しさん mailto:sage [2019/04/25(木) 23:17:22.96 ID:y3HhtnRW.net] いままでts部分だけ別ファイルに分離してたけどそれが要らなくなるのか。 581 名前：デフォルトの名無しさん mailto:sage [2019/04/26(金) 00:20:47.16 ID:EZ3WKoA+.net] 素敵やん 582 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 01:45:05.36 ID:TQCo9BVu.net] https://www.netbk.co.jp/contents/pages/lib/vendor.js?065e662c2c54549a5503 とある銀行のページ これが情報を抜き取りgoogleに横流ししてると主張してる人がいるんですが、本当でしょうか？ 怪しい所ありますか？ 583 名前：デフォルトの名無しさん [2019/04/27(土) 03:13:41.43 ID:xzIO4Xfv.net] こわくてふめない 584 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 03:26:49.88 ID:JS1TAJ/n.net] >>582 見てないけどそこがgoogleのサービス使ってたとことで ユーザーが気にすることじゃないだろ 横流しという言葉の意味分かってるのか？ 仮に同意無しに個人情報をどこかに売るにせよjsのコードで直に送るやつなんて居ない 585 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 08:03:15.52 ID:L1RdW04q.net] >>582 分からん。精々コード内のMITライセンスに関するコメント文からAngular.jsを使ってるって事ぐらいしか理解できん。 そもそもこれビルドされて人間が読む為のコードじゃなくなってるよね。どうやって読んだんだろ。 まぁ、その奇天烈怪奇な主張している池沼君に何を根拠にその結論に至ったのか聞いてみたら？ 因みに、横流しという言葉をどういった意味で使ってるかは知らないけど、もし俺が銀行のエンジニアで顧客情報をGoogleにコッソリ渡すなら、 客から見えるフロントエンドでなく、バックエンド側で直接データ送信するな。 586 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 08:17:20.43 ID:v2dpxdDf.net] チョゲ&アスカのアスカもギフハブにARアプリで監視されてるっていってたし、俺たちごときのエンジニアにはわからない最新テクノロジーで横流ししてるんだろ。 587 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 10:22:35.62 ID:asc+HFb4.net] クスリで強迫性障害を患っただけでは？ｗ 588 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 10:27:25.18 ID:Ud86wEGC.net] どうせマルチポストのリンク貼り魔じゃねーの？ なんでそこまで真に受けて延々と話してんのさ 589 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 13:06:16.02 ID:AcxZC3AZ.net] ギフハブ=github説ほんとすき 590 名前：デフォルトの名無しさん mailto:sage [2019/04/27(土) 13:38:35.30 ID:B1vN4PSJ.net] ジャップは信用ならない 591 名前：デフォルトの名無しさん mailto:sage [2019/04/28(日) 18:24:36.61 ID:z6tXR90P.net] Vuexが上手くラップされてる 592 名前：デフォルトの名無しさん mailto:sage [2019/04/29(月) 12:09:12.70 ID:Tj+nXMRU.net] JavaScript系FWでアプリを作るとソースコードを全部見られますよね ソース見てゲームなんかのアルゴリズムを解析されたら嫌なのですが、 ReactNative使ってアプリ作っても結局同じことですよね・・・？ 593 名前：デフォルトの名無しさん mailto:sage [2019/04/29(月) 12:44:45.24 ID:BTHjdLRh.net] 君で思いつく程度のアルゴリズムであれば、誰にとっても財産的価値は無いから気にする必要はないよ。 パスワード保護とかの手法なら、それこそ既存のライブラリ使ってください 594 名前：デフォルトの名無しさん mailto:sage [2019/04/29(月) 15:03:59.71 ID:YPlfmP4Z.net] え、チートを防ぎたいのでは 595 名前：デフォルトの名無しさん mailto:sage [2019/04/29(月) 20:25:45.63 ID:8c7yz0ci.net] だとしたらアルゴリズムを心配してるのがトンチンカンだな。 データの心配しろよと。 596 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 00:08:49.38 ID:IpLGLbh6.net] え、データだけの意味が分からない 597 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 09:52:43.85 ID:zI/Hh5N/.net] 解析されたら終わるルールはゲームとして良くはないね 本質は、乱数か人との戦いだろ。 それでも実装を見られたくないならwasm使うしかないんじゃない 598 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 10:03:24.48 ID:rYkykX8a.net] wasmも数年前に比べると大分手近になったよね 599 名前：デフォルトの名無しさん [2019/04/30(火) 13:01:01.81 ID:rEfIQMEI.net] >>687 犯人がネトウヨだったようだけど ヘイトスピーチしたネトウヨの糞のお前らは 在日に謝らなくていいの？ 600 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 13:04:10.71 ID:rYkykX8a.net] いったい何と戦ってるんだ？ 601 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 16:43:13.59 ID:c2yp3V/O.net] wasmの逆アセンブルなんて超簡単だが… 602 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 19:01:22.35 ID:SP4vcC0N.net] >>601 もし仕事でやれって言われたら、どれくらいの見積もりだす？ どこまでやるかは、君が「超簡単」と言ったときに思った範囲でいいよ。 603 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 19:20:56.57 ID:OogZbA54.net] スレ違いの話題で喧嘩すんなよ 604 名前：デフォルトの名無しさん [2019/04/30(火) 20:24:14.39 ID:xSDcdpWx.net] チートされたくないならサーバー上で処理するしかない ブラウザの実行されているPCは開発者のコントロール下には無いから 時間さえ掛ければ破れるだろう 難読化したりプログラムを複雑にして 実装されたセキュリティは Security through obscurityと呼ばれる 解析を遅らせたり、本気で解析する気の無い奴を遠ざける事は可能だが 不正行為から守る手段としては確実とは言えない 605 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 21:36:43.40 ID:nUvkUPx4.net] ゲーム板な話題なんでアレだけど不正検知の方が大事 クライアントサイドなんて遅かれ早かれ全部見られる 606 名前：デフォルトの名無しさん mailto:sage [2019/04/30(火) 22:06:02.83 ID:SP4vcC0N.net] ネットゲームは、解析されるまでに サービス終了させてしまえばいい それまでの間、解析されても無駄になるように 頻繁にバージョンアップする 607 名前：デフォルトの名無しさん [2019/04/30(火) 23:22:26.27 ID:fcz41J68.net] ゲームは知らんが、実際フロントのJSで解読されたく無い処理なんて無いよな。所詮データ表示してるだけだし。 608 名前：デフォルトの名無しさん mailto:sage [2019/05/01(水) 14:46:02.39 ID:Q6HQJPx/.net] フロントはサーバーからAPIやら何やらでデータ持ってくるだけだから無問題でしょ 609 名前：デフォルトの名無しさん mailto:sage [2019/05/01(水) 21:46:44.39 ID:/1G6hUdD.net] フロントが安くみられる理由ではあるな。 610 名前：デフォルトの名無しさん mailto:sage [2019/05/01(水) 21:56:12.32 ID:okVhT/cj.net] 所詮クライアントで出来る事しか出来ないからな 611 名前：デフォルトの名無しさん mailto:sage [2019/05/01(水) 22:09:52.31 ID:97t5KpT2.net] クライアントできることって、 例えば、3Dレンダリングとか？ 動画エンコーディングとか？ クライアントならすごいことできるって言いたいのかなぁ？ 612 名前：デフォルトの名無しさん mailto:sage [2019/05/02(木) 11:50:10.12 ID:Y46iLWky.net] プッシュ通知とかWebカメラ使った画像解析とかGセンサーとかね 613 名前：デフォルトの名無しさん [2019/05/02(木) 12:06:47.46 ID:DtNw2Ba7.net] フロントが軽く守られる風潮は営業がそうだからね。もう工数も人員的にも7:3ぐらいでフロント。 614 名前：デフォルトの名無しさん [2019/05/02(木) 12:07:17.03 ID:DtNw2Ba7.net] すまん、見られるね。 615 名前：デフォルトの名無しさん mailto:sage [2019/05/02(木) 13:03:14.76 ID:WWkY/KvO.net] その辺りの人間が勉強しないとな 616 名前：デフォルトの名無しさん [2019/05/02(木) 18:23:54.03 ID:gOrselrw.net] 真のフロントエンジニアがぜんぜんいない どいつもこいつもエセフロントエンジニアしかおらん 617 名前：デフォルトの名無しさん mailto:sage [2019/05/03(金) 16:03:38.35 ID:gYGrPyNn.net] CSSコンポーネントってどれがいいの？ 618 名前：デフォルトの名無しさん [2019/05/03(金) 19:01:46.34 ID:APX4kfTB.net] cssにまでコンポーネントなんか使わねえよ それいろいらやってみたが再利用性低いしものすごい使いにくい cssはjsの外に持つべき なんでもjsでやろうとするな そしてscss使え 619 名前：デフォルトの名無しさん [2019/05/03(金) 21:27:01.47 ID:fqcYoDWz.net] redux-actionsって便利っぽいのにgithubでredux採用プロジェクト見てもあんま使われてないのはなんか罠があるの？ 620 名前：デフォルトの名無しさん mailto:sage [2019/05/04(土) 10:14:57.37 ID:DqtcHd/u.net] メンテナの規模じゃね 実質1人だし 621 名前：デフォルトの名無しさん mailto:sage [2019/05/04(土) 11:01:16.00 ID:l237H6NF.net] 無駄なテンプレ化という印象しかない。 そのうち具体的に何書いてるかわからなくなってメンテ不可になりそう。 622 名前：デフォルトの名無しさん mailto:sage [2019/05/04(土) 20:14:11.36 ID:Ui9BQ5Tx.net] nodeでローカルに何かのライブラリインストールすると普通に3万個とか5万個とかのファイルができる それで作るアプリは初歩のjsで実現できるレベル 623 名前：デフォルトの名無しさん mailto:sage [2019/05/04(土) 21:45:06.68 ID:eyQzK648.net] >>622 何のライブラリをインストールしたの？ 624 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 13:43:38.99 ID:f2I/aDPf.net] ReactNative 625 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 14:12:43.76 ID:Gq6Oz0GG.net] 仕組み分かってなさそう・・・ 626 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 14:47:13.81 ID:tcRm4IYE.net] 特に何かってよりスレタイのフレームワークをCLIで入れるだけで相当数のファイル入るよね 627 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 17:59:01.33 ID:Q2loWuJO.net] windows使ってるならファイル数見てみたらいいよ 数万入ってる 628 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 21:57:26.76 ID:RohDjFeT.net] Vueは何が学習コストが低いだよｗ ちょっとだけ触るのに手間がかからないってだけの間違いだろ vuex router使うようなレベルになると なんら学習コストのアドバンテージはない 629 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 22:21:54.20 ID:tcRm4IYE.net] >>628 導入コストは低いけど決して学習コストは低くないよね 630 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 22:33:03.03 ID:f2I/aDPf.net] だからあれほどReactにしろと 631 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 22:48:36.49 ID:tcRm4IYE.net] Material UIってどうなの？他にもっといいのとかある？ 632 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 23:50:55.58 ID:yGiei76k.net] だからjQueryがほとんどのサイトでは適切なんだよ。 アプリなんて作るのはごく一部だから 633 名前：デフォルトの名無しさん mailto:sage [2019/05/05(日) 23:56:58.40 ID:N438PKgp.net] お前は自分の立てたスレに帰れよ 634 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 00:00:40.86 ID:hKkSY5j9.net] スレの数だけ、俺の居場所がある。 635 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 15:59:00.41 ID:5mvd4R5O.net] SPAはNuxtが伸びるだろうね Vueだけで規模でかくなるの辛いわ 636 名前：デフォルトの名無しさん [2019/05/06(月) 18:52:47.92 ID:3zTuKyjo.net] >>631 UI素人がMaterial UIで構築していたが、激しく素人感でていてさすがだと思った 637 名前：デフォルトの名無しさん [2019/05/06(月) 20:38:31.92 ID:kr7+hcA9.net] Vue CLI 3が出てもnuxt必要？ 638 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 20:44:38.03 ID:H+RoyPJ9.net] SSRってどれくらい必要なんだろうね GoogleではSSRなしでも正しく識別されるけどYahooだとダメとかそんな感じかな？ 639 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 20:53:31.17 ID:hKkSY5j9.net] そもそもアプリケーションを検索対象にしたいって時点で 使う技術が間違っていることに気づこう 640 名前：デフォルトの名無しさん [2019/05/06(月) 22:45:00.75 ID:uiqP2evc.net] SSRとかSPAとか用語乱立しすぎだろ 641 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 22:57:06.92 ID:G3XIPJCC.net] 今に始まったことじゃないやろ 642 名前：デフォルトの名無しさん mailto:sage [2019/05/06(月) 23:19:28.31 ID:hKkSY5j9.net] RとかSRとかSSRとか 643 名前：デフォルトの名無しさん mailto:sage [2019/05/07(火) 08:33:38.77 ID:oR0wekoP.net] >>635 SPAにするならNuxt要らなくね？ PWAと間違えてないか？ 644 名前：デフォルトの名無しさん [2019/05/07(火) 12:29:25.28 ID:IawlpAQn.net] SSRはどうにも眉唾なテクだよな。速度だけが目的で下手に実装するとカオスへの入り口。 645 名前：デフォルトの名無しさん mailto:sage [2019/05/07(火) 16:17:10.88 ID:bnJYSTEg.net] nuxtは規約があるのがでかい 最低限の秩序はほしい 646 名前：デフォルトの名無しさん mailto:sage [2019/05/07(火) 19:40:00.66 ID:xdfwJpdS.net] SSRとかそもそもやろうとしてることが不自然すぎるだろ。 647 名前：デフォルトの名無しさん mailto:sage [2019/05/07(火) 19:59:43.27 ID:ftZQ7zua.net] そのうちGoogleとかがSPAとか仮想DOMの方がSEO点数高くなるとかなればいいのにな 648 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 00:07:46.96 ID:1ScUuopK.net] SPAとか仮想DOMが使われていて、 かつ検索したいサイトをお前は思いつくか？ 649 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 00:11:28.70 ID:Oef/J+zG.net] 検索したいのはデータなんだからいくらでもあると思うが 650 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 00:18:34.32 ID:1ScUuopK.net] だからSPAや仮想DOMを使うようなもので 検索したいデータなんてあるのかって話をしてるんだよ ログインしなきゃ見れない個人情報を検索されたくあるまい？ 651 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 00:53:55.69 ID:Oef/J+zG.net] SPAや仮想DOMを何だと思っているのか 652 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 01:49:25.54 ID:UnJk27R+.net] 何に学習コスト払うか迷うなぁー Vue盛り上がってるけど案件ないだろ 653 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 02:23:35.82 ID:UnJk27R+.net] やっぱりがっつり使うならAngularだわ laravelのbladeと混在して使うならVue jqueryの置き換えがvueの形かなー 654 名前：デフォルトの名無しさん mailto:sage [2019/05/08(水) 02:36:56.71 ID:1ScUuopK.net] >>651 SPAの略のとおりだろ？ シングルページ "アプリケーション" アプリケーションの内容を検索したいなんて 思わないだろ 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　　　　 　　 �@　スマホでたいむばんくを入手　　　　　 �A　会員登録を済ませる　 �B　マイページへ移動する �C　招待コード→招待コードを入力する [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] �@環境構築済みで �Aコンポーネント作成者ではなく利用者側の場合、 めっちゃ簡単じゃない？ 難しいのは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