Vue vs React vs Angular Part.2

レス数が1000を超えています。これ以上書き込みはできません。
1デフォルトの名無しさん
垢版 |
2019/03/09(土) 22:02:33.71ID:47IMMy0/
実際どうなん?
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
http://mevius.5ch.net/test/read.cgi/tech/1545395856/

★ここではjQueryの話題は禁止です
★jQuery房が書き込んでも無視してください
2019/03/09(土) 22:10:59.54ID:7ubvtRZR
>>1 おつ

1. jQueryはシンプルに書けるVue・Reactは冗長

証拠 https://jsfiddle.net/t62b49mp/

JavaScriptのコードはこれだけ
$('.my-component [name="switch"]').change(function() {
 $(this).closest('.my-component').toggleClass('active', this.checked);
});

2. 信者「Vueならこれだけで動く!」

嘘1 isActive=false

嘘2 new vue({data:{isActive:false}})
https://codepen.io/anon/pen/MxmrjP (動かない)

嘘3
new Vue({
el: '#app',
data: {isActive:false},
})
https://codepen.io/anon/pen/XGgpZV (変な動きをする)

3. 結論
jQueryはシンプルに書けるVue・Reactは冗長
2019/03/09(土) 22:11:21.00ID:7ubvtRZR
 
Vue vs React vs Angular その2
https://mevius.5ch.net/test/read.cgi/tech/1552122580/
2019/03/09(土) 22:13:19.13ID:7ubvtRZR
実際vueの方がコードは長くなるわけで、
たった2行にバグが有るかどうかと
十数行にバグが有るかどうかでは
考えるまでもないな
2019/03/09(土) 22:14:44.65ID:7ubvtRZR
次はonclickを使う例にしようか?
jQueryだとコードは増えないが
Vueだとさらにコードが長くなる
2019/03/09(土) 22:18:50.81ID:KVQbeC9/
>>1
7デフォルトの名無しさん
垢版 |
2019/03/09(土) 22:23:27.65ID:e9DsS9n/
>>1
2019/03/09(土) 22:26:49.23ID:Cd0srXFW
NG用にワッチョイくらいは欲しかったな
9デフォルトの名無しさん
垢版 |
2019/03/10(日) 04:28:29.96ID:ViGvUIo5
韓国人のつくったkQuery = Vue
2019/03/10(日) 09:31:42.23ID:Q25DRVQl
スレタイに入ってるけどAngularのアウェイ感が半端ない
2019/03/10(日) 09:41:01.97ID:xzUDrYOg
>>10
なんで?
12デフォルトの名無しさん
垢版 |
2019/03/10(日) 09:44:10.94ID:q7odbdCi
>>10
俺はangularはサンプルいじって放置してるよ。実務で使うシーンが限定というか予定にない。自社でも受注にもない。
2019/03/10(日) 09:49:18.69ID:6nzJw0Ap
>>11
React、VueはJavaScriptでHTMLを作るものだから。
AngularはHTMLをベースにそこに特殊な属性をつける。
2019/03/10(日) 09:50:04.54ID:5/+zyaBC
>>1
乙!

>>2-5
死ね
15デフォルトの名無しさん
垢版 |
2019/03/10(日) 09:55:40.09ID:q7odbdCi
1から2への移行、というか再構築の苦労話見るとなあ。個人的に習得すべきかずっと迷ってる。
2019/03/10(日) 09:56:45.26ID:Q25DRVQl
>>11
今って言うか前スレで殆ど話題に上がらなかったなと
2019/03/10(日) 10:08:10.61ID:o7bvUAdf
>>12
何でAngularってあまり使われないんだろうな。

自由に構成を変えられない分、チームとして協業した時に構成を統一出来るし、
ベースとなるTypeScriptで型宣言出来るから変数に違う型をぶち込もうとしてたらIDEが教えてくれるからバグも少なく書ける。

これだけ大規模開発と堅牢なコーディングに向いてて、何故どこの企業もAngularで開発しようってならないんだろ。

一度Angularで開発始めてしまうと後戻りできなくなるからとか、
そもそもHTML、CSS、Javasceiptしか出来ない人間にAngularは荷が重いからとか?
2019/03/10(日) 10:57:03.30ID:KLmR+9gs
あとバージョン更新が速すぎる
7で安定すんのかな
2019/03/10(日) 10:59:39.20ID:6nzJw0Ap
>>17
用途が違うから。

Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい

ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分
2019/03/10(日) 11:18:18.33ID:Q25DRVQl
>>18
もう8のBetaが来てる
2019/03/10(日) 11:20:50.23ID:vz6CbeE1
Angular使ってる部署は使ってるな
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てするgoogleの体質
で使ってないな
googleの信用問題な気がw
2019/03/10(日) 11:35:33.25ID:Q25DRVQl
Reactもライフサイクルメソッドとか大幅に廃止になってたりするけどね
2019/03/10(日) 11:46:45.99ID:56gRJqyl
まだまだ先とはいえ、GoogleはいずれAngularを捨てて
Flutter for Webを推していくようになると思うぞ
2019/03/10(日) 11:49:48.39ID:6nzJw0Ap
それはReactも同じだよ。
Web Componentsがすべてを置き換える。

まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし
2019/03/10(日) 11:56:52.21ID:Q25DRVQl
>>23
AngularDartってのもあるからな
26デフォルトの名無しさん
垢版 |
2019/03/10(日) 12:02:33.55ID:9L4VxaVq
>>17
webの構成要素html、js、cssはとても壊れやすく脆い。altcss、altJSも結局はラップに過ぎん。そして動作するブラウザもどこかで不安定。

だからwebはライブラリやフレームワークが優秀でも堅牢とは言い切れない、どこか不安定な感じが拭えないんだよ。

その上流れの早い業界だから、速攻習得できて早く捨てられる。次に備える。そういうスタイルがwebに合ってる気がしてる。angularには腰が重くなる。
2019/03/10(日) 12:19:44.77ID:6nzJw0Ap
>>26
html、js、cssは登場してから大きく変わることはなく安定してると思うけど?
壊れやすいのはその周辺技術。同じことを違うやり方をしては消えていく
生HTML、生JS、生CSSに近いものほど長く生きている
2019/03/10(日) 13:50:12.38ID:nYjQhMLl
生たって小規模ならともかくjsの長ったらしいのなんかメンテできないだろ
ちゃんとしたlintツールとかあってチームとかでメンテできるわけで
2019/03/10(日) 14:08:14.61ID:6nzJw0Ap
lintツール使ってもjs自体はjsそのものだろ

生じゃないjsというのは、jsをjsではないものにするってこと
例えばCoffeeScriptとかね。

HTMLで言えば、HAMLとかあったがあれも死んだ
HTMLではないからだ。XHTMLもほぼ死んだ状態

jsもAltJSは殆ど死んだ。残っているのはTypeScriptというjs+αという
互換性があるものだけ。

CSSも生き残ってるのは、CSSと高い互換性があるSASSぐらい

標準の構成要素は消えないし、標準から離れれば離れるほど死滅するのが早くなる
ウェブのフレームワークも標準のDOMとは違うやり方をするので、すぐ消えるよ
2019/03/10(日) 14:12:35.25ID:Q25DRVQl
CoffeeScriptにしてもSassにしてもRails由来のものはあんま流行らなかったな
ScssはSassの一形式みたいに言われてるが本来のSass形式が受け入れられなかった結果だしな
2019/03/10(日) 14:14:23.21ID:6nzJw0Ap
>>30
俺が言ってるSassっていうのはプロジェクトの名前で
構文自体はScssだからね。
2019/03/10(日) 14:48:02.33ID:p6mXoDDk
インデントスタイルのほうが絶対いじりやすいのに
2019/03/10(日) 15:00:02.28ID:6nzJw0Ap
そんなものよりも互換性のほうが重要だし
テキストエディタの機能で小さな差は吸収される
2019/03/10(日) 15:31:18.74ID:nYjQhMLl
>>29
AltJsてことね、失礼
TypeScriptはやっぱ便利だね
Vueでもやりたいんだが周りがjsでやろうとするんだよな
2019/03/10(日) 15:34:45.50ID:nYjQhMLl
>>25
普通に考えれば
AngularはDartでやるべきなんだろうけど
2019/03/10(日) 15:34:57.99ID:Q25DRVQl
>>32
逆にインデント入れたらダメってルールはないし
37デフォルトの名無しさん
垢版 |
2019/03/10(日) 16:02:25.93ID:q7odbdCi
>>27
すまん言い方が大雑把だった。エンジンがどうこうじゃなく、最近は減っただけでブラウザ依存は無くなってないし、生cssやdomは貧弱すぎる。

本来の用途ではないのを時代の要求に合わせて無理やり実現してる感が凄い。それをフレームワークやIDEが必死の努力で隠してくれてる。

それは凄く有難いし新技術はワクワクするしvue reactは楽しい。でも独自記法が象徴する様に「コレは一時的なものです。今はこう書きます」というキナ臭さ凄い。ガッツリコミットできない。
38デフォルトの名無しさん
垢版 |
2019/03/10(日) 16:28:15.01ID:q7odbdCi
でも、なんかこのスレ見てたらangular勉強する気が湧いてきたわ。しばらく独学して判断するよ。
2019/03/10(日) 16:31:35.17ID:Q25DRVQl
>>38
これからGoogleMapもPWAになるって聞くしな
2019/03/10(日) 20:26:48.77ID:V0UGG6E/
Vue.jsは仕事で使ったけどイマイチな感じがした。
ちょっと入院するからreact native勉強するつもり。
このままサーバサイドエンジニアに追い込まれて終わらんよ
41デフォルトの名無しさん
垢版 |
2019/03/10(日) 22:13:45.27ID:bIlR+fk4
>>40
どんなところがイマイチ?
42デフォルトの名無しさん
垢版 |
2019/03/10(日) 22:13:50.36ID:q7odbdCi
>>40
そうだね、pwaは必須になると思う。よりネイティブアプリに近づく流れは避けようがない。
あとスレタイにある様に、現時点でjsフレームワークは3種類に絞られたと言って良いと思う。松茸梅じゃないけど、いい感じに出揃った。腰を据えて松のangular学んで良い時期なのかなと。
43デフォルトの名無しさん
垢版 |
2019/03/10(日) 22:15:05.06ID:q7odbdCi
ごめん安価間違えた。>>39へのレスでした。
2019/03/10(日) 22:19:55.62ID:o7bvUAdf
Angularに詳しい人に質問。

個別のコンポーネントで管理されてる状態を表す変数(例えばユーザーが入力した文字情報や、サーバーから取得したJSONデータ)を
コンポーネント間で共有したい場合、どこで保管するのが適切?

最初は単一のserviceに全ページの状態を示す変数をぶち込んで、単一のservice↔各コンポーネント間でデータのやり取りやデータバインディングやってたんだけど、
ページ数が増えるに連れて変数の管理がし辛くなっていったわ。

あと、データがserviceなんかにあるもんだから、データバインディングする際にも各コンポーネントのhtmlにクソ長い名前付けなきゃならなくてかったるい。

実現したいポイントは、

@コンポーネント間のデータ共有
Aどのデータがどのコンポーネントの状態を示すのかを明確にする
Bデータバインディングのコードの書きやすさ

なんだけど、なんかアイディアない?
45デフォルトの名無しさん
垢版 |
2019/03/10(日) 22:23:07.40ID:yzd/Af8M
PWAの実行環境としてウェブブラウザは最適なんだろうか。
2019/03/10(日) 22:29:16.09ID:Q25DRVQl
前スレでAureliaってのが出てたから試してみたけど
cliでプロジェクト作っても初期状態でnpm startすら碌にできんとか
流石にスレタイの3フレームワークとは同列じゃないなって思った
2019/03/10(日) 22:32:21.87ID:6nzJw0Ap
>>45
PWA=実行環境だよ

ブラウザをベースとしてOSがアプリのように
見える仕組みを追加する拡張されたブラウザ機能のこと

素のウェブブラウザが最適ではないからこそ
OSがその機能を追加してる
48デフォルトの名無しさん
垢版 |
2019/03/10(日) 22:41:57.30ID:q7odbdCi
>>44
すまん横槍なんだけどangularだけの問題じゃないので。
ネイティブアプリでもwebでもRxを使うのがトレンドだと思うんだが、それではダメ?
2019/03/10(日) 22:57:26.28ID:o7bvUAdf
>>48
えぇ…駄目って事は無いと思うけど、RxJSで一度取得した情報をページ遷移ごとに再度取得したり、ユーザーが仮で入力した入力情報を一々RxJSで送るって、面倒臭過ぎない?

俺は一度取得したデータや入力したデータはコンポーネント外のどこかに保管して、
データの更新がある時に再利用する、という方法が良いと思うけど。処理的にも通信量的にも。

もちろん、作るものによってデータの扱いは異なるだろうから、俺の考えが絶対に正しいとは思わないけど。
50デフォルトの名無しさん
垢版 |
2019/03/11(月) 00:23:57.94ID:lyQtF9ny
>>49
それは結構範囲が広い問題だねえ。設計思想にも関わってきそうな。ただデータの再利用部分なんだけど、単に通信量を減らすキャッシュ的なもの?なら簡単だろうけど、なにやら複雑そうだね。
2019/03/11(月) 00:26:48.86ID:JM6BoaCV
>>41
描画し終わった後に呼ぶメソッドはアレとか、前だとコレとかとっつきにくい。
まあriotよりはマシだが
52デフォルトの名無しさん
垢版 |
2019/03/11(月) 00:36:16.62ID:EA8HXttJ
>>44
それがfluxなんじゃないの?
53デフォルトの名無しさん
垢版 |
2019/03/11(月) 10:44:37.63ID:lyQtF9ny
>>49
ブラウザのデータ永続化も絡んでる?
2019/03/12(火) 00:33:48.58ID:jJAw+gN3
>>53
いやそこまでは。精々ユーザーが使っている間、具体的にはブラウザタブ開いている間くらいで考えてる。

JSONにしてsession storageにぶち込もうかとも思ったけど、データバインディングもしたいから
今んとこはserviceで管理するのが一番無難かなぁと。
2019/03/12(火) 02:23:44.41ID:UpxuEIqZ
Model(Application/Data) <----> View Model (JQuery/AnimeJS/DOM) <----> View(HTML/CSS)
56デフォルトの名無しさん
垢版 |
2019/03/12(火) 09:34:20.66ID:AFnQdIOq
>>54
5chじゃ詳しく話せないと思うんだけど少し範囲が広すぎるから、なにが具体例があると分かりやすい。今までの内容から、storeやrxやstorage,indexedDBでも解決に至らない問題って事だよね。

>データバインディングする際にも各コンポーネントのhtmlにクソ長い名前付けなきゃならなくてかったるい。

ここが核心で他は不便ではない、という事なら解決方法は全然違ってくると思うし。
2019/03/12(火) 10:16:12.94ID:q9ip16jC
>>51
俺の場合はReactNativeを仕事で使って、同じようなとっつきにくさを感じたから、今はVueやってる。たぶん大差無いんじゃないかな。
2019/03/12(火) 12:10:25.68ID:7g9xGTjE
vueのtsサポートってどんな感じ?
普通に使える?
59デフォルトの名無しさん
垢版 |
2019/03/12(火) 12:47:29.02ID:AFnQdIOq
>>58
俺は普通に使ってる。特に問題ないよ。
2019/03/12(火) 22:43:17.38ID:yqMuNo3c
Fluxってsetterで値をセットし、getterで値を取得しましょうってことでいいの?

それともsetterの代わりに、メソッドで連想配列に値を入れて
getterは使わず、内部構造の連想配列をそのまま取得ってこと?
2019/03/13(水) 00:03:24.50ID:PAp5WAI8
>>56
「解決に至らない問題」というとちょっと違ってて、やりたい事は出来るんだけど、「もう少しシンプルで書きやすく、分かりやすい書き方はないか」と悩んでる。
今やってる事の目的と具体例を出すと、次の様な感じ。
【やりたい事とアプローチ】
コンポーネント間で画面遷移しても画面の状態が保持されるようにしたい。
そこでコンポーネントではなく、サービスにサイトの状態を保持させる。
【具体例】
『component』
・A.component.ts / html
・B.component.ts / html
『service』
・test.service.ts
 public val: any = null; // Aの状態を保持するメンバー変数。
 
1)TestServiceをA、Bそれぞれのコンストラクタで読み込む。
2)Aのcomponent.tsでデータを取得し、serviceのvalに格納。
this.testService.val = result; // 中身は { res : "OK" }

3)Aのcomponent.html上でデータをバインディングで表示。
{{this.testService.val.res}}

4)AからBに画面遷移。
5)component.tsで、取得したデータをオブジェクトの一部に格納。
var result = { res : this.testService.val.res, num : 123 }

結論としては↑のやり方でAで取得したデータをBで参照する事には成功したが、次の問題が出て来た。
・TestServiceにもっと多くの変数があると、どの変数がどのページの状態を示すかが分からなくなる。
・VS Code だとhtml編集時にtsの補完が効かず、htmlのバインディングの構文
{{this.TestService.val.res}}
を書くのが面倒。

何かズラズラと書き上げてて、だんだん設計がよろしく無い気がしてきたわ。いっぺん設計を考え直してみるわ。
62デフォルトの名無しさん
垢版 |
2019/03/13(水) 01:32:34.62ID:N5s6avwa
>>61
ちょっと俺もangular勉強中だから近日中に答えるわ。
ただ気になるのが4)のA>Bに遷移した後、リロードが発生したら表示できなくなる気がするんだけど。。urlが同じならAに戻るだけだから問題ないと言えば無い。のかな?
または、A>Bへの遷移後Aは破棄されず再び更新が発生した場合サービス側で注意深く処理しないとせっかくのBのバインドが外れてしまう。
ごめん実装と例は違うんだろうけど、パッと見て気になったところ。
63デフォルトの名無しさん
垢版 |
2019/03/13(水) 06:45:39.95ID:82TbnNci
それ
リロードが発生するとデータが消えるのは論外なのでリロードしても大丈夫なようにしないといけない
2019/03/13(水) 07:00:36.64ID:YzEG8kXL
名前が長くなるのはいやがらない方がいいと思うけどな。シンプルな名前にすると背後に潜む仕組みがわかりにくくなって逆に不安になったりしない?
2019/03/13(水) 07:03:11.66ID:YzEG8kXL
{{this.TestService.val.res}}

こう書いてあると、他の人が見たときにわかりやすくてよい名前だと思う。
2019/03/13(水) 08:57:38.95ID:YvUB85FK
ReduxならlocalStrageのミドルウェアがあったな
67デフォルトの名無しさん
垢版 |
2019/03/13(水) 09:40:05.85ID:N5s6avwa
現段階での改善案なんだけど、
1:Aのロード部分はサービスへ。
2:AB共にサービスからrx経由で取得。
が基本だと思う。要はコンポーネント内で直接ロードしない。この修正だけで随分見通し良くなると思うよ。
あとはサービス側でキャッシュなり永続化なりお好きな様に。
68デフォルトの名無しさん
垢版 |
2019/03/13(水) 11:07:16.09ID:xsp0OITE
頑張らなくっちゃ〜 頑張らなくっちゃ〜
うんちもプリップリッ おしっこもジャージャー
頑張らなくっちゃ〜 頑張らなくっちゃ〜 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
69デフォルトの名無しさん
垢版 |
2019/03/13(水) 11:20:41.84ID:82TbnNci
・サービスの根幹に関わる部分はflux概念で管理
・その部分はどのページでリロードしても破綻しないように管理する
・見た目とかリロードで変更されても問題ないstateはそれぞれのコンポーネントで管理


こんな感じかね
2019/03/13(水) 12:36:13.64ID:M+m6pFpm
リロードしてもステート変わらないの?
何のためにリロードするんだろうな。
そんな糞サイト二度と行かないわ
71デフォルトの名無しさん
垢版 |
2019/03/13(水) 12:56:53.92ID:sDP8Zfpo
何のためにリロードするのかってユーザーが勝手にリロードするからだろ
糞サイトだろうが優良サイトだろうがリロードするやつはリロードする
そんなことすら理解できないバカを自己紹介すんな
2019/03/13(水) 13:27:25.76ID:M+m6pFpm
何を期待してリロードするのかということなんだが…
リロードしてもリロード前とステートまったく変わらないの?
そんな糞サイト二度と行かないわ
73デフォルトの名無しさん
垢版 |
2019/03/13(水) 14:00:09.36ID:sDP8Zfpo
>>72
お前がバカだから理解できないのはわかった
2019/03/13(水) 14:51:42.99ID:C11CZt6j
馬鹿と馬鹿が言い争っていてワロタ
jQueryおじさんの俺が説明してやろう

リロード自体が要求になってるんじゃないんだよ。
重要なのはURLに対応した表示になるということだ

例えば、誰かにこのページ見てくださいってLINEかなにかで送った時、
相手もそれを同じ内容で見れるということが重要なんだよ。
それが出来てれば自然とリロードにも対応する

それから進むと戻るな。ブラウザで進むや戻るを押したとき
URLが変わるが、内容もそれに対応して変わらないといけない
これもURLい対応した表示ができるならば自然と実装できてることになる

リロードした時に表示内容が変わる変わらないは関係ない
データが更新されりゃそりゃ変わるだろ。それは問題ではなく
URLに対応して表示がされてるということが重要なんだよ。
75デフォルトの名無しさん
垢版 |
2019/03/13(水) 14:55:47.58ID:N5s6avwa
>>72
逆だよ逆。リロードしてもステートは基本変わっちゃダメなんだが。。別の何かと勘違いしてない?
2019/03/13(水) 15:05:53.98ID:C11CZt6j
URLに乗っけるべき情報(ステート)と
そうでない情報を明確に区別して考えてるかい?
それぐらいSPAの基本になってるはずだろう?

なんかそういう前提基礎知識無いまま
フレームワーク使ってる!SPAが得意!俺SPAやってる!
みたいな馬鹿多そうだよね
77デフォルトの名無しさん
垢版 |
2019/03/13(水) 15:08:42.76ID:sDP8Zfpo
>>74
お前は巣に戻れ
78デフォルトの名無しさん
垢版 |
2019/03/13(水) 15:16:56.45ID:N5s6avwa
そうだな、皆さんスルーの方向で。
2019/03/13(水) 15:22:27.03ID:C11CZt6j
じゃあID変えるわw
2019/03/13(水) 15:41:41.69ID:spDmUHe4
仲良くしろよマン参上!

仲良くしろよ
2019/03/13(水) 16:02:58.96ID:096TGv3x
だからlocalStrage使う方法調べりゃいいだけしゃね?
どのフレームワークの話かはしらんけど
82デフォルトの名無しさん
垢版 |
2019/03/13(水) 16:56:50.71ID:N5s6avwa
今angular入れて色々弄ってるんだけど、思ってたより分かりやすかった。これは食わず嫌いだったかも知れん。lonic2も良い。
2019/03/13(水) 22:36:26.58ID:XQdSKsp+
今入院中でこの暇な時間使ってmacbookでreact nativeの開発環境構築したんだが、再起動しようとしたらmacOsの更新で引っかかってtimemachineで今朝に戻ってまたやり直しだよ。
Iphoneのデザリングは思わぬところで使えないな。
今日だけでパケット使用量が27.5GB超えたわw
2019/03/13(水) 23:12:47.46ID:/iq5uPyI
ツッコミ待ちか?
2019/03/14(木) 01:02:58.29ID:ru/Uognt
>>67
あぁそうか。コンポーネント基準で状態を保持するんじゃなく、RxJSを基準に取得した情報の管理をすりゃいいのか。なんとなく分かったわ。

あと、サイトのリロードについては特に書いてなかったけど、リロード時にはクエリにレコードのidでも埋め込んで、
ABそれぞれでTestService呼べばいいか。

>>65
説明が悪かったわ。変数名が長いのが「めんどくさい」の根本原因じゃなく、
VS Codeでコンポーネントのhtmlに変数を書く時に補完が掛からないからいちいち変数部分だけコンポーネントで書いて、
それをhtmlにコピペするって作業してるけど、その作業がめんどくさいんだよ。

htmlにクソ長い変数名貼り付ける際にコピー範囲間違えて、貼り付けた内容の間違いに気付かなくて、
serveして動かねー!なんて事も結構あったから、何か予防出来る良い方法(出来れば補完を効かせる方法)無いかなぁと。
2019/03/14(木) 01:08:44.08ID:r/2mZZxz
Angularの人多そうだね
自分はReact派なので話がよく分からないわ
87デフォルトの名無しさん
垢版 |
2019/03/14(木) 08:12:54.12ID:OwP0/eKx
きちんとIE11でも動くように確認してる?
2019/03/14(木) 09:12:46.32ID:ejdidB2K
>>86
前スレでは殆ど話題にならなかったけどな
89デフォルトの名無しさん
垢版 |
2019/03/14(木) 09:48:52.88ID:cYcIRmqP
>>85
ロードはそれで良いと思う。

あと補完部分だけど、俺はwebstorm使ってるからすまんけどvscodeだとどうなるのか分からない。でもそれ補完できるのが普通だから設定でどうにか出来そうな気がするんだけどね。。
90デフォルトの名無しさん
垢版 |
2019/03/14(木) 09:49:55.66ID:cYcIRmqP
>>85
まだangular初心者なんで勘違いしてるかも知れんけど、webstormだと補完効いてる様に見える。少なくともコンポーネントのpublicな変数がhtmlで補完効かないという事は無い。注入したサービス内のプロパティも補完効く。

一度試してみたら?30日のトライアルあるし。インスコしてプロジェクト読み込むだけですぐ確認出来るよ。少し高いが。。サブスクだし。
91デフォルトの名無しさん
垢版 |
2019/03/14(木) 09:58:02.68ID:cYcIRmqP
>>86
俺もreact vue派だよ。ただ聞いてた様なangularの急な学習曲線は無いと、現段階では思う。まだ全体を比較できるほど知ってる訳じゃないけど。
92デフォルトの名無しさん
垢版 |
2019/03/14(木) 17:30:00.98ID:cYcIRmqP
ふと思ったんだけど、vscodeにangularのextension入れて無いから補完効かないとかじゃ、、違ったらすまんね。
2019/03/15(金) 09:00:46.58ID:sCYeu0PB
nuxtとかVuepress使ってる方いたら、使用感とか不満点とか教えてください。
94デフォルトの名無しさん
垢版 |
2019/03/15(金) 10:31:41.22ID:oX4qYXDT
>>93
Nuxtでssrにexpress使用する場合って事?仕事で使ってるよ。
create-nuxt-app で pwa, express, vuetify 指定。
色々世話焼いてくれるのは良いけどカスタムしようとすると少しトリッキー。ルータ周りとか。元が緩いから常に複数のやり方がある。たまにコレで正しいの不安になる。不満点としてはそんなもん。
2019/03/15(金) 11:49:10.14ID:grzsyouu
職場のとなりのおっさんが秀丸でAIのフロント作ってた
設計もデザインもコーディングも全部一人で完結させてた
Reactも丸暗記してるみたいで秀丸で手打ち

手練れの人ならvscodeなんて要らない
2019/03/15(金) 11:54:10.30ID:4uXCwYPV
つ メモ帳
2019/03/15(金) 12:31:05.49ID:sCYeu0PB
Webstormと違ってVSCodeは無料なんだから、そこまで嫌わなくてもいいだろう
98デフォルトの名無しさん
垢版 |
2019/03/15(金) 12:36:40.24ID:oX4qYXDT
>>95
凄え。。俺には到底真似できん。
2019/03/15(金) 13:26:57.92ID:soCAaGQV
vimじゃねえのかよ
2019/03/15(金) 14:43:00.90ID:xg5ImndD
一方俺はVS Codeでバグが見つかり一時間考えてもわからず人に聞いたらただの変数名の間違いだった
2019/03/15(金) 15:53:30.81ID:RoIPOHxI
Reactで長いスペルって
componentDidMountとかライフサイクルメソッドくらいじゃない?

あとパッケージ名とか
2019/03/15(金) 18:30:15.60ID:Ub8vdKeJ
>>95
残念ながら、それでは比較になっていない。

同等の手練の人でvscodeを使う人と秀丸を使う人の
両方を用意して比較して初めて意味がある。
2019/03/15(金) 19:23:38.69ID:4uXCwYPV
そういうの文系ではapple to appleの比較って言うけど理系ではカッコよくなんて言うんだっけ?
2019/03/15(金) 21:07:09.57ID:2KXTO6ja
まあ実際のところメソッドの綴り思い出すくらいのことで生産性が上がったり下がったりはせんわ。
2019/03/15(金) 21:43:10.81ID:Em1ZGZeP
つーか仕事で縛りプレイするなよ
2019/03/15(金) 22:57:48.26ID:Q5qTdV/M
vscode嫌ってるとかでなく、よく知らない・導入面倒そう・そのうち考える くらいの感覚で
現状維持(秀丸継続)してるだけだと思うよ
2019/03/15(金) 23:07:57.45ID:T3qDIaug
(知り合いなの?)
108デフォルトの名無しさん
垢版 |
2019/03/15(金) 23:19:53.06ID:oX4qYXDT
秀丸でもホットリロード効くのかね。試すつもりもないが。
2019/03/15(金) 23:52:43.11ID:FowMnS0c
>>108
ホットリロードはwebpack-dev-serverの構成だろ
2019/03/17(日) 09:13:50.38ID:CtYDlaLX
正直コード補完って要らなくね?
2019/03/17(日) 09:52:45.29ID:VrxWLsvb
うそつきコード補完ならいいのか
2019/03/17(日) 16:31:11.50ID:B3aOMEx5
>>110
お前さんだけ補完オフにして使えば良いじゃん。
2019/03/18(月) 09:08:50.14ID:OsNQoPQN
ワッチョイなくなったからとれか分からんくなったけどReactマスターのオッペケはどんな環境でコーディングとかデザインとかやってるの?
2019/03/18(月) 20:14:26.90ID:yGXBPngH
>>17
マジレスすると大規模案件は多い

ただし、学習コストが尋常じゃない
そりゃ半年に1回大規模なアプデ入るような言語は学ぶのキツイですわ

あと、これ選んでる会社は開発が投げ捨てグーグルというのを忘れてる
グーグルだから信用できるってどんな思考回路でそうなるのか
2019/03/18(月) 22:26:10.82ID:BmcHHai5
ふ、flutterで蘇らせたしっ!
116デフォルトの名無しさん
垢版 |
2019/03/18(月) 22:42:22.12ID:ZOriKmN7
>>113
VScode
cloud9
Photoshop
たまにイラレ
2019/03/19(火) 00:09:33.27ID:Lq9HjVmO
モックアップ作るときは最近はどんなソフトがいいんだろ
2019/03/19(火) 00:40:22.28ID:ukYFNMNh
XD
2019/03/19(火) 03:16:20.90ID:ttfascNs
>>114
androidstudioは?
120デフォルトの名無しさん
垢版 |
2019/03/19(火) 10:29:57.40ID:SaRhAIF3
>>114
まあangularは過去やらかしてるから不満なのはわかるよ。でもどうせ5年もすればガラッと様変わりするのが常だし、しょうがない。pwaが本当にアプリの大部分を置き換え得るのか誰にも分からない。
2019/03/19(火) 12:35:42.07ID:n03O5Nop
>>119
もうオワコンでしょー
中身は最低限の機能でバックの方で更新一括すればいいし
何度もアプデはユーザーにも開発にも負担がかかる
2019/03/19(火) 19:16:33.24ID:48OEK8cP
現行クロスビルドするためにAndroidStudio入れなきゃいかんのがめんどいよね容量食うし
SDKだかだけ入れても結局足りんし
ちゃんとクロスビルド用で必要十分で最小限の切出ししてくれんもんかね
2019/03/20(水) 07:02:54.00ID:ko5dqk7s
>>121
何使ってるの?
124デフォルトの名無しさん
垢版 |
2019/03/20(水) 09:09:20.93ID:qH5NavgF
ん?androidのネイティブアプリでandroid studio以外の選択肢があるのか?ゲームなら分かるが。
2019/03/20(水) 09:29:19.96ID:l3iUozjv
angular.jsはもう死んでいる
2019/03/20(水) 09:33:59.53ID:+M/58d6h
もうReact.jsってのもないよね
もう.jsって付けてるのはVueだけ
2019/03/20(水) 12:23:58.01ID:sMrrhESD
つまりVueだけが生き残ってangularもなんちゃらもオワコンって事でok?
2019/03/20(水) 12:25:29.33ID:KzgtImdp
いいよいいよめんどくさい
満足したら帰れ
2019/03/20(水) 14:41:20.20ID:VnHP/Zl1
あたし今夜は帰りたくなーい
2019/03/20(水) 22:22:23.69ID:Q7FR5aXP
じゃあ会社に泊まり込んで朝までVueしよう
2019/03/21(木) 02:04:21.51ID:2UUDJxzq
Evan「今日からSPAとして働いてもらうからな」
JS「えっ?おじさん誰?」
Evan「Vue!」
JS「え?ちょっと縛らないで!なにコレっ、 v-◯◯属性ってなんなの!気持ち悪いっ、私のDOMどうなってるのぉ!」
Evan「ディレクティブだよ。リアクティブにDOMを書き換えるんだ。Reactの◯SXよりも気持ちいいだろう、俺のテンプレート構文」
JS「気持ちよくなんか、んっ」
Evan「はしたないデータフローにはご褒美のV◯exだ」
JS「いやああ… (ごめんね…React…)」
Evan「うっ、見てごらん、これがコンポーネント作りだよっ!(ヴューッ)」
2019/03/21(木) 09:00:54.84ID:fnYprB/J
>>127
フレームワークになったからだよ。
2019/03/21(木) 09:55:07.53ID:SttJfC3V
>>131
v-Sexってなんだよ!?
134デフォルトの名無しさん
垢版 |
2019/03/21(木) 13:08:33.79ID:5dV11zdl
フレームワークは3年くらいでオワコンになるし、何かいきなり新しいのがでてきて急にオワコンになることもある
2019/03/21(木) 15:04:52.01ID:SWMlpuY2
Angularは2系にイキナリ切り替わって呆然
以来React派に転向
メリケンではVueよりReactが優勢
136デフォルトの名無しさん
垢版 |
2019/03/22(金) 21:47:59.16ID:IYk7fwKO
ほんと世の中ガチでフロントエンジニアリングできるエンジニアっていないんだな
エンジニアリクルートサービス利用してポートフォリオみてるけどどいつもこいつもウンコレベルなのに、できます!アピールだけすごい
作ったアプリみたら酷いな
2019/03/22(金) 22:00:16.69ID:fHZvfEvf
AngularJSの時代なんてjQueryしか使ってなかったから過去の仕様がバッサリ切り捨てられたとかどうでもいい
大事なのは現行の仕様が実用的にどうかというところ
2019/03/22(金) 22:19:38.60ID:LxFBiDFh
>>136
ポートフォリオのどういうとこ見る?参考にしたい
139デフォルトの名無しさん
垢版 |
2019/03/22(金) 22:59:48.83ID:IYk7fwKO
>>138
全部みるけど
特にUI/UXがクソすぎる
ど素人通り越して人間以下の能力しか感じられない

ちなみにリクルートサービス担当者に聞いたら、できる人はほとんどいませんだって
なのに単価クソ高え
2019/03/22(金) 23:08:18.72ID:Xjl+z3zG
>>139
うーん…感情的な書き方で問題の本質がさっぱり分からん。

そのポートフォリオは具体的にどんなUIで、どういった点に問題を感じたん?

またその問題に対して、どういった改善を求めてんの?
2019/03/22(金) 23:19:38.21ID:ueV00U8L
UIUXなんてなんか使いづらいって感じた瞬間駄目なサイトだろ
142デフォルトの名無しさん
垢版 |
2019/03/22(金) 23:28:04.83ID:IYk7fwKO
>>140
UIとして機能していない
反応がない
フォントバラバラ
ローディングなし
結果の明示がない
UIがくずれている
導線がわからん
なぜそこにそのボタンがある?
色がダサい
見にくい
古すぎるデザイン
レスポンシブではない
テキスト内容がクソ
エラー表示なし
ソースが汚い
classが適当
htmlも適当
意味不明のダサい画像
無駄にかっこよくみせようとして逆にムカつくタイトル名
センスの欠片もないUI
UXゼロ
データ表示をフォーマットさせていない
必要な機能が実装されていない
見るだけ不快
これでスペシャリストとかマジで一回死んでやり直せ
そのくせアピールだけすごい

私は月100万です
へえ、じゃこれ1日でできます?
………
お前には10万でも高えわ
2019/03/22(金) 23:39:39.09ID:LxFBiDFh
それは初心者なだけでは…
2019/03/23(土) 00:11:57.71ID:z2HpA2Km
「誰でも未経験から3ヶ月でフリーランスになれる!」
145デフォルトの名無しさん
垢版 |
2019/03/23(土) 00:39:40.39ID:2pZbPAny
>>143
それがベテランってやつでもほんとできないんだよ
いなくはないけどほとんどの奴ができない
146デフォルトの名無しさん
垢版 |
2019/03/23(土) 00:41:01.63ID:2pZbPAny
この前も時給8700円提示してきた奴の開発案件見せてといったら自分から断りやがった
2019/03/23(土) 00:44:46.37ID:enzaJQTj
>>142
もう自分でやれば?雇ったふりして自分でやれば丸儲けやん。
2019/03/23(土) 02:05:30.44ID:AwTFibe4
ポートフォリオってデザイン凝ってればいいんでしょ
2019/03/23(土) 08:17:57.37ID:4V4ijAbJ
1人月100万円が最低ラインで、その人の給料は30万円ぐらい。
残りの70万円は会社がもらって、経費に当てる

「3:3:3:1」の法則。
会社の売上の内、仕入が3割、人件費が3割、その他の経費が3割、利益が1割だから、
会社に100万円を払っても、30万円の人しか来ない

つまり社員還元率が30% と言うこと。
ただし、ソフトウェア業界は仕入が少ないから、もう少し還元率は高いかも

派遣社員なら、70% ぐらいあるけど、仕事がない時の給料保証がない。
エージェントなら、90% ぐらいあるらしい
2019/03/23(土) 09:47:30.16ID:XGFDvTiq
>>142
沢山書き殴ってるけど、要するにコーディングだけじゃなく設計も出来る人材が欲しいの?

それなら派遣じゃ無理だよ。設計まで出来るエンジニアなんてどこの会社も欲しがるんだから、
設計出来る人間は派遣社員なんてやらずに普通に正社員として就職してるよ。

あと派遣でhtml、css、Javascript辺り扱えていば立派な方だよ。(そのポートフォリオを本人が作ったという保証はないけど。)

派遣会社の連れてくる人材なんて、下手すりゃキーボードすらろくに触った事無い奴が
「プログラミング歴3年以上」の中堅社員相当の人材として送られてくるんだから。
151デフォルトの名無しさん
垢版 |
2019/03/23(土) 10:06:36.77ID:2pZbPAny
>>148
それで実際にポートフォリオ出してみたらいい
デザイン凝ってます!って言ってみな
それで欲しがる会社もあるとは思う
なぜならフロントエンジニアで使える奴はほんといないから

>>150
派遣ではないね
まあエンジニアはフリーランス多いからフリーランスか、転職希望者のみ

フロントエンジニアなのにフロント設計できない奴しかいないのかな?
設計もできないしコーディングもクソだしUIしょぼいし、どこにエンジニアとしてのスキルあるのかまったく不明

やっぱできる奴は大手企業とかの正社員にしかいないのかも
2019/03/23(土) 10:31:51.23ID:wJSaeQ2F
会社がポートフォリオに何を望むのか明確に示して無いんじゃないの
オリジナリティなんか要らねぇ実用性重視だって
2019/03/23(土) 11:37:16.69ID:V0vJvcu9
> やっぱできる奴は大手企業とかの正社員にしかいないのかも

大手企業のできてるサンプル見せてほしいっす。
それと同じレベルのものを作ればウケるんでしょう?
154デフォルトの名無しさん
垢版 |
2019/03/23(土) 11:51:23.27ID:2pZbPAny
>>153
大手が公開しているサンプルすら自分で見つけられないなら才能ないから無理
他人に聞くのではなく自分で判断できないとダメじゃん
2019/03/23(土) 12:09:25.66ID:YhyYiXH6
>>153に才能があるかどうかを確認する場ではないのでは?
2019/03/23(土) 12:36:16.25ID:Hhu/fM13
スクールで素養ありそうなやつに声かけて自分で教育したほうが確実だし、安上がりだぞ。
2019/03/24(日) 06:19:57.51ID:2N4L6w/5
安上がりか
できる人はすぐ転職してく
2019/03/24(日) 10:10:01.68ID:0R743LPx
普通に安く使おうとしてるクズ野郎なんじゃないかと思われる。
2019/03/24(日) 11:34:45.84ID:erZKtJ/5
経営者的には安い雇えるに越した事はないだろうが、
安い人材はそれなりだからなぁ。
SPAの場合、多くは安さより品質を求めている会社が
導入するわけで、安かろう悪かろうではあまり意味を
なさないと思われる。
2019/03/24(日) 15:29:49.58ID:F4bH4vNn
自分でやりたくない、金払いたくない、人育てたくない ってきたら、もうオフショアしか残ってないぞ
2019/03/24(日) 16:01:03.66ID:qUrMSiUk
wordpressや!
2019/03/24(日) 17:13:41.89ID:0R743LPx
>>160
業界から消えてもらうのが本人にとっても他の人にとっても幸せなパターン。
2019/03/24(日) 18:31:15.31ID:WlMiws5A
ホームページビルダーや!
2019/03/24(日) 18:39:19.94ID:STY4p2iS
>>163
あれって今使うメリットってなんかあるの?
2019/03/25(月) 12:00:48.87ID:ci2yIkxV
老人向けパソコン教室の業者が儲かる
2019/03/25(月) 13:12:00.05ID:iswbtBwo
自分でやりたくない、金払いたくない、人育てたくない って場合にホームページビルダーや!
2019/03/25(月) 13:16:02.91ID:8zI0ePtf
ホームページビルダーは誰がやってくれるんだ?
自分でやりたくないんだよね?
2019/03/25(月) 16:25:12.82ID:YCEsIQrW
新入社員
2019/03/25(月) 18:43:40.12ID:8zI0ePtf
育てる気ないのに新入社員?w
2019/03/25(月) 21:03:40.98ID:JPIVAS98
ホームページビルダーで妥協するから激安人材に依頼できるってロジックだろ?わからないポイントある?
2019/03/26(火) 08:46:21.93ID:58mL9VVV
日本の大企業のみ→Angularはグーグル製!!信頼できる
零細企業、またはアジア圏→使いやすさでやっぱりVue
欧米→安定的なアプデで信頼できるReact
個人→jqueryで良いんじゃね?
Google→ある程度の金貰ったし、Angularのメンテ面倒くさいから没プロダクトにするか(笑)
2019/03/26(火) 09:05:00.14ID:N+0q4aWD
Googleが本当に流行らせたいのはAngularDartなんだろうけどな
2019/03/26(火) 09:09:55.79ID:pnvMlsp3
dartはflutterで成仏しろよもう
174デフォルトの名無しさん
垢版 |
2019/03/26(火) 09:19:45.20ID:vnNR+XHY
angularとvueが大規模、小規模て分類は間違ってはいないけど、学習の難易度的にはそこまで変わらんと思うよ。angularと比較するならvueはnuxt.jsになるだろうし、どっちも覚える事多い。使い分けは出来た方が良いから結局どっちも覚えるべきなんだろうね。
2019/03/26(火) 10:40:24.41ID:/d5ctMB8
reactでいいんじゃね?
アメリカに着いてくのが一番
奴らが標準規格の主導権持ってんだからね
2019/03/26(火) 10:41:08.50ID:E1WCPVyW
>>172
Google謹製Flutterの今年のロードマップ
https://github.com/flutter/flutter/wiki/Roadmap
> Making the Hummingbird project (Flutter running on the Web) available to developers.

年内には
  Google Angular(TypeScript)チーム
    vs
  Google AngularDartチーム
    vs
  Google Flutter(Dart)チーム
になりそうだ
177デフォルトの名無しさん
垢版 |
2019/03/26(火) 12:16:22.63ID:vnNR+XHY
個人的にはスレタイにある vue react angularは3つでバランス取れてると思うよ。それぞれ特徴あって案件次第で使い分けできるサイズ感。ただ願わくばこれ以上増えて欲しくない。。
2019/03/26(火) 16:03:08.26ID:6fSL/Yx4
HUMBLE BOOK BUNDLE: WEB PROGRAMMING BY O'REILLY
https://www.humblebundle.com/books/web-programming-oreilly-books
https://www.goodreads.com/list/show/134093.Humble_Book_Bundle_Web_Programming_by_O_Reilly

それぞれ高評価のオライリー本バンドル。ここの3つも入門レベルとは言え取り上げられてるし、一冊$1以下でDRM Freeとかお得杉
2019/03/26(火) 17:22:58.54ID:pnvMlsp3
まず合法なの?
2019/03/26(火) 18:45:34.41ID:ByGWt+2d
欲しいけど英語読めない
2019/03/26(火) 20:13:15.22ID:6fSL/Yx4
humbleは元々はゲームバンドルから始まったが、すでに足掛け8年続いてるわけで、今までもオライリー含めて様々なeBookバンドルやってるから大丈夫

小説や時事ニュースならともかく技術書の英語なんて平易だしコードも追えるからイケルイケル
後から足せるしとりあえず$1枠で行ってみれば。

FlaskとVue, React目当てでポチった
2019/03/26(火) 20:41:10.00ID:5xjl/lcy
Reactの翻訳版持ってるけどcreateClass時代のやつだから今はもう役に立たないぞ多分。
2019/03/26(火) 22:40:09.39ID:aW2tbkLS
reactはそんなに学習コスト高くないと思うのだがどうだろう。
2019/03/26(火) 22:51:03.80ID:/d5ctMB8
reactは設計時の論理的思考力が試される
angularは勉強時にたくさん覚える力が試される
2019/03/27(水) 20:59:46.71ID:xYSDbXJ2
>>184
ジャップには向いてるな
なお、インスタントエンジニアしか生み出せない模様
2019/03/27(水) 21:53:35.70ID:3FrdPdun
所詮JSだからエセエンジニアだよ
Javaエンジニアに比べたら偽物でしかない
2019/03/27(水) 22:10:33.57ID:3FrdPdun
>>185
>>186


天下のJavaエンジニア様が↓これですか?
池沼バカですよね?

952 名前:仕様書無しさん [sage] :2019/03/22(金) 14:13:13.12
Javaでシングルページアプリケーション作れないよ
道具うんぬん言われてもReactかVueかAngularしかないよ

953 名前:仕様書無しさん [sage] :2019/03/22(金) 14:18:43.51
J a v a A p p l e t
2019/03/28(木) 22:58:23.12ID:YBiOenih
JAVAもJavascriptも両方書けるけど、別にどっちが書ければ偉いとか無いなぁ…。

つーか、プログラミング言語なんて別に覚えようと思えばどの言語でも覚えられるんだから、
わざわざ派閥作ってどれが良いかで抗争ごっこなんてする必要無いだろ。
そんな労力余ってるんなら、勉強や業務に回せよ。
2019/03/28(木) 23:01:34.70ID:NnAebtNZ
というかjavaとjavascriptで揉めるって珍しいよな。
190デフォルトの名無しさん
垢版 |
2019/03/28(木) 23:26:11.25ID:C8AlU2BD
まあjavaは基幹業務のイメージあるしその影響かね。jsも楽しくて良いんだがなあ。web系なら今やフロントの方がずっと工数多いし。
2019/03/29(金) 01:01:09.34ID:hY7M71Nd
※ただし割り当てられる予算は少ない
2019/03/29(金) 01:50:54.11ID:VToQc1OU
javaからjsに変換するツール期待してるんだけど
Maven経由で使いづらかったり全く流行りそうにないな
2019/03/30(土) 17:33:23.78ID:SUMsIC5k
elmよくない?
2019/03/30(土) 21:58:08.49ID:FUssFCfQ
>>193
触った事無いから良いも悪いも分からないけど、今までいろんなフレームワークやらAltJSなんやらが
世に出ては消え、世に出ては消えを繰り返していた過去を考えると、
全く普及していない、あるいは強力な後ろ盾が何もない言語なりフレームワークなりは絶対辞めたほうがいい。

その時は開発が楽できるかもしれないけど、数年後に保守しようとした時に
ほぼ廃れてて全部書き直すかメンテされてないドキュメントと格闘しながら
騙し騙し使っていくかの2通りしかないよ。

てか、stackoverflowのトレンドにすら出て来ないフレームワークや言語なんて怖くて使えねぇわ…。

https://insights.stackoverflow.com/trends?tags=reactjs%2Cjquery%2Cvue.js%2Cangular
2019/03/30(土) 23:06:55.46ID:DyxzEuK/
>>193
purescriptのが好き
196デフォルトの名無しさん
垢版 |
2019/03/31(日) 00:28:14.73ID:aYWS++Tp
結局jsとcssとhtmlを吐き出すなら、あんま変わらない様な気がする>elm。エコシステムが大きくなれば数年後は分からんけどね。
2019/03/31(日) 02:40:20.74ID:quVuOhjO
Gwtがもう少し流行ってもいいだろうに
2019/03/31(日) 03:18:00.44ID:AJzZh1fE
>>194
これ全部が頭打ちっぽくない?
Vueは足踏みくらいか
2019/03/31(日) 03:18:34.36ID:AJzZh1fE
>>198
画像忘れた
https://i.imgur.com/g3RvsFP.jpg
2019/03/31(日) 03:31:19.63ID:vireAt4B
>>199
未だにreactjsって書かれてるのが不毛だな
2019/03/31(日) 09:01:28.75ID:gZdfL4pO
>>189
今時のWeb開発では両方組み合わせて使うが、業界には区別出来てないのも多い。
特に自称エージェントや判子押す管理者。
2019/03/31(日) 09:37:04.90ID:ZIKaSM37
meteor一瞬流行るかと思ったがそんな事はなかった
2019/03/31(日) 11:01:09.04ID:vireAt4B
今どきJava使うメリットってなんだろうな
2019/03/31(日) 13:05:06.88ID:qv9z8TUK
言語を使う理由は二種類しかない

1. その言語でしか出来ないことだから、その言語を使う
2. どの言語でもできることだが、慣れているからその言語を使う

Javaに限らずほとんどのプロジェクトは
後者の理由で言語を選んでいる。
2019/03/31(日) 13:53:25.34ID:V9V+KN+u
うちでは、別に慣れてないけど明らかにpythonの方がサクッと作れちゃうよね?って理由でpython採用されたぞ。

まあ慣れより簡単さが上回っただけで本質的には同じ話しか。
2019/03/31(日) 14:18:29.38ID:9rJIqBDY
>>205
そういやPythonってJIT対応とかの予定あるの?
Rubyは去年末リリースの2.6
PHPは来年頃リリースの8.0
でJIT対応らしいけど
2019/03/31(日) 15:30:40.25ID:V9V+KN+u
>>206
慣れてないけど俺に気かないでくれw
2019/03/31(日) 15:53:03.93ID:UUJRkrO5
PyPyやNumbaがあるから今更CPythonにJITが入ることは無いんじゃないか
2019/03/31(日) 16:27:08.64ID:9rJIqBDY
PyPyっつーのがあるのか
2019/03/31(日) 16:56:13.12ID:eYkDd4rA
おっぱいぱい
2019/03/31(日) 17:14:50.83ID:Eul9LT2b
>>204
・自分だけでなく他のチームメンバーも扱える言語か、習得は容易か
・その言語の後ろ盾は強力か、寿命は長そうか
・開発環境やライブラリを含め、利用にコストは掛かりそうか
・言語は後方互換性を重視しているか、コロコロ書き方が変わったりしないか

言語の選定するならこのへんも考慮に入れなきゃいけないんじゃない?
まぁ一人で開発してんならお好きなように、だけど。
2019/03/31(日) 18:38:02.97ID:quVuOhjO
JavaServletは速いけどレンタルサーバーだとvps使うしかないよね
あとフレームワークがいまいち
2019/03/31(日) 18:52:01.23ID:tpFKuBXl
>>211
> ・自分だけでなく他のチームメンバーも扱える言語か、習得は容易か
それが2. 慣れているかに相当する

> ・その言語の後ろ盾は強力か、寿命は長そうか
> ・開発環境やライブラリを含め、利用にコストは掛かりそうか
> ・言語は後方互換性を重視しているか、コロコロ書き方が変わったりしないか
候補になるようなものはどれも満たしている
2019/03/31(日) 18:55:52.85ID:9rJIqBDY
>>212
nginxとの相性がな
2019/03/31(日) 21:24:13.21ID:V9V+KN+u
>>212
この場合のvpsってどういう意味?
2019/03/31(日) 23:00:37.43ID:vireAt4B
Webサーバー貸出じゃない仮想OS貸出のサービスだよ
Virtual Private Server
2019/03/31(日) 23:01:49.60ID:vireAt4B
IP付きのLinuxサーバーを好き放題に設定できるやつ
2019/03/31(日) 23:21:58.66ID:V9V+KN+u
webサーバー単体のレンタルなんてものがあるのか。
それを知らなかったのでVPSを別の意味でレブロンの使ってるのかと思ってしまった。
2019/03/31(日) 23:22:37.63ID:V9V+KN+u
webサーバー単体のレンタルなんてものがあるのか。
それを知らなかったのでVPSを別の意味で使ってるのかと思ってしまった。
ありがとう。
2019/04/01(月) 20:18:24.33ID:Ut3weUXP
で、結局reactとvuejsのどっちを始めればいいのさ。
2019/04/01(月) 20:28:57.51ID:+o/JYXIp
自分が欧米人だと思うならreact
中国人だと思うならvue
2019/04/01(月) 20:54:24.55ID:I/9Vex97
どっちも覚えるくらいの気概がないならフロントエンドに手を出すべきじゃない。
2019/04/01(月) 21:01:34.48ID:evzlx3m2
男は黙ってpure javascript
224デフォルトの名無しさん
垢版 |
2019/04/01(月) 21:51:14.35ID:pQIlN10h
>>220
今から始めるならvueを勧める。基本だけなら一日で習得できるからやってみて判断するべし。
2019/04/01(月) 22:22:01.86ID:7bgyHR1w
angular.jsのtwo way data bindingがバグの温床になるからって理由で、
React + fluxが世の中に普及したのに、
わざわざangular.jsを作りなおしたみたいなvue.jsを使うのは、
世界が電通や博報堂といった陰謀に踊らされている以外に他ならない
2019/04/01(月) 22:24:36.04ID:7bgyHR1w
>>220
大きいものならts環境がデフォで入ってるangular
小さいものならvue.js
を勧める。
reactは、どちらにも対応できそうでいて、flux, redux, typescript環境を整えようとすると、
とんでもない学習コストが必要になる。
2019/04/01(月) 22:48:06.36ID:I/9Vex97
>>226
それは払うべきコストだと俺は思うけどね。
228デフォルトの名無しさん
垢版 |
2019/04/01(月) 23:03:49.07ID:pQIlN10h
>>225
それangular1のバグだろ。。
229デフォルトの名無しさん
垢版 |
2019/04/01(月) 23:48:05.38ID:Cg9qg8Y/
この調子だとvueが生き残って他は今年中に死にそうだな
2019/04/01(月) 23:49:19.79ID:iKluLHWh
残念ながら5年後、生き残るっているのはjQueryのみです。
2019/04/01(月) 23:57:42.07ID:jyzymMUT
tsでvueは情報少なくて苦行だった
232デフォルトの名無しさん
垢版 |
2019/04/02(火) 00:06:58.59ID:Gyr9RwNe
作り方はガラッと変わるけどjQueryの後継がvueだと感じてる。reactやangularとは使われ方が違うから、良い感じに共存するんじゃないかな。
2019/04/02(火) 00:31:42.48ID:p3LqPaO3
英語の情報結構あるけど英語できないから辛い
2019/04/02(火) 05:59:15.90ID:YSuDMGX/
>>223
Vanilla.js知らんのか
2019/04/02(火) 06:00:24.85ID:YSuDMGX/
>>225
Vuexは双方向バインディングじゃないじゃん
236デフォルトの名無しさん
垢版 |
2019/04/02(火) 08:05:30.18ID:ctuNgHvZ
>>234
使ったことある?
2019/04/02(火) 08:15:24.57ID:YSuDMGX/
>>236
とりあえずググってみ
2019/04/02(火) 08:36:42.01ID:PsMImS8t
知ってて言ってんじゃね?俺は使ったことないが。
239デフォルトの名無しさん
垢版 |
2019/04/02(火) 08:38:24.91ID:ctuNgHvZ
>>237
いや知ってるんだけど使ったことはないから実感知りたいだけ
240デフォルトの名無しさん
垢版 |
2019/04/02(火) 10:26:19.24ID:Gyr9RwNe
誰かこの流れに突っ込んでやれよ。。
2019/04/02(火) 12:36:56.41ID:utcNUqsJ
>>239
他のフレームワークに比べると便利な機能とかはないけど、習熟したときのポテンシャルは一番高いと思う。廃れる可能性も一番低そう。
2019/04/02(火) 13:05:03.55ID:NbiLDEG1
いや単なる素のjsやんけ
なんだこれエイプリルフールか?
2019/04/02(火) 13:40:25.21ID:0CFjJGGx
ヴァーニラ ヴァニラ ヴァーニラ求人
244デフォルトの名無しさん
垢版 |
2019/04/02(火) 14:11:33.61ID:ctuNgHvZ
>>241
なるほど
触ってみるかな
2019/04/02(火) 16:51:32.13ID:htrrjpBz
いや、使ったことないってことはないだろ
2019/04/02(火) 20:16:30.67ID:Vn7qUPir
生jsとか「this」とは。。とかなんでそんな哲学せにゃならんのかって気持ちになるわ。
2019/04/02(火) 20:35:43.96ID:pgMlK69f
生js……ゴクリ…
2019/04/02(火) 20:37:17.25ID:YSuDMGX/
Reactもカメラ映像からcanvasに転写して画像処理とかやった時は結構メソッドに.bind(this)とか沢山書いたけどな
2019/04/03(水) 08:05:38.53ID:zOJIe3qU
>>232
どうだろ。jQueryの優れている点は後方互換性の高さだからな。

jQueryの古臭い構文に則って書きさえすれば、最新の環境でも10年前の粗大ゴm…レガシーな環境でも動くけど、
モダンブラウザでの利用を前提としたvueはレガシー環境ではjQueryの代替にはなりえないかと。

あとはjQueryの馬鹿にでも覚えらる簡単さも、vueには真似できない点じゃないかな。
1日あればそれなりに読めて書けるようになるjQueryと、じっくり数週間は座学を要するvueだと、
即戦力(という名の使い捨て)を確実に揃える際にはjQueryの方がより適切なんじゃないかな。
vueは下手すりゃ時間と労力だけ消費して、結局習得できませんでしたーとか平気でありえるわ。
2019/04/03(水) 09:23:59.94ID:KMUqpDuQ
ついにAngularの津耶乃本も出るのな
2019/04/03(水) 10:08:11.29ID:GcirtrDg
フレームワーク選びのポイントは
どんな規模を作るのか、最終的にどういった
開発環境を、使えるように成りたいかによるだろう。

Vueはmvvmのテンプレートエンジンが
他よりディープに作り込まれてて、コンポーネントが他より再利用しやすいのが特長。

だけどツールとして使えるように
なるには、かなり熟達してないといけない。。
2019/04/03(水) 11:37:08.30ID:2JBFiMNA
やめてーー >>250
253デフォルトの名無しさん
垢版 |
2019/04/03(水) 14:36:12.42ID:fYTnXBwQ
>>249
かと言っていつまでもjQueryは辛すぎるだろう。保守に必要なのはしょうがないが、インタラクティブなページだけvueに置き換えてくだけでも随分楽になるんだがなあ。フォーム周りとか特に。
2019/04/03(水) 14:56:25.21ID:pzZNq5v4
jQueryそこまで互換維持してる?結構非互換変更をやってるような気が
propとattrが分離した時なんて大混乱だったし
2019/04/03(水) 15:15:33.14ID:0ih4AaLe
> propとattrが分離した時なんて大混乱だったし
それは2011年の話。それが最初で最後の大きな変更
2019/04/03(水) 16:14:03.74ID:/cw++oNj
サーバー側フレームワークが足してくるやつとサードパーティースクリプトとクライアント側フレームワークが使ってるやつで3種のバージョンでグチャグチャになってエラってるのに当たった
もうあんなのは嫌だ
2019/04/03(水) 19:00:51.07ID:gv9jiZ+o
サーバーが足してくるって何を?
2019/04/03(水) 20:17:52.28ID:nLTRSg3/
誰かが作ったのの改修案件って事じゃない?
259デフォルトの名無しさん
垢版 |
2019/04/03(水) 21:06:42.61ID:fYTnXBwQ
サーバのフレームワークが吐くscriptだろう。ちょっと違うがカスタムしたwordpressは本当カオスだわ。もう二度とメンテしたくない。今でも元気に動いてるのが不思議。
2019/04/04(木) 00:50:17.12ID:O0tv1R/2
redux-sagaやばげ
https://qiita.com/kuy/items/716affc808ebb3e1e8ac
2019/04/04(木) 01:57:56.93ID:P8QA7wZo
今さらかよw何年遅れだww
2019/04/04(木) 11:09:20.60ID:I0seNCf/
>>259
function.phpでフックするかプラグインで実装するか、直書きするか、WordPressの標準機能でやるかの4択だから見る箇所多くてな…
263デフォルトの名無しさん
垢版 |
2019/04/04(木) 15:52:23.56ID:BJ8NtGwy
このくらいデザイナーでもできるのにフロントエンジニアができないってどういうことだよ?
2019/04/04(木) 19:01:35.04ID:AP8fvSfz
研修二日、実務経験二年のペテンシ・エンジニアリング・サービス・ソリューション♪
2019/04/06(土) 00:11:30.05ID:nqPdyQw0
>>228
いいや、データの双方向的な流れがバグの温床になるって話だった
で、 reactはflux, angularはデータバスにrxjs
angular.jsのアーキテクトだったかがvue.jsのメンテナーへ
小規模なアプリはvue.js,大規模ならangularへ流れても良いと思うんだがなー
angular2が出た初期の頃みたいにボイラープレートを動かすだけに何日も掛かるような糞ではなくなったんだし
2019/04/06(土) 00:14:37.44ID:nqPdyQw0
jqueryの作者はreactへ流れてただろ
jquery的な用途で使われるのはvue.jsの方だとは思うが
reactは設定のための学習コストが高すぎて、アホなweb屋たちが使いこなせない
2019/04/06(土) 01:16:21.80ID:/WRt9p3o
reactの学習コストが高いっていうけど、
安定したもの作ろうと思ったら他のフレームワークやるとしても結局同じくらい学習コストかかると思うぞ。
2019/04/06(土) 08:49:03.93ID:aPuA2bpg
>>266
もう3年も前の話だな。それからのReactの状況はいぜんと何も変わらず
いつになったら普及するのかね?

>>267
すごいものを作ろうとしたらどれも大変
ではなくてだな、

ちょいちょいで終わるようなものを作ろうとしたら大変なんだよ
世間で必要とされるもののほとんどは、ちょいちょいで終わるようなものばかり
269デフォルトの名無しさん
垢版 |
2019/04/06(土) 09:56:04.81ID:rzMI9gMb
>>265
実際そういう流れになってると思うよ。ただバインディングの仕組み自体がトリッキーだから、フレームワーク関係無く不安定さが付き纏うのはしょうがない。
要求に対してweb標準仕様が貧弱すぎるから、いつまで経ってもどこか不安定なのはwebの宿命だよ。
270デフォルトの名無しさん
垢版 |
2019/04/06(土) 10:46:57.59ID:nqPdyQw0
本質的にフロントエンド要らないと思うんだよね
デバックにコストが掛かり過ぎて、コストを掛けてまで誰が欲しいのかって話で
片手間のテンプレート的に扱えたangular.jsからvue.jsへ流れると思うけど
frontendの専門部署でreactでなくてvue.jsを使う勢は単に頭が沸いてるだけ
2019/04/06(土) 13:37:29.72ID:QfdvcpM3
Reactは難し過ぎた
みんなあんなの使えてるの凄いね
2019/04/06(土) 16:11:51.40ID:/WRt9p3o
>>268
ちょいちょいでいいならexcelにボタンでもつけとったらええやんけとか思う。
まあ実際はバカ経営者に見栄えいいのを見せる目的があるから
クソみたいなフレームアピールするんだろうけどな。
心底くだらねーと思うわ。
273デフォルトの名無しさん
垢版 |
2019/04/06(土) 16:40:40.59ID:uCKV04As
Reactごとき難しいってお前らエセプログラマーだろ
世の中のプログラミングの中では圧倒的に簡単なほうなんだが
2019/04/06(土) 17:30:04.31ID:1ebGdQ7T
>>271
学習した教材が悪かったんじゃない?
2019/04/06(土) 18:07:30.00ID:weoUXr5W
React2018年初めからV字回復してんな。なんかあったっけ?
https://cdn-images-1.medium.com/max/2600/1*4zlVkNSR8T8KivcDaOD5Dw.png
2019/04/06(土) 18:59:25.24ID:jpD7ojAE
ライセンスの修正じゃないかな。
その前に急落したのもライセンスが問題にされ始めたころじゃないかと思う。
2019/04/06(土) 19:40:00.22ID:1ebGdQ7T
>>275
2017後半-2018前半頃のトレンドって言ったらPython/機械学習に注目が集まった時期かな
2019/04/06(土) 21:39:49.85ID:25rFUoiZ
>>275
Angularが今後、死ぬ運命ということだけはわかった
2019/04/06(土) 22:41:07.31ID:qQhidKgX
世界中の華橋・華人を動員した結果GitHubスター数はReactを抜いたVueとデッドヒートしてるじゃんw
誇っていいだろ
2019/04/06(土) 23:29:44.99ID:weoUXr5W
>>276
それだ!
落ち込み、反転、両方説明がつく。
スッキリしたありがとう。
2019/04/06(土) 23:33:50.04ID:+du4Jk0c
そのうちページ全体が<canvas>になる時代がくるんだろうか
2019/04/07(日) 00:33:24.05ID:eWoMr/0V
ははは。そんなことありえない。
ウェブアプリなんて一部でしか作られてないよ
殆どはウェブサイト。だからjQueryが使われ続けている。
2019/04/07(日) 10:22:09.78ID:LeEYr30b
>>273
React特有のpropが変わると再描画という形がキツかった
普通に部分的な動きをさせたいだけで全部その形にしなきゃいけないのが不自然
不要な部分の更新まで行われてしまったり何回も同じ更新が走ってまくってしまって原因調べるのがきつい
2019/04/07(日) 14:30:36.12ID:n6/zuP9b
shouldComponentUpdateでfalse返してもダメなパターン?
2019/04/07(日) 15:05:55.66ID:IhfdKLBe
何らかのアンチパターンやってるケースでしょ
設計思想とか、中の仕組みを想像出来ないとやらかしてしまうのは分かる
うちのメンバーでそういうのあった
2019/04/07(日) 15:40:34.34ID:GYBhj6UR
逆にreactのコンポーネントを使わずにreduxで更新をやるって感じで
入門するのはどうなんだろうか?こっちのがわかりやすいんじゃなかろうか。
2019/04/07(日) 17:22:26.91ID:GtbVpKg+
react+reduxは考え方としてはいいんだが、素のreactではコンポーネントのstoreに
閉じていたようなデータまでstore内に混在するのがなんとなく気持ち悪い。
MとVMを分離できたらよかったんだがなぁ。
2019/04/07(日) 17:22:32.93ID:Qm+X8XSh
content apiで十分。
2019/04/07(日) 17:22:49.73ID:Qm+X8XSh
contextだった
2019/04/07(日) 18:45:56.70ID:PFYq1oCr
javascript歴浅めのものです。
この手のフレームワークのデータバインディンクの仕組みって、buildした後のjavascript的にはどう実現されてるの?
{{data}}とかでマークアップされた箇所にイベントハンドラ付きのjavascriptが挿入されてる感じなんかな?
291デフォルトの名無しさん
垢版 |
2019/04/07(日) 19:40:14.89ID:P5z2JTjG
>>290
簡単な例ならtwo way binding javascriptでググると沢山出てくると思う。ただこれに仮想domやコンポーネントが絡むからずっと複雑。深追できないしするべきじゃない。
2019/04/07(日) 20:09:39.22ID:/0jtn/DN
two way bindingねえ

例えばvar helloのバインディングならglobal(window)にsetter/getterのhello()を追加して、
helloのsetterが呼ばれて値が変わったら<input>.valueにもそれを代入し、
<input>要素にはイベントリスナーで値が変わったときにバインディング変数(hello)に同じ値をセットしてるのかな
2019/04/07(日) 20:10:59.60ID:/0jtn/DN
あ、でもそれじゃ無限ループするか(てへぺーろ
2019/04/07(日) 20:13:30.94ID:ec7NIcXQ
逮捕されんぞ
2019/04/07(日) 20:22:59.94ID:GtbVpKg+
一般のGUIでも常套手段だが、値が変わらなかったらそれ以上伝播しないってことでいいんじゃね。
2019/04/07(日) 20:41:31.99ID:pXFOXfTh
>>292
>>295
なるほど、やっぱそれくらいのコード書かないとできないのですね。
となるとリッチなwebアプリケーション作るとなると、どれかしらのフレームワーク使いたくなりますな。
2019/04/07(日) 20:46:11.81ID:pXFOXfTh
徐々にだとしても、今後webブラウザベースのアプリが増えるはずと思っていろいろ勉強中なんです。
298デフォルトの名無しさん
垢版 |
2019/04/07(日) 21:25:39.30ID:UcdrpnVc
>>283
そこ海外フォーラムとかで議論されてるから見ればいい

>>284
それ完全ではないから
あと配列は浅い更新しかみてないから注意

>>286
さすがに全部Reduxにする必要はない
299デフォルトの名無しさん
垢版 |
2019/04/07(日) 21:46:10.88ID:o4S4akf8
いじめはどこの町にもあるが島本町は特に酷い
「大阪府三島郡島本町のいじめはいじめられた本人が悪い 」なんて
公言する町は他に無い
300デフォルトの名無しさん
垢版 |
2019/04/07(日) 23:01:30.03ID:IUYTEtUp
>>297
アプリというか、アプリの様に動作するwebサイトだね。storeに登録しない。個人的に最難関はDBのオフライン対応+同期だと思う。
firestoreもあるがフレームワーク側で対応して欲しい。魔境なので難しいとは思うが。。
2019/04/07(日) 23:38:09.79ID:pXFOXfTh
>>300
個人的にはオフラインDBは諦めるのがスジがいいと思うけどな。ネットに繋がってて当たり前の時代じゃないですか。
2019/04/08(月) 01:33:01.06ID:3hZl3Wdo
>>300
> アプリというか、アプリの様に動作するwebサイトだね。

それは増えない。アプリの様に動作するwebサイトはjQuery Mobileが
失敗したことからも必要とされていないことがわかっている

※ jQuery Mobile は jQueryとは違うもので、
jQuery UI(こちらもjQueryではない)がデスクトップ用のUIなのに比べて
jQuery Mobile はスマホ用のUIを作るもの


webブラウザベースのアプリが増えるとしても、それはwebサイトからの
変更ではなく、PCアプリ・スマホアプリから、ウェブアプリへの変更となる。

ウェブサイトからウェブアプリに変更したいという要求は
本質的に違うものへの変更になるから生まれてこないんだよ。
PCアプリ・スマホアプリから、ウェブアプリの場合は、
本質的に同じもので動くプラットフォームが拡大されるからそういう要求はある。
2019/04/08(月) 01:51:55.70ID:dk5yj0CN
>>302
そうか?office365とかgoogle documentとか成功してるじゃん。
2019/04/08(月) 01:53:28.98ID:dk5yj0CN
いや、そう言ってるのか。
2019/04/08(月) 01:56:14.66ID:rY5IQNQb
>>302はいったい何を否定しようとしたんだ?webサイトという言葉の使い方がおかしいということなのか?
2019/04/08(月) 02:16:44.05ID:3hZl3Wdo
>>303
> そうか?office365とかgoogle documentとか成功してるじゃん。

それらは、もともとデスクトップアプリだったもの
ウェブサイトだったわけじゃない。

>>305
> webサイトという言葉の使い方がおかしいということなのか?

アプリのように動作するウェブサイトという
変なインターフェースは誰も求めてないという話。
例えるならば、ジョイスティックで操作し、美麗な3Dゲームのような
新聞ビューワーみたいなもの。誰もそんなので新聞を読みたいなんて思わんだろ?
2019/04/08(月) 08:10:05.44ID:AnGDi0mT
>>306
ん?だったら例えばoffice365はアプリのように動作するwebサイトで成功してるじゃん。
2019/04/08(月) 09:08:14.77ID:3Yz2ydR9
>>302
jQueryMobileは単純にBootstrapとかにとって代わられただけじゃん
2019/04/08(月) 09:15:13.85ID:3Yz2ydR9
>>307
どうせ使ったことないだけじゃね?
310デフォルトの名無しさん
垢版 |
2019/04/08(月) 11:34:53.34ID:du1Ta1so
>>301
そうなんだよね。オフライン対応って無理がありすぎるんだよね。
以前firebaseのrealtime database使ったが、オフラインからの同期処理に制限が多すぎて厳しい。更新が時系列を保証せず最終更新分だけ同期するとか、かなりクセがある。
WebworkerとindexedDBで効率よくキャッシュする方が当面は幸せになれそう。
2019/04/08(月) 13:53:28.07ID:3hZl3Wdo
>>307
office365はアプリのように動作するウェブアプリであって
ウェブサイトじゃないんだよ
2019/04/08(月) 13:57:09.46ID:3hZl3Wdo
まあこれでも読んで勉強して。IBMだからそれなりに信用できるでしょ?

第 1 回 Web サイトと Web アプリケーションの違い
https://www.ibm.com/developerworks/jp/web/library/wa-websiteapp/index.html
2019/04/08(月) 14:49:09.97ID:tfxqur1k
excelで作ったドキュメントをなるべくそのままの形でhtml化する方法は無いでしょうか?
excelでhtml形式で保存すると裏側が汚いです
Gatsbyのプラグインにそれらしきモノがあったので試してみたら、色もセル結合もフォントサイズも全部落ちてしまいました

まぁ自分で自作すればいいんでしょうが、気が遠くなるくらいたくさん作り込まねばならず、皆さんはexcelドキュメントをそのままWeb化したいとか要望された事はありませんか?
2019/04/08(月) 15:43:06.23ID:8bidG0zI
>>311
いやだから>>305でwebサイトという言葉の使い方がおかしいということなの?って聞いたのによくわからん回答されたから混乱してるんだが…
で、結局webサイトという言葉の使い方がおかしいってことなのね。
2019/04/08(月) 15:49:10.83ID:8bidG0zI
要は、office365のようなものをwebサイトと呼ぼうがwebアプリと呼ぼうが話の本筋には何の影響もないのに、>>302の長文で謎の語りが入ったから話がグチャッとなっちゃったって事実に気づいて欲しい。
2019/04/08(月) 15:51:36.81ID:SOlrlBnQ
>>313
スレチだけどレスすると、
htmlにせずGoogleDocsとかにインポートして公開した方がいいんじゃね
こういうの
https://www.howtonote.jp/google-document/open/index1.html
2019/04/08(月) 20:15:16.81ID:itCfkyzI
オフラインデータはクッキーをいじり回すことしか出来ないのね
せめて画像を確実にローカルに保存できればオフラインでも動かせる
アプリが作れるだろうに
2019/04/08(月) 20:22:17.47ID:dk5yj0CN
>>317
Webストレージで画像保存できるじゃん
2019/04/09(火) 07:41:13.08ID:3VmrXHE6
reactは覚える事は少ないけども設計力が必要
宣言型プログラミングと同じで高い論理性が要求されるから苦手な人は多いかもね
2019/04/09(火) 23:06:06.17ID:RLI3ERn/
悲しいのはAngularの勢いが無くなり、横ばいのAngularJSの方が残りそうなところ
もうAngularはGoogle Graveyard入りだろ。どうすんだよAngularで作ってる新規プロジェクト
2019/04/10(水) 00:47:58.78ID:92CfBwCq
Angular1の方が好評だったってこと?w
2019/04/10(水) 00:52:39.92ID:UQDjmvEN
angular使うくらいならvueの方がええわなぁ
reactは論理性高いから日本人には不向きやろなぁ
2019/04/10(水) 01:08:10.98ID:92CfBwCq
ググってみたけどreactはhtml側ではあまり小細工しない感じだねえ
論理的というのがいまいち分からないけど
2019/04/10(水) 02:32:35.33ID:RXzVAjqo
個人的にはbackbonejsが好きなんだけどなあ。自分で自由に作れるし
有名どころ使ってるのに、扱いが微妙
2019/04/10(水) 10:00:46.62ID:/ZyB4+jc
そういえばchromium版Edgeのプレビュー出たけどおまえら使ってみた?
2019/04/10(水) 10:11:11.18ID:AVnP0KfU
>>320
これ以上進化する予定のないものが残るわけないじゃん
2019/04/10(水) 12:23:01.13ID:CbhRNE87
>>326
進化させるのは自分の設計、コーディング次第なのがbackbonejsの思想だけど
フルスタックじゃないから足りない部分は自分たちで補えばいいし
そもそもbackbonejsは、つい最近更新されたばかりで死んでないけどな

昨今のフレームワークは全部入ってるから良いと思ってる
Railsやcakeみたいに作るのが簡単ならわかるけど、複雑化したら折角のフルスタックフレームワークがゴミになるだけ
2019/04/10(水) 12:30:50.16ID:sSiaigIF
これ読むと良いかも。
フレームワークとライブラリの違いがわかってない人は特に

フレームワークは善か悪か,その両方か?
https://www.infoq.com/jp/news/2019/04/frameworks-libraries-axon
2019/04/10(水) 13:13:49.79ID:AVnP0KfU
>>327
AngularJSの話してんだけどアンカ先くらい見ようや
2019/04/10(水) 13:50:22.69ID:sSiaigIF
>>327
> そもそもbackbonejsは、つい最近更新されたばかりで死んでないけどな

https://backbonejs.org/#changelog

1.3.3 ? Apr. 5, 2016 ? Diff ? Docs
〜それから3年の月日が流れようとしていた〜
1.4.0 ? Feb. 19, 2019 ? Diff ? Docs


ほぼ死んどるがなw
1.4.0リリース作業の前のコミットは2018年5月だし、
ドキュメントや些細なミスを除けば、機能追加は2017年じゃないか?
331デフォルトの名無しさん
垢版 |
2019/04/10(水) 16:27:07.49ID:p6PdlM/J
>>328
ひと言で説明すりゃいいのにくどくどとしつこい内容だな
2019/04/10(水) 22:25:31.68ID:pjgtumep
>>322
その文からは、お前さんに論理性が無い事しか分からんな。
2019/04/11(木) 00:19:20.16ID:SMdbPkuM
フレームワークは、先に全体の構造が決まっていて、そこにはめ込む部品を作る。
全体の構造が決まっているから、プロ向き

ライブラリは必要な都度、組み込んで、部分から先に作っていくから、
全体の構造が最後まで決まらないので、スパゲッティ・泥団子になりやすいので危険!
2019/04/11(木) 00:20:57.76ID:GHeRPenA
全体の構造なんて先に決めればいいだけやんw
2019/04/11(木) 00:26:50.15ID:XplD4nHz
>>333
フレームワークに任せとけば安心って思考停止して、結局何と何が依存してるか
わからなくなってそのフレームに閉じ込められるパターン。
2019/04/11(木) 01:02:55.46ID:YM8e11gX
>>335
Angularの悪口はそこまでだ!!
337333
垢版 |
2019/04/11(木) 02:29:16.00ID:SMdbPkuM
全体の構造を、各人が決めたら、ダメ!
各人によって、構造に違いがあるから、他人と思いを共有できない

Aが作った構造を、Bが気に入らないなど、トラブルになる

だから、Rails などの既成のフレームワークを使う。
そのフレームワークの構造を共有できるから

多くのフレームワークも、Rails を基本としている
2019/04/11(木) 02:33:37.60ID:yn719c2N
nuxtの出力jsが乱数名みたいになるのなんとかならんのかな
2019/04/11(木) 03:23:58.52ID:GHeRPenA
>>337
> Aが作った構造を、Bが気に入らないなど、トラブルになる
> だから、Rails などの既成のフレームワークを使う。

だからその「既成のフレームワーク」を作ったのAで
それを使うBが気に入らないってトラブルになってるんだろ?
2019/04/11(木) 03:24:46.97ID:GHeRPenA
Rails 作ったやつは他人なんだから
思いを共有できないわな
2019/04/11(木) 08:16:15.03ID:VwFYHZX6
>>335
規約に則って書きさえすれば、チームのスキル差を減らして、一定の品質が担保できるのがフレームワークのメリットじゃない?

フレームワークに閉じ込められるって表現してるけど、それ単にチームで設けた規約に不満を述べてるだけかと。

もし今使っているフレームワークに不満あるなら、そもそも最初のフレームワーク選定時に意見を言うべきだし、
発言権のない立場なら大人しく従うか、転職なりしてプロジェクトから抜けるしかないんじゃないかな。
2019/04/11(木) 08:17:20.21ID:w+9Uk8Mc
思いは共有できなくても、実績があるフレームワークに従いましょう、ってことで平和に収まるって話だろ。
この効果は間違いなくある。
2019/04/11(木) 08:18:25.70ID:Z8bgf8oa
ジャップのくせに
2019/04/11(木) 14:38:55.28ID:DdORBuxD
japjs
345デフォルトの名無しさん
垢版 |
2019/04/11(木) 18:06:29.66ID:6MYNEhnq
某個人アプリ制作者のブログで「5ちゃんのプログラミングスレはqiitaと比べて全然遜色しない内容だ」
って感じで書かれてるから初めて見に来たけど生産性のあるレスほぼなくてワロタ
2019/04/11(木) 18:32:42.76ID:XplD4nHz
>>341
規約があればいいがほとんどない。
>もし今使っているフレームワークに不満あるなら、そもそも最初のフレームワーク選定時に意見を言うべきだし、
>発言権のない立場なら大人しく従うか、転職なりしてプロジェクトから抜けるしかないんじゃないかな。
そもそも選定時にはその会社にいないし選定してった奴は転職なりしてプロジェクトから抜けてるわけで
マジクソだよ。
2019/04/11(木) 18:33:55.90ID:w+9Uk8Mc
>>346
さっさ転職しろ
348デフォルトの名無しさん
垢版 |
2019/04/11(木) 19:27:20.19ID:oNR0Pr/A
>>345
このスレじゃなさそうだな。。今angularを勉強してるが、これじゃないとという理由が見つけられないでいる。学習曲線や人員的な問題は置いといて、明らかに有利な点や逆にangularで困る事があったら教えて欲しい。
2019/04/11(木) 19:42:22.98ID:GR4ezT/u
日本にいるとVue人気だから勘違いしそうになるがやっぱ採用実績はReactが圧倒してるんだな。475kサイト vs 64kサイトか……
しかしなぜかGitHubのスター数だけタメ張ってるw
Top JavaScript Frameworks For 2019
https://www.codementor.io/nikhil21tyagi/top-javascript-frameworks-for-2019-s8881i8ga

パフォーマンスについてはReactよりVueのほうがいいな。
AppRunってやつ速くて気になる。
しかしAngularいくらなんでも酷すぎる……
A RealWorld Comparison of Front-End Frameworks with Benchmarks (2019 update)
https://medium.freecodecamp.org/a-realworld-comparison-of-front-end-frameworks-with-benchmarks-2019-update-4be0d3c78075
2019/04/11(木) 23:55:39.98ID:yn719c2N
>>349
AngularJSは確かにダントツで遅いけどAngularは別に悪くないじゃん
2019/04/12(金) 00:57:20.94ID:P0axT3Q0
>>349
hyperAppもなかなか。
2019/04/13(土) 12:59:41.28ID:X1Oa/ukN
SPAでログイン画面というかログイン機構作る場合はどうするのがベストプラクティス?認証用のアカウント情報はサーバー側のDBにあるとして
353デフォルトの名無しさん
垢版 |
2019/04/13(土) 13:42:39.23ID:Fox9b+v2
>>352
使ってるフレームワークとやりたい事で変わるからなんとも。。
例えばログイン後は各ユーザ用の専用ページがあるって感じ?でなければセッションに保存して分岐するだけで済むはずだが。
2019/04/13(土) 14:51:30.35ID:FJkq9BtI
Angularは脂肪確定でよろしいか?
ReactかVue.jsの二つやっとけはいいのかな
355デフォルトの名無しさん
垢版 |
2019/04/13(土) 16:25:49.51ID:Fox9b+v2
>>354
俺も悩んでる。普段reactとvue(nuxt)使ってて、今angular勉強中なんだが乗り換える必然性が見つからん。もちろんangularは力技使わなくても色々解決出来そうな感じで良さげなんだが。
ただもう少し勉強せんと冷静な判断できんわ。
2019/04/13(土) 16:36:03.16ID:vPnUo7ox
>>352
Firebase Authentication使えばよくあるGoogleアカウントでログインだのFacebookアカウントでログインなんかが出来るよ。

面倒くさいDBでのアカウント管理も全部Firebase上で出来るから実装に無駄な時間を掛けなくて済むよ。
2019/04/13(土) 17:51:56.66ID:oqNH9LQH
Google I/O 2019 (5月7日〜9日)で
Angularと対立することになる Flutter for Web (Hummingbird) の新たな発表があるそうだから
Angularを考えるのはその後にした方が良いと思うよ
358デフォルトの名無しさん
垢版 |
2019/04/13(土) 21:46:54.35ID:Fox9b+v2
>>357
Flutter面白そうだね。たしかにクロスプラットフォーム開発はスタンダードが無いから学習するなら狙い目なのかも。現状swiftとkotlinでゴリゴリ書いてるけどどうしてもrealmが必要なんだよね。
Webアプリの弱点の一つオフラインDBをある程度解決できるなら真面目に検討したいんだが。
2019/04/13(土) 21:50:11.69ID:XHhHrn1r
>>358
オフラインDBが弱点って具体的にどういうこと?
360デフォルトの名無しさん
垢版 |
2019/04/13(土) 22:53:34.64ID:Fox9b+v2
>>359
ユーザデータを大量に保存してローカルで処理する系のアプリは現状webアプリだと厳しい。主に速度面で。
indexedDB+lovefieldみたいな組み合わせでsqlぽい事はできるけど、flutterがアプリ+webのクロスを狙うならソコどうするのかなって。DBの同期まではできなくても、一つのスキーマから全プラットフォームで動作するDB作れたら夢だよね。
2019/04/13(土) 23:59:03.97ID:6byp94bf
もういい加減 "ウェブアプリ" なんてやめればいいのに
ローカルでデータを大量に処理ってそれ、
ウェブである理由はアプリのインストールとアップデートのためだけじゃん
2019/04/14(日) 00:10:50.46ID:WjGL7oJM
サーバーでやっちゃだめなん?
2019/04/14(日) 00:30:22.71ID:8JmU//KT
モバイル端末のストア経由っていうのが煩わし過ぎるからなぁ
2019/04/14(日) 00:45:03.08ID:/V8zrPr0
>>360
ごめん、おれの経験不足なのかやっぱわからん。

>>ユーザデータを大量に保存してローカルで処理する

クライアントは1台だけなのに、速度が気になるほどデータを処理する例が全く思い付かない…
365デフォルトの名無しさん
垢版 |
2019/04/14(日) 01:13:17.48ID:jIyXk5jh
バックエンド主義の人が強引に考えたついた難癖にしか見えない
フロント処理で充分
366デフォルトの名無しさん
垢版 |
2019/04/14(日) 08:24:48.36ID:Qhel4iVb
いやまあ、別に現状でも工夫すればできるからブラウザのローカルDBにそこまでこだわっては無いよ。課題も多いし。ユーザがいつでも削除できるとか。
ただネイティブアプリとwebアプリが同じコードとロジックを共有するなら避けられない課題だろうなと。
2019/04/14(日) 10:03:52.66ID:U21XdTdR
ユーザーが自由に削除できることが課題??
世の中のソフトウェア殆どがそうだけど何か困るのか?
368デフォルトの名無しさん
垢版 |
2019/04/14(日) 11:45:21.51ID:fnTRmDnx
ほんと早くMac死んでほしい
369デフォルトの名無しさん
垢版 |
2019/04/14(日) 13:07:21.11ID:/kyrD1Ys
>>367
indexeDBのことだよ。ブラウザのキャッシュクリアで簡単に消えちゃうだろ。間違えて消してクレームくるんだよ。
2019/04/15(月) 12:25:48.71ID:sResMPAv
Reduxわかんね
2019/04/15(月) 18:58:19.12ID:r0ZMOOHm
>>370
大丈夫。俺もわからん
てか、あんなの小規模なWebアプリケーションにはいらん
372デフォルトの名無しさん
垢版 |
2019/04/15(月) 20:20:50.21ID:HmQvEiCf
Reduxわからんの?
かわいそうに
2019/04/15(月) 20:23:02.95ID:S/0/c6v4
Reduxわかるの?
じゃあ、Reduxを使うことで、
どんなメリットがあったか教えて
2019/04/15(月) 20:25:51.20ID:IXPbMXJW
処理の流れが一方向なのでわかりやすい。
2019/04/15(月) 20:33:46.03ID:S/0/c6v4
> 処理の流れが一方向なのでわかりやすい。

文章がつながってない。
処理の流れが一方向なのはまだいいとして、
なんでそれで、わかりやすいということになるのか?

そもそも "処理の流れ" が一方向であるならば、
何を使っても一方向にしかならないはず。
Reduxを使うことで、一方向になるわけではない。

また双方向とか一方向というのは、局所的に見るか
全体的に見るかの違いでしかないのではないか?
例えば電話での会話だって、双方向に見えても、実際には自分の通話口から
相手のスピーカー、相手の通話口から自分のスピーカーへの一方向通信だ。
一方向も双方向も大した違いはない。
2019/04/15(月) 20:40:44.13ID:IXPbMXJW
まあ実際、説明の難しいところではある。
>また双方向とか一方向というのは、局所的に見るか
>全体的に見るかの違いでしかないのではないか?
これはその通りだがその違いが大きいとしか言いようがない。
treeをたどるロジックというのは一般に指定が複雑になりやすいとか、
ノード間のコミュニケーションがコールバックでつなぐと相当複雑になるとか
色々あるけれどその辺を単純化できてるようには思う。

電話の比喩を持ち込むならマイクとスピーカーが同じより違った方が良いとかになるのかな?
2019/04/15(月) 20:43:17.24ID:S/0/c6v4
もう少し具体的な例を出そう。

getterとsetterと言えば、俺が言いたいことが見えてくると思うが
Reduxが言いたいことは、単にgetterは値を取得するだけ
setterは値を入れるだけにしましょうってことだろう?
まあgetter/setterは別の批判も有るから、getter/functionの方が良いか?

もう一つの例としてRESTで例えるならば、GETは何度GETしても状態は変わらない。
単にデータを取得するだけ。POSTはデータを送信するだけ。
この考えかたと同じことだろう?

これをオブジェクト指向に当てはめるならば、このメソッドはデータを更新し、
このプロパティはデータを参照するという話でしか無い。
これは普通のオブジェクト指向のベストプラクティスとなんらかわりはないんだが、
Reduxを使う必要はあるのか? このメソッドはGETかPOST(相当)であると
ドキュメントに書けば済む話だろう?
2019/04/15(月) 20:49:52.40ID:S/0/c6v4
マイクとスピーカーで分けたほうが良いという考え方は
反対しないが、まともな設計能力が有るならば、最初からそうしているわけで、
Reduxを使う理由にはならない。

まともな設計能力がない人のための矯正器具=Reduxということか?
だが矯正器具はいつまでも使っているわけじゃあるまい?
まともな設計能力がついた人にとっては、邪魔な道具でしか無い。
2019/04/15(月) 20:53:26.60ID:IXPbMXJW
>>378
そうだね。あなたはredux使う必要ないと思うよ。
あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。
2019/04/15(月) 20:58:32.77ID:S/0/c6v4
もちろん、Reduxが何の負担もなしに、もしくは低い負担で
ベストプラクティスを実現できるというのなら導入する価値はあるが、
一方向を得るために、Reduxのやり方で設計しろっていうのは負担が高すぎる。
Reduxのやり方はルールが多すぎて単純ではないからだ。

Reduxの設計方針を理解しないまま、Reduxを使うよりも
まずは知識をつけるのが先だろう?

このメソッドは書き込みを行うメソッド、このメソッドは読み込みを行うメソッド
明確に分けたほうが良いと。そしたらあとはメソッドのコメントに書けばすむだろう?
(普通はコメントで書くまでもなく、メソッド名からどちらであるかはわかる)

それだけのことなのに、それを矯正するためのフレームワークというのは
意味不明すぎる。便利にするためのものじゃない。矯正するためのもの
まったくもってReduxはわからん。
2019/04/15(月) 20:59:53.90ID:r0ZMOOHm
スパゲッティになるならreduxは必須
でもそうならないなら本当に必要ない、とは思う
コード量多くなるからね
2019/04/15(月) 21:02:11.16ID:S/0/c6v4
>>379
> あなたの素晴らしい設計でやりくりすれば問題ないんじゃないかな。

だから聞いたんだよ
「どんなメリットが"あったか"教えて」

どんなメリットが "あるのか?" じゃない。"あったのか?" だ。
あんただってそれなりにまともな設計ぐらいできるだろう?

あんたの能力がどれくらいで、Reduxを使うことで
どういうメリットが、あったんだ? なにかを矯正されたんか?
俺は矯正が必要なほど設計が下手なつもりはないんだが。
2019/04/15(月) 21:04:00.12ID:IXPbMXJW
とりあえずメリットは書いたし、びっくりするほど文章読んでないのも理解できる。
2019/04/15(月) 21:06:15.53ID:S/0/c6v4
Reduxがやってるのって、

1. オブジェクト指向のクラスがあります。
2. クラスから読み込み専用メソッドを抜き出します。
3. クラスから書き込み専用メソッドを抜き出します。
4. クラスに残ったものはデータのみです。これを一つのオブジェクトとしてPublicにします。

オブジェクト指向のクラスが、
読み込み専用メソッド、書き込み専用メソッド、データ の3つに分離されました。
ってだけだからな。
2019/04/15(月) 21:07:20.84ID:S/0/c6v4
>>383
いうだけなら誰でもできる。
コミュニケーション取ろうぜw
2019/04/15(月) 21:33:29.21ID:g9zAAmJv
処理をAPI化するイメージかな必ずその経路を経由して状態を変更するからグローバル変数みたいなどこからでもアクセスできるけどちゃんとアクセス経路は限定できるみたいな
2019/04/15(月) 21:36:35.56ID:S/0/c6v4
その "グローバル変数" をクラスにして、APIをクラスのメソッドにすれば
普通のわかりやすいオブジェクト指向設計になるんですが?
Reduxの存在意義って?
2019/04/15(月) 21:40:15.54ID:S/0/c6v4
そしてReduxは、クラスのメソッドを抜き出すだけじゃないからね

メソッド(関数)は普通にメソッドに引数渡して普通に呼び出せるが、
Reduxは「引数つきでメソッドを呼び出すため」のデータを作って
データを投げて、そのデータ解析して(←ここ自分で作る)
そしてやっとメソッドを呼び出すという無駄なことをしてる。
2019/04/15(月) 21:46:24.27ID:S/0/c6v4
結局の所 Redux はわかりやすいものではなくて
(わかりやすい = ただのセールストーク)
オブジェクト指向 VS 関数型(?) の戦いから
俺たちはアンチオブジェクト指向で行くぜ!という派閥から
生まれたものに過ぎない。

それ自体は考え方の違いでありだとしても、
Reduxの仕組みは、それを実現するためのルールが多すぎて
百歩譲ってわかりやすいとしても、そのルールに従って
コーディングするためのコストが大きすぎて小さいプロジェクトではペイしない
(大きいプロジェクトでもはたしてペイできるかどうか)

"設計方針の違いを反映させるためだけ" でしかなくて、
それしか得られない割に、コストが大きすぎる
2019/04/15(月) 21:55:58.52ID:IXPbMXJW
別にコールバックでdom treeたどるのが大変でないならredux使う必要ないわな。
それでいいと思うよ。
てか読んでないのにコミニュケーションを要求するとか
まともに設計できる人間じゃないことはわかるよ。
391デフォルトの名無しさん
垢版 |
2019/04/15(月) 22:15:47.71ID:HmQvEiCf
一度Reduxで作ってみたら後は別のプロジェクトでも同じように作ればいいだけだから何も問題はない
最初だけ複雑に思うだけ
2019/04/15(月) 23:37:35.47ID:IXPbMXJW
確かにreduxのproviderとconnectの対応は暗黙な繋がりでわかりにくいところはあると思うんです。
reduxというかfluxの実装として他に方法はあるかもとは思う。
393デフォルトの名無しさん
垢版 |
2019/04/15(月) 23:45:03.60ID:o5Us7+p1
vue公式からの引用で恐縮だが、、

もし、あなたが大規模な SPA を構築することなく、Vuex を導入した場合、冗長で恐ろしいと感じるかもしれません。そう感じることは全く普通です。
あなたのアプリがシンプルであれば、Vuex なしで問題ないでしょう。単純な ストアパターン が必要なだけかもしれません。
しかし、中規模から大規模のSPA を構築する場合は、Vue コンポーネントの外の状態をどうやってうまく扱うか考える絶好の機会です。Vuex は自然な次のステップとなるでしょう。これは Redux の作者、Dan Abramov からの良い引用です:
Flux ライブラリは眼鏡のようなものです: それらが必要になったときに知るのです。
2019/04/16(火) 00:27:12.19ID:+U4ppNzc
まあ大きなもの作ったことない人にはわからん世界だと思うよ。俺も学生の頃はフレームワークの必要性とかさっぱり理解できなくて制作者の自己満足だと思ってたもん。
そして必要になったことがない人にはどんなに説明しても納得してもらえないもんだよ。
2019/04/16(火) 00:30:35.35ID:QBtHnjEv
今軽くReduxググってみたけど何がしたいのかさっぱり分からんw
jsにprivateが無いからsetter/getterのレイヤー作ってんの?
2019/04/16(火) 00:42:55.64ID:QBtHnjEv
いやfluxで調べたら少しわかった
オブジェクト指向でいちいち相互参照とか面倒くさいから
シングルトンにデータ全部詰め込んでおこうぜ見たいな話だな
2019/04/16(火) 02:31:52.71ID:+8WSocTt
おまいら、vueの利点として、サイトの一部分のjQueryで
作っていた部分をちょこっと置き換えるのに良いって
言ってるくせに、それがいつか大規模なSPAに変わると思ってんの?
2019/04/16(火) 02:40:36.60ID:+8WSocTt
>>393
こっちのほうがわかりやすくね?w

Flux ライブラリはサスペンダーのようなものです: それらが必要になったときに知るのです。
(意味 デブになれば必要な理由がわかる。だがそもそもデブになんかならねーし、デブなのが一番の問題)
2019/04/16(火) 04:49:30.73ID:vZMMDQFG
猫も杓子もreduxだけどほかのflux実装の感想聞きたいわ
それなりの規模で使用した、もしくはしてるみたいな人おらんの?
つかfacebookはfacebook/flux使ってるのかね
メンテされてる感じせんけど
2019/04/16(火) 07:41:32.20ID:9wO+Q4tD
>>397
そんなこと書くと議論がすり変わりそうだぞ。
ID:IXPbMXJWが書いてくれたことで十分でしょ。それで納得できる人もいればできない人もいる。
万人が使うものでないことは間違いないわけだし。それはスレタイの3つがそもそもそうなわけだけど。
2019/04/16(火) 08:31:26.34ID:dFuxCqAG
よくまとまってる。
https://mizchi.hatenablog.com/entry/2018/10/04/101308

> Middleware に何を使うかで、 redux ユーザー同士の非同期のノウハウは共有できず、
> 分断されている(thunk, saga, steps, epic, no middleware)
これが一番の問題点。
2019/04/16(火) 08:57:52.42ID:HGB3ondZ
>>401
suspence来たら全部ゴミ。
2019/04/16(火) 14:12:45.48ID:sdqnJ2Ku
suspence見たけど状態管理をsimple-cache-providerに移動しただけな感じがする

明確なIDが無いリクエストみたいなのが渡ってくる場合だと
コンポーネントと非同期キャッシュの対応付けが面倒になりそう

コンポーネントインスタンス毎に一意ID生成してstateに保持だと本末転倒な感じだし
2019/04/17(水) 11:15:37.77ID:CEJ7HETE
静的サイトジェネレーターでBlog作りたいのだが情報少ないね。
VuePressがよさげなのだが
2019/04/17(水) 12:37:53.92ID:q/9NxBQE
なんでvuepress?nuxtよりいいとこある?
2019/04/18(木) 01:12:24.22ID:+Qj1NZId
ガチガチのSPA作ろうと思ったらAngularじゃねーの?
ionicでwebアプリ作ってみたけどストレスなく作れて良かったよ
2019/04/18(木) 01:21:26.96ID:+Qj1NZId
まずフロントエンド周りに関わる仕事はしないほうがいいと思う
全てが無駄になる可能性が高い
2019/04/18(木) 07:16:50.87ID:xDdfDEdP
reduxで一回のdispatchで2つのstateを一緒に更新したい場合ってreducerどう書くのが正解?
とりあえずreducerのreturnをjsonオブジェクトみたいにすれば良さそうではあるんだけど
2019/04/18(木) 09:46:39.79ID:FtQwjU5R
ReactのReduxはそろそろ廃れて欲しい
ホックで何とかなるでしょ
Reduxは奇形的だと思う
2019/04/18(木) 10:58:53.81ID:JWUHkBKS
>>405
じゃあNUXT.jsでw
こっちもそんなに情報ないよね
2019/04/18(木) 11:12:33.86ID:nwidurpX
vue関係は中国語が共通言語
2019/04/18(木) 12:26:49.21ID:+Qj1NZId
Vue vs React vs Angular
とあるがどれも学ばないというのが4の選択肢が正解じゃないか
他に時間を投資すべき

どうしても必要ならVueを摘むの適切
それでもVueを深く学習してVueメインでガチャガチャ動くサイトなんて作っちゃいけない
2019/04/18(木) 13:18:32.08ID:PeuY0IP9
>>412
それな。どうせどれ使っても数年で消える。
jQueryだけが今もこれからも使われて続ける
2019/04/18(木) 13:28:48.77ID:f6QMigdn
いいんだけどさ、forthスレやqbasicスレ、coqスレなんかにも「必要ないって言ってるでしょ!」ってムキになって書き込みに行ってるの?w
415デフォルトの名無しさん
垢版 |
2019/04/18(木) 14:17:31.95ID:rqGOrs8Z
一部にvue入れるのもアリだよ。検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。俺もそこから始めた。
2019/04/18(木) 14:22:13.48ID:+Qj1NZId
jQuery固執おじさんもいらない
2019/04/18(木) 16:15:08.38ID:FtQwjU5R
jQueryが神すぎて、これは捨てられない。
2019/04/18(木) 16:24:16.71ID:PeuY0IP9
>>414
いったことないで?全く知らん分野だし
2019/04/18(木) 16:24:58.29ID:PeuY0IP9
>>415
> 検索や登録フォームはvueで置き換えると保守が凄く楽になるぞ。

具体例で見せてほしい
2019/04/18(木) 16:27:28.57ID:uN7CTDaS
フォームはVueの練習には良いよね。
でも大きく要素が入れ替わらないTodoリストくらいだったらJQuery + HTMLのテンプレート要素で作ったほうが簡単に感じる。
テンプレート要素が適用しづらいなって思ったら使うべきか。
421デフォルトの名無しさん
垢版 |
2019/04/18(木) 16:34:11.27ID:rqGOrs8Z
>>406
だよね。angular思ったより全然使いやすい。迷う事が少なくていい。
422デフォルトの名無しさん
垢版 |
2019/04/18(木) 16:37:48.10ID:rqGOrs8Z
>>420
因みになんだけど、jQueryのテンプレートエンジンは何を使ってるの。俺はよくjsRender使ってた。
2019/04/18(木) 16:46:45.54ID:PeuY0IP9
>>422
俺は、lodash (underscore) のtemplateだな

https://lodash.com/docs/4.17.11#template
https://underscorejs.org/#template

このライブラリはテンプレート専用じゃなくて
通常のプログラミングでも非常に便利なライブラリなので
テンプレートを使うかどうかに関係なく組み込んでる。
424デフォルトの名無しさん
垢版 |
2019/04/18(木) 16:50:16.12ID:rqGOrs8Z
>>419
具体例いらんだろう。長くなるとスレチになりそうだし公式見てほしい。
2019/04/18(木) 17:13:10.20ID:PeuY0IP9
>>415
残念ながらフォームを作る場合に、DOM APIよりもvueは便利だが
jQueryよりも便利ってことはないんだよ
具体例、ないだろう?そういうこと
2019/04/18(木) 20:14:06.33ID:G2shfX5j
廃れるものを一通り勉強するってのも乙なもんだけどね。
2019/04/18(木) 20:19:22.93ID:IFD45nW1
jquery使うといつか必ず後悔するんだよな
2019/04/18(木) 20:29:07.13ID:PeuY0IP9
それはないな。DOM APIを使うのと(jQueryの方が生産性が高い以外)何も変わらんのだし
2019/04/18(木) 20:31:42.05ID:xDdfDEdP
そらWeb"サイト"作ってるところjQueryは使い続けられるだろ
元々フレームワークを使うのはWebシステムを構築する人向けなんだから

平たく言えば例えばスタンドアローンアプリをWebに置き換える様な案件向け
別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ
2019/04/18(木) 21:46:16.31ID:fWketiWf
基本jquery使う限りアングラーさんしかないのか
2019/04/18(木) 21:47:32.38ID:FtQwjU5R
tsとjqは相性悪いからangularもビミョー
2019/04/18(木) 22:20:30.68ID:PeuY0IP9
>>429
Webシステムじゃよくわからん。
JavaScriptを一切使わないWebシステムだって有るんだし

> 別にそういうモノを作る予定なんてないって人はjQueryは使い続けてても全く支障はないと思うよ

ずっとそれを言ってる。ウェブであちこちのサイト見て、
そのサイト、アプリで作ればいいのに?って思うことある?
そういうことだよ。ウェブで皆が見てるものの大半は、アプリ用のフレームワークなんか使っちゃダメ
2019/04/18(木) 23:11:25.60ID:975/tdja
流行の移り変わり前提ならAureliaになるんかね
2019/04/18(木) 23:16:27.84ID:rt2qFRnt
>>433
なぜ?
2019/04/19(金) 00:19:18.93ID:ZJZT2sL1
暇な天才達がおもちゃを作り

凡人の我々が疲弊する
436デフォルトの名無しさん
垢版 |
2019/04/19(金) 00:56:42.83ID:nz9XNE8t
実務の世界ではwebは運用を考えないといけないから
ビルド必須なのは辛いんだよね
JAM Stackにバリバリ行きたい気持ちはあるのだが
結局はjQueryを使った無難なサイトがメインになって
しまう
エンジニアは運用の視点を忘れたらいけない
サイト制作にはjQueryが必須だと思う。

でもSPAで作る時は日本語のドキュメントがまだ出て
来てないような最前衛の実装方法で暴走するけどねw
2019/04/19(金) 01:05:48.22ID:mPb3RkdR
いい加減>>1読め
2019/04/19(金) 07:03:38.13ID:SkMw1Cjg
>>432
君には一生縁のない世界みたいだからおうちにおかえり
2019/04/19(金) 07:15:41.26ID:GnXLTXUb
>>438
反論できなくなったときの言葉だねw
2019/04/19(金) 08:37:31.56ID:gmGy9oTC
ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。
Underscore.js のテンプレートエンジンを使ったフレームワークが、Backborn.js

フレームワークを使うのは、データベースを使うような、web アプリ

Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの
2019/04/19(金) 08:55:09.83ID:p/ztoCUW
本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ

const template = ctx => `
<html>
<head><title>${ctx.daimei}</title></head>
<body>${ctx.naiyou}</body>
</html>
`

const data = {
daimei: '題名',
naiyou: '内容',
}

const html = template(data)
2019/04/19(金) 10:13:16.52ID:ZJZT2sL1
Vue試してみてるけど
Vuexってもしかして必須か
コンポーネント間の簡単な操作でも複雑に感じたわ

それならもうAngularみたいに全部入りでいいじゃんと思いました
2019/04/19(金) 10:19:03.41ID:JukS+GDU
>>442
世界中でどれか一つに統一されるならAngularをおしたい。
慣れた時の開発効率やわかりやすさはAngularだと思う。
2019/04/19(金) 11:22:56.56ID:GnXLTXUb
>>440
かいてることめちゃくちゃ

> ちょっとしたサイトなら、jQuery, Lo-dash のテンプレートエンジンで十分。
「ちょっとした」の意味がわからん。
そもそもテンプレートに大きいも小さいもないだろ

> フレームワークを使うのは、データベースを使うような、web アプリ
データベースならウェブアプリだけやなくウェブサイトでも使うし
それはフレームワークを使う理由にはならん。

> Ruby のテンプレートエンジンの ERB でも、基本は、文字列を連結していくような原始的なもの
文字列を連結ってなんのことを言ってるんだか。内部の実装の話なんか関係ないだろ
2019/04/19(金) 11:29:00.68ID:nz9XNE8t
lodashのテンプレは確かに便利
これは同意する
2019/04/19(金) 11:31:53.09ID:GnXLTXUb
>>441
> 本当にちょっとしたものならそんな何万文字ものライブラリいらんだろ
何万じゃサイズがわからん。

1万文字 = 10KB程度ってことでいいのか?
何万文字 = 数十KB、画像1枚分もなくて、
ADSLや光回線なら0.1秒以下、スマホの128kbps制限中でも
2〜3秒程度でダウンロードできるサイズ
だよね?

今度から「僅かなサイズのライブラリ」って書いてくれない?
意図的に多く見せようとしてるようにしか見えないからさw
2019/04/19(金) 11:35:38.96ID:GnXLTXUb
>>441
あとそのコードは単なる文字列中の変数埋め込み
テンプレートエンジンを名乗るなら、ループと条件分岐ぐらいは
対応してないとだめだろう
2019/04/19(金) 12:33:46.65ID:p/ztoCUW
>>447
だから簡単なものならそれで十分だろうと言ってるんだが。
そんなもの必要に応じて関数書きゃいいだろう。
2019/04/19(金) 12:37:15.37ID:p/ztoCUW
テンプレートエンジン固有の構文覚える方がめんどいわ
2019/04/19(金) 12:53:32.50ID:pVA6rbms
>>443
でもAngular人気ないよね
日本ではなく世界の話
https://2018.stateofjs.com/front-end-frameworks/overview/
世界二万人超の開発者に対するアンケートの結果みたいなんだけど
Angularは「使ったことあるけどもう使わない」
ってのが飛び抜けて多い
なんでこんな嫌われているのか全然わからないけど
2019/04/19(金) 13:14:05.01ID:p/ztoCUW
確かにせっかくの大規模アンケートなんだから理由も見たかったよな。
2019/04/19(金) 13:32:46.93ID:ZJZT2sL1
破壊的な変更が原因でしょう
また大幅な変更あるのではとリスクを嫌ってる
2019/04/19(金) 14:22:40.05ID:GnXLTXUb
WebComponentsの登場で
今のフレームワーク全滅するっていうのになw
2019/04/19(金) 15:33:13.76ID:y1N4KfNl
>>450
本来のjavascriptと解離が大きいのがな。
やっぱ通用するスキルが身につくことが重要よ。
2019/04/19(金) 16:06:37.80ID:eZFOlDYz
どこぞの人気投票らしきもの
https://pbs.twimg.com/media/D31uY7qUwAISCPT.jpg
2019/04/19(金) 16:08:56.45ID:9mBO7kZI
>>453
それも結局はXHRと一緒なんじゃない?
原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う
2019/04/19(金) 16:21:41.87ID:GnXLTXUb
>>456
> それも結局はXHRと一緒なんじゃない?

なんでXHRの話なんか出てくるんだ?
UIコンポーネントの話なんだが

> 原始的で汎用的なものを提供するけど結局ラッピングされたものの方が使いやすいってなると思う

そりゃラッピングされたもののほうが使いやすいでしょw
だからjQueryの方が使いやすいんだし。

問題は、WebComponentsをラッピングしたものは、AngularやVueやReactとは別のものになるってこと。
AngularやVueやReactもWebComponentsを考慮しつつ開発してるんだろうが、
WebComponentsが最終的にどうなるのかわからないし、
WebComponentsがない時代の設計をWebComponentsに最適化するのは大変。
どうせWebComponentsに最適化された新しいフレームワークが出るに決まってる。
そしたら今のフレームワークは全部おさらばw
2019/04/19(金) 16:54:49.69ID:p/ztoCUW
>>455
ひとつだけステッカー貼ってアピールしてるのが哀愁を誘うなw
2019/04/19(金) 17:14:03.31ID:22g/XrvX
>>457
html5だかECMAScriptだかの標準仕様を持ち上げるって意味では一緒じゃね?
WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ?
2019/04/19(金) 19:30:52.27ID:PWe5dNBv
なんも作ってない人ってなんでこんなにわかりやすいバカさを露呈しちゃうんだろうね。
461デフォルトの名無しさん
垢版 |
2019/04/19(金) 19:50:06.07ID:n8mFcZJ1
web componentに過剰に期待しちゃダメだよ。仕様を大きく超えて肥大化した今のフレームワークのほんの一部を標準化しますってだけ。
少し触ってみれば分かるが期待とは別物。到底現状のコンポーネントが置き換わるレベルじゃない。
2019/04/19(金) 21:06:05.48ID:GnXLTXUb
>>459
> WebComponentsもXMLHttpRequestも逆に何が違うって言うんだよ?

WebComponentsはコンポーネントを作るAPI
いろんな人や会社がコンポーネントを作って配布することになるだろう。
ここが大きな違い。

XMLHttpRequestはそれ単体で使うものだが、
WebComponentsは、そのAPIを使ってコンポーネントを作る人と
作られたコンポーネントを使う人に分かれる
2019/04/19(金) 21:33:14.60ID:SkMw1Cjg
それって結局Reactとやってる事変わらなくないか?
464デフォルトの名無しさん
垢版 |
2019/04/19(金) 21:36:51.67ID:wiWuuxML
>>455
使ったことないアホどもの人気投票だろうな
2019/04/19(金) 21:40:08.98ID:GnXLTXUb
>>463
そうだよ?やってることがかぶってるから
WebComponents(ウェブ標準)に置き換わるって言ってんの
2019/04/19(金) 22:01:24.55ID:GSI3q7h6
>>464
使ってる人の数の非もこんなもんなんじゃない?
2019/04/19(金) 22:24:03.00ID:er92Du55
>>349によるとそんなもんだな。
468デフォルトの名無しさん
垢版 |
2019/04/19(金) 23:18:27.59ID:5jtmr99m
部下から尊敬される上司が行っている、たった一つの方法
https://www.youtube.com/watch?v=rHwmeu3R8VQ
仕事ができる人だけが知っている、すべてが好転する「黄金ルール」
https://www.youtube.com/watch?v=Kx6cN24EY6E
自分の生き方や働き方がわからない人に伝えたい「生き方の正しい選び方」
https://www.youtube.com/watch?v=VfxW0fqquIE
2019/04/19(金) 23:23:08.94ID:ZJZT2sL1
とにかくJSフレームワークは
他人のコードみたくないし保守したくない
作り逃げの案件しかやりたくねー
2019/04/19(金) 23:53:16.20ID:lpgW/kDH
>>465
置き換わるわけないやんどうせ機能ショボいのに
2019/04/19(金) 23:57:01.13ID:dMoQXjko
まぁwasmを独自タグ化できるとかならワンチャンなくもないかも知れんけど
ウェブ標準とReactなら大半の人はReact選ぶと思うけどね
2019/04/20(土) 00:08:48.19ID:V6hNb77K
それにしてもAngularはホント使ってるとこ見ないよね技術書展のサイトくらいしかまともに使ってるとこ見たことない
Reactは動画配信サイトの類とかでわりと使ってるところよく見る
Vueはライブラリとして読み込んでるサイトはわりとあるけどフレームワークとして(Vuex,vue-routerとか使って)ガッツリ作り込んでるところ半分くらいで他はjQueryとの共存でだましだましに使ってるんじゃないかとね
2019/04/20(土) 02:57:45.91ID:a8xtUdmI
この業界の闇が見れたよ
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
https://twitter.com/5chan_nel (5ch newer account)
2019/04/20(土) 04:51:28.50ID:LA3ebzxs
vue,reactならreactのが好きだけどreduxがデファクト取ったのほんとつらい
2019/04/20(土) 06:58:25.30ID:lwVpLCzw
>>472
react,vueくらいならちょこっと作るのもそこまで苦じゃないけど
angularはなんか闇を感じるぞ。。
2019/04/20(土) 07:42:58.61ID:rcvSJkam
>>441
HTMLエンコードも、しないといけない。
「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換

Ruby のERB では、
結果を出力するなら、<% = 式 >
しないなら、<% 式 >

<% # コメント >

地の文(Rubyの式以外)で、<% を使う、
または、ERBタグ内で、%> を使う場合は、% を2重にする(エスケープ)
477476
垢版 |
2019/04/20(土) 07:51:06.41ID:rcvSJkam
自己レス
>「& < > "」などを、「&」「&lt;」「&gt;」「&quot;」に置換

あれ? どうして「&」と表示されたのか?

「&」(全角なら「&amp;」)と書いたのに。
5ch のバグ?
478476
垢版 |
2019/04/20(土) 07:58:58.23ID:rcvSJkam
自己レス
>「&」(全角なら「&amp;」)と書いたのに。

「&」
ここには半角で「& a m p ;」(ただし、空白を除く)、
全角で書くと「&amp;」と書いているけど、「amp;」が表示されない!

なぜ?
2019/04/20(土) 08:22:32.49ID:kIPwVBjm
vueできますの人ってJQueryの延長で使えてるだけの人多いから危険だわ
Reactできますの人雇った方が安全
アプリとしての設計できるか否かと文法覚えたからコード書けますは違うから
Reactできるなら設計できると考えていい
2019/04/20(土) 08:31:55.09ID:bPC53Tje
>>478
2chの頃からUnicodeの表示には10進文字参照使ってるから
&のエスケープだけ効くようになってる
&amp;amp;と書けばいい
2019/04/20(土) 09:34:01.59ID:OSkkX2tB
>>479
Reactはそんなに難しいってこと?
2019/04/20(土) 09:44:58.55ID:V6hNb77K
ちゃんとしっかり向き合えば難しいって事はないよ
Reduxだって書いてれば慣れるし慣れればそれほど難解じゃない

一回ベタでJSX書いてそこから部品になりそうなものを切り出したら
次に似たような画面作る時劇的に手間が減ったりする
2019/04/20(土) 09:50:31.75ID:YjCevdff
Aureria使ってるけど全然難しくないぞ
Reactも難しくはないんだろう
むしろVueってそんなに簡単なの?
2019/04/20(土) 10:18:20.36ID:V6hNb77K
どのフレームワークも書き方が違うだけで構成する要素(状態、ルーティング、コンポーネント)は似たり寄ったりだと思うよ
ただVueの場合
<div id="app">

</div>
をルートコンポーネントとしてVueに関連付けるのにdiv涛烽フDOMをそのまま使えるっていうのが新規にはとっつきやすい一因だと思う
もちろん別ファイルに書いたルートコンポーネントをマウントすることもできるけど

DOMがそのまま→既存のサイトに追加できるって事で入りやすいんだろうけど
できたものはカオスなんだろうなって思う
2019/04/20(土) 10:49:02.44ID:lwVpLCzw
問題は非同期通信をどこに置くか、どう実行するかってとこでしょ。
2019/04/20(土) 12:02:30.90ID:aNolGhqF
そもそもそれSPAにする意味あるの?というところからだな
2019/04/20(土) 13:17:37.40ID:lwVpLCzw
そもそもただの静的なhtmlで十分てのはあるがそれはまた別の話だな。
2019/04/20(土) 13:50:29.73ID:OSkkX2tB
>>487
静的なHTMLは、サーバーに置いたHTMLを表示するだけ
動的なHTMLは、データベースなどにアクセスしてHTMLを動的に生成するもの

どちらもJavaScript使用の有無は関係ないのですよ
2019/04/20(土) 14:06:39.55ID:syajeBai
Reduxって他のフレームワークでも
汎用的に使えるの?

vueにはVuex があるし
2019/04/20(土) 14:20:12.59ID:Yj5VNfn5
>>481
Reactは設計や構造を考えられる人じゃないと
まともに動くモノは組めないからね
学習コストはAngularより低いけども設計力が必要

Reactに関しては得手不得手が分かれると思う
合ってる人なら即日使えるようになる
苦手な人は勉強しても駄目かもしれない
2019/04/20(土) 14:23:17.25ID:aNolGhqF
負の遺産が量産され続けてそう
数年後が怖いね
2019/04/20(土) 14:28:03.53ID:lwVpLCzw
設計や構造を考えないで動的に動くview作ろうってのがそもそも間違いじゃね?
と思うんだが。
2019/04/20(土) 14:34:34.23ID:OSkkX2tB
(汎用の)コンポーネントを作るという考え方で作れば良いんですよ。
そうすれば、全体を考えなくていい。
2019/04/20(土) 14:43:31.02ID:lwVpLCzw
んなこたない。
部品で分けても結局どう繋ぐかって問題は出てくる。
だからコールバックを引き回すのかreduxみたいな一周するパターンを使うのか考えるわけだ。
2019/04/20(土) 14:52:25.93ID:UeTDxeBd
まだプログラミング自体初心者だった頃に、個人で何か作ろうとしてみたりしてたときは、確かに設計なんかせずに順番に動くように動くようにプログラミングしてたわ。
496デフォルトの名無しさん
垢版 |
2019/04/20(土) 15:52:34.64ID:MO877tOl
reactもvueも適材適所でいいんじゃない?設計は別のレベルの話だろう。所詮道具なんだしさ。いやそれを議論するスレだったなw
2019/04/20(土) 16:20:16.32ID:aNolGhqF
大抵の人はjqueryを使う規模で十分であるが
jqueryで何か新しく書こうとなると辛い
そこで規模にマッチするのがVueになるからVueが人気
2019/04/21(日) 15:58:14.04ID:Nh7t/mMV
Angular覚えれば最強なんじゃね?
499デフォルトの名無しさん
垢版 |
2019/04/21(日) 16:13:30.43ID:+n/bTUR6
周りvue使う奴ばかりで俺だけReactだから取り残された感がある
2019/04/21(日) 16:20:10.40ID:0mpGXc/m
>>499
react出来るならvueもすぐ覚えられるやろ
2019/04/21(日) 16:30:06.97ID:O0Cyl0Uv
vueはreactの下位互換
2019/04/21(日) 16:32:17.78ID:o9+52jcW
>>501
どういう所に互換性があるの?
2019/04/21(日) 17:59:50.12ID:idC8t1Zb
create-react-app がデフォルトなだけって気はする。
2019/04/21(日) 18:59:32.38ID:HebMLUkK
互換性はないけど枠組みとしては確かに似たり寄ったり
2019/04/21(日) 22:33:06.57ID:HUpVr9Rv
Jqueryで足りないとは例えばどんな動作?
2019/04/21(日) 23:16:22.08ID:RrDR8c7C
>>1
2019/04/22(月) 00:44:30.62ID:gmJvG001
Reduxって親コンポーネントに偽装してReduxのステートをPropsとして受け取る感じなんだね
慣れてくればそれほどstateと変わらない感じ
2019/04/22(月) 10:42:02.31ID:aRCKiCHK
VueでTypeScriptってどうなの?
オーバースペック???
509デフォルトの名無しさん
垢版 |
2019/04/22(月) 10:51:29.31ID:YqOHOoCK
>>505
vdomとbindingはロジック部分を根本から変えた。後戻りできない部分だな。他はjQueryでも無理すれば代替できん事はないが。
2019/04/22(月) 10:54:01.25ID:7SFj5xSv
ロジック部分ってなに?

普通ロジック部分っていうと、UIは除いた部分のことだから
jQuery使っても同じはずだが?
511デフォルトの名無しさん
垢版 |
2019/04/22(月) 10:57:48.25ID:YqOHOoCK
>>508
ページ単位で小規模に適用する分にはvueにTSは必要ない。コスト上がるだけでvueのフットワークを殺す。
新規なら先日nuxtがv2.5で完全にTS対応したから最初からそっち使った方が良いよ。にしてもnuxt-tsはキモかった。
512デフォルトの名無しさん
垢版 |
2019/04/22(月) 11:21:42.95ID:YqOHOoCK
>>510
JQueryはdomが主役だがbindingはデータが主。だからデータ構造とそれを処理するロジックが根本から違う。これ以上はスレチになるから深くは説明しないが。
2019/04/22(月) 11:37:26.45ID:7SFj5xSv
>>512
つまり、jQueryに足りない部分 = DOM以外ってことですよね?
それは同じでしょ?
2019/04/22(月) 11:38:12.52ID:7SFj5xSv
もしかしてVueとかって、UI部分とロジックが分離できない?
密結合しちゃってるの?
2019/04/22(月) 12:21:44.78ID:eg+ktQTs
>>511
reactでts使ってもキモいぞ!w
2019/04/22(月) 12:41:52.02ID:Qg5wsU4m
基本的なMVCアーキテクチャだけで良いのにね
意識高い馬鹿コーダーが変な技術を持ってくる

極論言ったらJavaScriptだけでも作れるのに
517デフォルトの名無しさん
垢版 |
2019/04/22(月) 12:42:29.17ID:YqOHOoCK
>>513
何の話なんだそれ。
>>514
逆だよって今更すぎる。

テーブルがあって1行追加したいとしよう。jQueryだと
$().append(..render(..).html())
に似た処理をどこかで入れるだろ?元のデータは何なら”破棄しても良い”。domが主だから。ココが違う部分だからよく考えて。
bindingだとlistに1行追加するだけ。
list.push({})
あとは自分で調べて。スレチで長々とすまん皆の衆。
2019/04/22(月) 14:05:19.86ID:RnNzdTFJ
最初からSPA作る目的ならならわかるけど
そうでなければReactもVueもう導入した先は絶対カオスになるだろ
2019/04/22(月) 15:07:19.65ID:i3ajZQCG
>>517
> bindingだとlistに1行追加するだけ。
嘘ついたらいかんよ。
HTMLにごちゃごちゃ書かないとダメだろ。ループ処理とか
JSXかもしれんが
2019/04/22(月) 15:10:48.91ID:i3ajZQCG
jQueryでもvueでもデータそのものは、listに1行追加するだけなんだよ。

そとは、そのlistのデータを見て、JavaScript(jQuery)でHTMLを生成するか、
vueを使って、HTMLのテンプレートでlistみてループ処理やって、場合によってはif文相当のことをかいて
どの変数がどの部分に埋め込まれるか書いて、どのイベントがどのハンドラに対応するかをかいて
ようやく連携が取れるんだよ
2019/04/22(月) 15:31:55.89ID:+sji2SAG
vueの大規模案件ってどんなレベルなんですかね?
2019/04/22(月) 15:32:17.76ID:ShmVg8iF
最初からSPA作るのと、>>518はやってることが違うから、別にカオスにはならないだろ
2019/04/22(月) 15:32:34.69ID:ShmVg8iF
>>521
人が居なくなるレベル
2019/04/22(月) 17:07:41.50ID:IkYlXCmj
それより大規模ってどのくらいの規模なんだ?
2019/04/22(月) 17:24:46.81ID:/LLpqdR3
react宗の人間だがvueは大規模で逃亡するほどきついのかね?
2019/04/22(月) 17:34:40.14ID:RnNzdTFJ
例の件でVueがネタ言語扱いされるとか…
ひどい風評被害だな
2019/04/22(月) 17:47:05.54ID:RnNzdTFJ
不毛だよなぁ
react、vue、angular使えますとか
rails、laravel、spring boot使えますとか

どっちもどっちか一つでいいのに…
複数学ぶのは時間の無駄で、技術選択する時間も馬鹿にできんし
2019/04/22(月) 18:14:48.09ID:KTQxmf3k
例の件って何?
2019/04/22(月) 20:32:17.15ID:IxPS18nq
金だけもらって逃亡したんだっけ?
2019/04/22(月) 21:13:08.59ID:LOXX9eoD
>>528
>>473
2019/04/22(月) 21:52:24.13ID:KTQxmf3k
>>530
みっつ目のリンク開けない
2019/04/22(月) 22:20:51.00ID:WNIHRACT
Model(Data/Logoc) <==> View Model(jQuery/DOM) <==> UI(HTML)

Model(Data/Logoc) <====> UI(HTML+Vue Markup)

三段構成の中間層がフレームワークによって消滅するんじゃよ
2019/04/22(月) 22:38:45.61ID:i3ajZQCG
>>532
https://012-jp.vuejs.org/guide/

> Model と View を同期するオブジェクトです。 Vue.js において,
> 全ての Vue インスタンスは ViewModel です。
> それらは Vue コンストラクタかそのサブクラスでインスタンス化されます:

消滅してないけど?
2019/04/22(月) 22:46:16.58ID:300hPFzJ
ふと思ったのはexcelみたいなUI考えた場合、modelとviewを無理やり引き剥がしても
ほとんど意味ないんじゃないかということ。
2019/04/23(火) 01:14:58.17ID:qUOBSkVz
firebaseが台頭してきてるから
Web屋はフロントエンドで生きていくしかねーな
2019/04/23(火) 01:23:54.94ID:1xhRm/Xt
>>535
ソース
2019/04/23(火) 01:40:26.06ID:zhMneqp1
firebaseなんてGCPの一プロダクトにすぎない
2019/04/23(火) 01:48:54.37ID:MlqQrhQq
そんな象は動物の一種に過ぎないみたいな当たり前のことドヤ顔で言われましても…
2019/04/23(火) 07:43:59.67ID:Rk7FVhqN
言いたいことは分かるよ
アスペには分からないだろうけど
2019/04/23(火) 08:16:32.64ID:MlqQrhQq
はいはい口先番長やりたいなら文系で生きていけよw
2019/04/23(火) 09:32:49.84ID:nqfj8XkM
アスペに素人教えさせると
知ってて当たり前だと怒り出す
542デフォルトの名無しさん
垢版 |
2019/04/23(火) 12:24:38.08ID:eGuTD0er
>>519
元の話がロジックとUIの分離からそれでいいんだよ。dom appendなんぞロジック上は不要。単なる事実だが。
2019/04/23(火) 13:35:13.96ID:zhMneqp1
勘違い素人「こうですね!(どやぁ)」
上級者「こうしたほうが無駄がなくていいよ」
勘違い素人「ムキー、これでもいいだろ!」
2019/04/23(火) 13:36:22.70ID:zhMneqp1
>>542
うん。だからHTML(JSX)にループや条件分岐の
ロジックが移動してますよねって事実
545デフォルトの名無しさん
垢版 |
2019/04/23(火) 16:09:42.79ID:eGuTD0er
>>544
論点ずらしは二重に恥だからやめとけ。あとスレチだからこの話はもうやめろ。
2019/04/23(火) 17:48:04.05ID:6Ns4bttT
最近Angular触ってみてるんだけど
Reactって結構Atomic Design指向だから細かい部品に分けた方が効率よくなるけどAngularは小分けにすると逆にカオスになりそうだね
2019/04/23(火) 17:54:14.07ID:EIFUxFM+
出たよバズワードに踊らされる奴
Atomic designが流行ったのはReactが普及したあと。
Atomic designをReactで実践したいならできるがReactがAtomic design指向なんてことはない。
コンポーネント指向とごっちゃになってるんじゃないか。
2019/04/23(火) 19:31:52.60ID:6Ns4bttT
いや、実際にある程度使ってみて部品化した方が効率が上がるのにAtomic Designって言葉使うのが適切かなって思ったから言っただけで別に言葉が先にあるわけじゃないよ
2019/04/23(火) 20:16:21.51ID:W6oBSSAv
reactで開発されたアプリの解読でコンポーネントやらReducerやら100ファイル以上あって熱が出そう
細かい部品に分けるのもいい加減にしろや
2019/04/23(火) 20:34:14.70ID:6Ns4bttT
部品に分けるからって別にファイル数無駄に増やすってよりも
最小の部品こそ属性の付け方で色々な使い方できるようにしたり
でもデフォルト値はあって最小の指定でもちゃんと動作するようにしたり
以前はC#でdll部品とか作ってたから使い勝手のいい部品作るのは楽しい
2019/04/23(火) 21:17:36.16ID:ZkNEZW45
100ファイルくらいなら別に多いってほどではない。
2019/04/23(火) 21:25:39.08ID:8cnfQzue
それはディレクトリでカテゴリー分けしてるかどうかでも随分違うと思う
2019/04/23(火) 23:47:16.01ID:26ybfJq0
分ける単位ってどれくらいがいいんだろうな。
自分は
・メインコンテンツ
・ヘッダー
・フッター
・サイバー
・繰り返しだすコンポーネント(例:カレンダーの1日単位)
くらいにしか分けてないな
2019/04/23(火) 23:49:15.78ID:26ybfJq0
あとは
・フローティングで出す入力フォーム
とかも分けてるか
2019/04/24(水) 01:09:09.86ID:n13HhhG3
やたらローディングでブラウザ固まるようなサイトがあるけどどうにかならんのかね
スリープ挟みながら画像/広告をロードするとかさ
2019/04/24(水) 04:00:40.49ID:WM9U+x6O
いずれangularが再評価され
angularに行きつくことになる
2019/04/24(水) 04:32:57.32ID:uakSx5ac
>>555
Reactとか使ってるんだろ。
JavaScriptファイルを読み込まないと表示されない上に
JavaScriptファイルがでかいからな
2019/04/24(水) 08:23:52.42ID:b+rTrvQ4
大体の場合は画像の方が大きいを思うけどね
2019/04/24(水) 08:26:20.44ID:CQvKnKTI
阿部寛のHPは何を使ってるの?
2019/04/24(水) 09:01:17.83ID:STRWwiRF
爆速で有名な阿部寛さんのサイトを真面目に分析してみた。
https://qiita.com/Leapin_JP/items/22fb33fe7bdb6ad252fb

阿部寛のサイトを高速化する
https://qiita.com/Morix1500/items/0eac072a027d478a6b83
2019/04/24(水) 09:25:06.69ID:rY+bTkW+
5Gの時代になればファイルの大きさ関係ない
SSRすら必要なくなる
2019/04/24(水) 09:45:06.49ID:CTi91KC0
クライアント側の回線が速くなってもバックボーンやサーバー側の回線と処理能力は変わらないので
4Gがボトルネックだった場合しか変わらんよ
2019/04/24(水) 10:00:20.58ID:WM9U+x6O
規模感あるところはそのままVue使わずにNuxtだね
VueだととっちらかるからNuxtに辿り着くな
保守性ないと破綻する
2019/04/24(水) 12:14:38.40ID:n13HhhG3
広告ベタベタのまとめサイトとかフリーズするけど
アクセス解析なのか画像なのかネットワークIOなのか原因が良く分からない
565デフォルトの名無しさん
垢版 |
2019/04/24(水) 12:29:52.49ID:KDsijGGg
SPAサイトはSEOに弱いからSEO用にSSRとjsレンダリングの2つに別けましょうとかGoogleかどこかがアピールしてた
2019/04/24(水) 12:48:40.26ID:2td++BXc
>>561
ギガを使いきって速度規制されたら同じだろ?
阿部寛のサイトはギガ死した人々のためのサイトだからな。
2019/04/24(水) 13:32:01.02ID:CQvKnKTI
>>560
js使ってないのか
2019/04/24(水) 14:09:34.24ID:lWHYhEVw
>>553
サイバーってサイドバー?
569デフォルトの名無しさん
垢版 |
2019/04/24(水) 14:32:08.54ID:KVKHKBwP
サイババ記念日らしい
2019/04/24(水) 15:42:24.09ID:uakSx5ac
>>558
> 大体の場合は画像の方が大きいを思うけどね

そうじゃねーよ。画像はあとから非同期でダウンロードされるだろ。
まず最初はHTMLとCSS。これで最低限の画面は表示される。

JavaScriptは後から。JavaScriptがダウンロードされないと
動きはできないが、初期画面は見える(その間にダウンロードされる)

っていうのがjQuery時代のベストだったんだが、
今はそんなベストを目指さずJavaScriptがダウンロードされるまで
画面見なくていいじゃんに悪化してしまった。
2019/04/24(水) 20:39:13.63ID:xsOrFgwZ
>>570
クソエロサイトくらいにしか役たたなそうな技術だな。
2019/04/24(水) 20:49:42.32ID:uakSx5ac
クソエロサイトくらい?

アクセスが多いサイトってことですか?
573デフォルトの名無しさん
垢版 |
2019/04/24(水) 21:35:26.29ID:lFc7PTJG
ただまあ高速化の技法がサーバからフロントに比重が移ったのは分かる。フロントの高速化は面倒だよな。
2019/04/24(水) 22:32:10.71ID:uakSx5ac
フロントの高速化っていうか
自分で遅くしといて、戻そうとしてるだけだけどなw
なんだかんだでHTML+CSSだけが一番早い
2019/04/24(水) 23:18:24.27ID:0vz5Qpla
まあね
576デフォルトの名無しさん
垢版 |
2019/04/25(木) 10:20:54.52ID:vEJtGG6g
SSRなんかは典型だな。サーバからフロントへ、そして今またサーバへ。FCPのcss埋め込みなんて手作業じゃやる気せんよ。まあフレームワークが勝手にやってくれるんだけど。
2019/04/25(木) 11:57:42.71ID:SxeJCaLs
JAMスタックが解だね
結局SSRはやらないのが一番いい
578デフォルトの名無しさん
垢版 |
2019/04/25(木) 21:01:57.88ID:XQiuE6zE
Generic Vue Template Interpolation Language Features | Pine Wu's Blog
https://blog.matsu.io/generic-vue-template-interpolation-language-features

VueテンプレートにもTypeScriptの型チェックがktkr
2019/04/25(木) 21:26:39.12ID:WzUfCzlU
すげえ
2019/04/25(木) 23:17:22.96ID:y3HhtnRW
いままでts部分だけ別ファイルに分離してたけどそれが要らなくなるのか。
2019/04/26(金) 00:20:47.16ID:EZ3WKoA+
素敵やん
2019/04/27(土) 01:45:05.36ID:TQCo9BVu
https://www.netbk.co.jp/contents/pages/lib/vendor.js?065e662c2c54549a5503

とある銀行のページ
これが情報を抜き取りgoogleに横流ししてると主張してる人がいるんですが、本当でしょうか?
怪しい所ありますか?
583デフォルトの名無しさん
垢版 |
2019/04/27(土) 03:13:41.43ID:xzIO4Xfv
こわくてふめない
2019/04/27(土) 03:26:49.88ID:JS1TAJ/n
>>582
見てないけどそこがgoogleのサービス使ってたとことで
ユーザーが気にすることじゃないだろ

横流しという言葉の意味分かってるのか?
仮に同意無しに個人情報をどこかに売るにせよjsのコードで直に送るやつなんて居ない
2019/04/27(土) 08:03:15.52ID:L1RdW04q
>>582
分からん。精々コード内のMITライセンスに関するコメント文からAngular.jsを使ってるって事ぐらいしか理解できん。

そもそもこれビルドされて人間が読む為のコードじゃなくなってるよね。どうやって読んだんだろ。

まぁ、その奇天烈怪奇な主張している池沼君に何を根拠にその結論に至ったのか聞いてみたら?

因みに、横流しという言葉をどういった意味で使ってるかは知らないけど、もし俺が銀行のエンジニアで顧客情報をGoogleにコッソリ渡すなら、
客から見えるフロントエンドでなく、バックエンド側で直接データ送信するな。
2019/04/27(土) 08:17:20.43ID:v2dpxdDf
チョゲ&アスカのアスカもギフハブにARアプリで監視されてるっていってたし、俺たちごときのエンジニアにはわからない最新テクノロジーで横流ししてるんだろ。
2019/04/27(土) 10:22:35.62ID:asc+HFb4
クスリで強迫性障害を患っただけでは?w
2019/04/27(土) 10:27:25.18ID:Ud86wEGC
どうせマルチポストのリンク貼り魔じゃねーの?
なんでそこまで真に受けて延々と話してんのさ
2019/04/27(土) 13:06:16.02ID:AcxZC3AZ
ギフハブ=github説ほんとすき
2019/04/27(土) 13:38:35.30ID:B1vN4PSJ
ジャップは信用ならない
2019/04/28(日) 18:24:36.61ID:z6tXR90P
Vuexが上手くラップされてる
2019/04/29(月) 12:09:12.70ID:Tj+nXMRU
JavaScript系FWでアプリを作るとソースコードを全部見られますよね
ソース見てゲームなんかのアルゴリズムを解析されたら嫌なのですが、
ReactNative使ってアプリ作っても結局同じことですよね・・・?
2019/04/29(月) 12:44:45.24ID:BTHjdLRh
君で思いつく程度のアルゴリズムであれば、誰にとっても財産的価値は無いから気にする必要はないよ。
パスワード保護とかの手法なら、それこそ既存のライブラリ使ってください
2019/04/29(月) 15:03:59.71ID:YPlfmP4Z
え、チートを防ぎたいのでは
2019/04/29(月) 20:25:45.63ID:8c7yz0ci
だとしたらアルゴリズムを心配してるのがトンチンカンだな。
データの心配しろよと。
2019/04/30(火) 00:08:49.38ID:IpLGLbh6
え、データだけの意味が分からない
2019/04/30(火) 09:52:43.85ID:zI/Hh5N/
解析されたら終わるルールはゲームとして良くはないね
本質は、乱数か人との戦いだろ。
それでも実装を見られたくないならwasm使うしかないんじゃない
2019/04/30(火) 10:03:24.48ID:rYkykX8a
wasmも数年前に比べると大分手近になったよね
599デフォルトの名無しさん
垢版 |
2019/04/30(火) 13:01:01.81ID:rEfIQMEI
>>687
犯人がネトウヨだったようだけど
ヘイトスピーチしたネトウヨの糞のお前らは
在日に謝らなくていいの?
2019/04/30(火) 13:04:10.71ID:rYkykX8a
いったい何と戦ってるんだ?
2019/04/30(火) 16:43:13.59ID:c2yp3V/O
wasmの逆アセンブルなんて超簡単だが…
2019/04/30(火) 19:01:22.35ID:SP4vcC0N
>>601
もし仕事でやれって言われたら、どれくらいの見積もりだす?
どこまでやるかは、君が「超簡単」と言ったときに思った範囲でいいよ。
2019/04/30(火) 19:20:56.57ID:OogZbA54
スレ違いの話題で喧嘩すんなよ
604デフォルトの名無しさん
垢版 |
2019/04/30(火) 20:24:14.39ID:xSDcdpWx
チートされたくないならサーバー上で処理するしかない
ブラウザの実行されているPCは開発者のコントロール下には無いから
時間さえ掛ければ破れるだろう

難読化したりプログラムを複雑にして
実装されたセキュリティは
Security through obscurityと呼ばれる
解析を遅らせたり、本気で解析する気の無い奴を遠ざける事は可能だが
不正行為から守る手段としては確実とは言えない
2019/04/30(火) 21:36:43.40ID:nUvkUPx4
ゲーム板な話題なんでアレだけど不正検知の方が大事
クライアントサイドなんて遅かれ早かれ全部見られる
2019/04/30(火) 22:06:02.83ID:SP4vcC0N
ネットゲームは、解析されるまでに
サービス終了させてしまえばいい

それまでの間、解析されても無駄になるように
頻繁にバージョンアップする
607デフォルトの名無しさん
垢版 |
2019/04/30(火) 23:22:26.27ID:fcz41J68
ゲームは知らんが、実際フロントのJSで解読されたく無い処理なんて無いよな。所詮データ表示してるだけだし。
2019/05/01(水) 14:46:02.39ID:Q6HQJPx/
フロントはサーバーからAPIやら何やらでデータ持ってくるだけだから無問題でしょ
2019/05/01(水) 21:46:44.39ID:/1G6hUdD
フロントが安くみられる理由ではあるな。
2019/05/01(水) 21:56:12.32ID:okVhT/cj
所詮クライアントで出来る事しか出来ないからな
2019/05/01(水) 22:09:52.31ID:97t5KpT2
クライアントできることって、
例えば、3Dレンダリングとか?
動画エンコーディングとか?
クライアントならすごいことできるって言いたいのかなぁ?
2019/05/02(木) 11:50:10.12ID:Y46iLWky
プッシュ通知とかWebカメラ使った画像解析とかGセンサーとかね
613デフォルトの名無しさん
垢版 |
2019/05/02(木) 12:06:47.46ID:DtNw2Ba7
フロントが軽く守られる風潮は営業がそうだからね。もう工数も人員的にも7:3ぐらいでフロント。
614デフォルトの名無しさん
垢版 |
2019/05/02(木) 12:07:17.03ID:DtNw2Ba7
すまん、見られるね。
2019/05/02(木) 13:03:14.76ID:WWkY/KvO
その辺りの人間が勉強しないとな
616デフォルトの名無しさん
垢版 |
2019/05/02(木) 18:23:54.03ID:gOrselrw
真のフロントエンジニアがぜんぜんいない
どいつもこいつもエセフロントエンジニアしかおらん
2019/05/03(金) 16:03:38.35ID:gYGrPyNn
CSSコンポーネントってどれがいいの?
618デフォルトの名無しさん
垢版 |
2019/05/03(金) 19:01:46.34ID:APX4kfTB
cssにまでコンポーネントなんか使わねえよ
それいろいらやってみたが再利用性低いしものすごい使いにくい
cssはjsの外に持つべき
なんでもjsでやろうとするな
そしてscss使え
619デフォルトの名無しさん
垢版 |
2019/05/03(金) 21:27:01.47ID:fqcYoDWz
redux-actionsって便利っぽいのにgithubでredux採用プロジェクト見てもあんま使われてないのはなんか罠があるの?
2019/05/04(土) 10:14:57.37ID:DqtcHd/u
メンテナの規模じゃね
実質1人だし
2019/05/04(土) 11:01:16.00ID:l237H6NF
無駄なテンプレ化という印象しかない。
そのうち具体的に何書いてるかわからなくなってメンテ不可になりそう。
2019/05/04(土) 20:14:11.36ID:Ui9BQ5Tx
nodeでローカルに何かのライブラリインストールすると普通に3万個とか5万個とかのファイルができる
それで作るアプリは初歩のjsで実現できるレベル
2019/05/04(土) 21:45:06.68ID:eyQzK648
>>622
何のライブラリをインストールしたの?
2019/05/05(日) 13:43:38.99ID:f2I/aDPf
ReactNative
2019/05/05(日) 14:12:43.76ID:Gq6Oz0GG
仕組み分かってなさそう・・・
2019/05/05(日) 14:47:13.81ID:tcRm4IYE
特に何かってよりスレタイのフレームワークをCLIで入れるだけで相当数のファイル入るよね
2019/05/05(日) 17:59:01.33ID:Q2loWuJO
windows使ってるならファイル数見てみたらいいよ
数万入ってる
2019/05/05(日) 21:57:26.76ID:RohDjFeT
Vueは何が学習コストが低いだよw
ちょっとだけ触るのに手間がかからないってだけの間違いだろ

vuex router使うようなレベルになると
なんら学習コストのアドバンテージはない
2019/05/05(日) 22:21:54.20ID:tcRm4IYE
>>628
導入コストは低いけど決して学習コストは低くないよね
2019/05/05(日) 22:33:03.03ID:f2I/aDPf
だからあれほどReactにしろと
2019/05/05(日) 22:48:36.49ID:tcRm4IYE
Material UIってどうなの?他にもっといいのとかある?
2019/05/05(日) 23:50:55.58ID:yGiei76k
だからjQueryがほとんどのサイトでは適切なんだよ。
アプリなんて作るのはごく一部だから
2019/05/05(日) 23:56:58.40ID:N438PKgp
お前は自分の立てたスレに帰れよ
2019/05/06(月) 00:00:40.86ID:hKkSY5j9
スレの数だけ、俺の居場所がある。
2019/05/06(月) 15:59:00.41ID:5mvd4R5O
SPAはNuxtが伸びるだろうね
Vueだけで規模でかくなるの辛いわ
636デフォルトの名無しさん
垢版 |
2019/05/06(月) 18:52:47.92ID:3zTuKyjo
>>631
UI素人がMaterial UIで構築していたが、激しく素人感でていてさすがだと思った
637デフォルトの名無しさん
垢版 |
2019/05/06(月) 20:38:31.92ID:kr7+hcA9
Vue CLI 3が出てもnuxt必要?
2019/05/06(月) 20:44:38.03ID:H+RoyPJ9
SSRってどれくらい必要なんだろうね
GoogleではSSRなしでも正しく識別されるけどYahooだとダメとかそんな感じかな?
2019/05/06(月) 20:53:31.17ID:hKkSY5j9
そもそもアプリケーションを検索対象にしたいって時点で
使う技術が間違っていることに気づこう
640デフォルトの名無しさん
垢版 |
2019/05/06(月) 22:45:00.75ID:uiqP2evc
SSRとかSPAとか用語乱立しすぎだろ
2019/05/06(月) 22:57:06.92ID:G3XIPJCC
今に始まったことじゃないやろ
2019/05/06(月) 23:19:28.31ID:hKkSY5j9
RとかSRとかSSRとか
2019/05/07(火) 08:33:38.77ID:oR0wekoP
>>635
SPAにするならNuxt要らなくね?
PWAと間違えてないか?
644デフォルトの名無しさん
垢版 |
2019/05/07(火) 12:29:25.28ID:IawlpAQn
SSRはどうにも眉唾なテクだよな。速度だけが目的で下手に実装するとカオスへの入り口。
2019/05/07(火) 16:17:10.88ID:bnJYSTEg
nuxtは規約があるのがでかい
最低限の秩序はほしい
2019/05/07(火) 19:40:00.66ID:xdfwJpdS
SSRとかそもそもやろうとしてることが不自然すぎるだろ。
2019/05/07(火) 19:59:43.27ID:ftZQ7zua
そのうちGoogleとかがSPAとか仮想DOMの方がSEO点数高くなるとかなればいいのにな
2019/05/08(水) 00:07:46.96ID:1ScUuopK
SPAとか仮想DOMが使われていて、
かつ検索したいサイトをお前は思いつくか?
2019/05/08(水) 00:11:28.70ID:Oef/J+zG
検索したいのはデータなんだからいくらでもあると思うが
2019/05/08(水) 00:18:34.32ID:1ScUuopK
だからSPAや仮想DOMを使うようなもので
検索したいデータなんてあるのかって話をしてるんだよ

ログインしなきゃ見れない個人情報を検索されたくあるまい?
2019/05/08(水) 00:53:55.69ID:Oef/J+zG
SPAや仮想DOMを何だと思っているのか
2019/05/08(水) 01:49:25.54ID:UnJk27R+
何に学習コスト払うか迷うなぁー

Vue盛り上がってるけど案件ないだろ
2019/05/08(水) 02:23:35.82ID:UnJk27R+
やっぱりがっつり使うならAngularだわ
laravelのbladeと混在して使うならVue
jqueryの置き換えがvueの形かなー
2019/05/08(水) 02:36:56.71ID:1ScUuopK
>>651
SPAの略のとおりだろ?
シングルページ "アプリケーション"

アプリケーションの内容を検索したいなんて
思わないだろ
2019/05/08(水) 06:36:04.05ID:cBelvj6F
コンテンツ内容と関係ないところだと例えば
HTTP/2 > https > http
みたいなSEO優先順位みたいなのあるわけだし

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

SPA対応が今後加点対象になるのは十分ありえると思うけどな
2019/05/08(水) 09:13:29.35ID:3VixzUZL
>>655
君は理解していない
SPAは操作によって遷移しなくてもコンテンツ(表示内容)が変わるものだと思ってる
操作が必須

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

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

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

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

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

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

結局の所クロールが重要なページはHTMLで作ったほうが良いい。
2019/05/08(水) 16:57:46.59ID:y6qvOV2k
SPAってVueRouterやReactRouter使ってもSPAだよね?
662デフォルトの名無しさん
垢版 |
2019/05/08(水) 19:15:28.81ID:xLTSwTE2
今はSPAでもurlとコンテンツが一致するのは当たり前だと思うが。
2019/05/08(水) 21:07:08.36ID:qfybUbfB
ちゃんと作ってればね。
Vueとかで、変数に値入れればそれがビューに反映される。簡単!って
言ってるレベルじゃ無理。変数に値を入れたところでURLには反映されないから
2019/05/08(水) 21:43:03.66ID:1/kiWGBR
>>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
2019/05/08(水) 21:46:18.86ID:/fbqDJFW
名前がダサい…
2019/05/08(水) 23:08:40.83ID:UnJk27R+
次から次へとええかげんにせいよ…
667デフォルトの名無しさん
垢版 |
2019/05/08(水) 23:12:44.98ID:S3X7JuSb
フラッパーみたいだよね

月刊コミックフラッパー オフィシャルサイト
https://comic-flapper.com
フラッパーとは - コトバンク
https://kotobank.jp/word/%E3%83%95%E3%83%A9%E3%83%83%E3%83%91%E3%83%BC-620981
2019/05/08(水) 23:21:34.90ID:qfybUbfB
>>666
よく考えてみよう。

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

阿部寛のサイトを超える高速化は
結構むずい
2019/05/09(木) 15:21:50.90ID:gVwm/ZNp
AngularのTS固定は先見てたね

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

…っていうよりやっぱReactでいいやって結論に至った
2019/05/10(金) 23:44:17.71ID:YkXyKnTH
ReactはVueに食われると予測する
堅牢で全部入りのAngularは一定層に
需要あると見るから安定して存在し続ける
2019/05/10(金) 23:56:24.24ID:5pEntNE1
実際問題VueからReactに移るって人は居ても逆はないと思うんだよね
両方それなりに触ったけど
2019/05/11(土) 00:01:37.61ID:86iOIgkh
実態は>>349
2019/05/11(土) 00:16:31.79ID:0ONlCrpu
まず*.vueってテンプレート書式がjsxに比べて煩雑というか冗長なんだよね
あとタグの中にv-if、v-forって書くよりもJavaScriptとして制御文を書く方が柔軟だし明快なんだよね
2019/05/11(土) 12:07:13.98ID:dFSThr/t
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から移管)
2019/05/11(土) 12:18:07.62ID:dFSThr/t
GoogleがAngularとFlutterをどう考えるか
TelerikがVueをどれくらい支援するつもりかで
将来への安定性が変わってくる
2019/05/11(土) 12:57:08.42ID:dFSThr/t
ちなみにAlibabaは、今はReactに似たフレームワークの
Rax(WebとWeexでのネイティブ対応)の開発を行っているので
Vueへの支援は限定的と思われる
2019/05/11(土) 21:29:48.13ID:k2bl7TQ1
>>692
全部入りを好む奴は総じてプログラマとしてクソ
2019/05/11(土) 21:30:45.78ID:OpJkzPTa
WeexよりもVueNativeの方がまだいいんじゃないかね
2019/05/11(土) 22:12:47.06ID:BTldsl5g
全部入りといえばVisual Studio
2019/05/11(土) 22:59:18.42ID:dFSThr/t
>>700
出来の良し悪しはともかく
数が多くなるのと、対象の道連れになるのでラッパー類は除いてる
Ionic、Nuxt、Vue Nativeなど
703デフォルトの名無しさん
垢版 |
2019/05/12(日) 01:01:51.46ID:xOhrfp/J
Reactのインポート地獄をみんなどうしてる??

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

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

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

タブの定義をnスペース単位のパディングとかにせず、前後行との関連での自然な位置ということにすれば、いつでも1タブで良くなるのに。
2019/05/14(火) 10:40:59.88ID:upCBpEzH
>>715
タブを使うとインデントとはなにか?という概念の話が始まる(笑)

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

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

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

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

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

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

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

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

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

見やすさのためにやる単純な作業をレビューが必要な作業に変えるのはアホ過ぎる
2019/05/14(火) 11:08:05.03ID:rV66FunX
コードに限らず、このパターンだよな

対象一覧 ・A
        ・B
        ・C

対象一覧
 ・A
 ・B
 ・C

個人的には後者が好みだが
2019/05/14(火) 11:18:50.33ID:ZtmBYpYh
>>719
俺はそういう定義コメントは上に書く派だからそうはならないな

行の後ろにコメント付けるの自体わりと悪習だと思ってる
2019/05/14(火) 11:34:44.51ID:rV66FunX
コメントはケースの一つということだろう
コードで例を書くなら

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でやってる
2019/05/14(火) 12:47:54.21ID:b+POQtqn
>>722
Python使ってるヤツとは宗教的に相いれないというのがよく分かった
2019/05/14(火) 14:08:31.57ID:upCBpEzH
>>721
だからそういうことだよ。

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

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

そんなん見た目汚いだけやん
2019/05/14(火) 16:52:22.49ID:IsdOqmjg
Haskellはどんな感じ?
2019/05/14(火) 17:24:40.92ID:rV66FunX
>>726
そういう観点だと
「tabでインデントしない」というルールを作るな
とも言えるのでは?

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

使い分けっていうのは人間の努力が必要でルールを「人間が守る」するしか無い
2019/05/14(火) 20:05:02.13ID:TDDhIyFE
>>730
見た目で区別できるから、ずれて表示されたとしても
脳内で補完できるとか言わないよね?

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

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

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


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

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

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

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

の違いな。

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

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

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


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

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

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

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

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

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

どうでもいい
2019/05/16(木) 15:20:09.96ID:KPUxvSgB
こういうくだらない議論見てると、goのやり方は必要悪だったんだなぁって。
2019/05/16(木) 15:36:40.29ID:M/ddkVVC
話をまとめると

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

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

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

o ごっちゃにして盛り上げてる
2019/05/16(木) 16:03:56.62ID:/BWZYdMZ
>>770
>>764からの「5スペとか混ぜちゃうヤツが居る」
→「機械的に対処できる」→「機械的は難しくね」という話でしょ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

なんか良いアイデアないですか?
2019/05/30(木) 18:05:06.34ID:d3b9/vXx
vueで規模大きめのプロジェクト参加するかもなんだが
どうせ炎上するでしょ…

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

https://codesandbox.io/s/vue
2019/05/30(木) 22:56:46.24ID:bb+aWtrz
知らないけど、jsfiddle, jsdo.it などには、ライブラリは置いてないのかな?
2019/05/31(金) 01:27:36.80ID:MbKHsGz2
>>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
2019/05/31(金) 13:23:21.49ID:L/zqyqIZ
vueをgoogle トレンドでみたら
アメリカ限定だとangularと変わらないよな

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

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

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

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

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

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

actionとreducerがあればいい
2019/06/02(日) 18:37:15.76ID:jfAtVOnZ
>>933
reducerでstateいじったら自動的にstoreの要素に追加されるということですか?
2019/06/02(日) 18:40:28.58ID:FWvUKJZ9
>>934
react routerとセットになってるヤツだけどこれのexamplesみてどういう風に書かれてるか追ってみるのが一番手っ取り早いと思う
https://github.com/supasate/connected-react-router
2019/06/02(日) 18:41:39.95ID:jfAtVOnZ
>>935
ありがとう!!!
2019/06/02(日) 18:47:53.43ID:FWvUKJZ9
>>920は単に意味のない問答じゃない理由となり得る理由を挙げてみただけ
実際TS使う恩恵は>>931じゃなく>>932だと思う

ソースを読むのに必要なのは変数の型がなにであるかよりも変数が何に使われてるかで
読む際に助けになるのは型名じゃなく分かりやすい変数名

ロジック的な誤りは読んでて見逃す事もあるしな
2019/06/04(火) 03:06:15.14ID:h/SUjHEp
Angularの公式サイトってChrome以外で見ると重いっていうか場合によってはロードできないみたいだな
2019/06/04(火) 03:18:15.13ID:JWz1Ccau
>>937
> ソースを読むのに必要なのは変数の型がなにであるかよりも変数が何に使われてるかで
> 読む際に助けになるのは型名じゃなく分かりやすい変数名

それが成り立つのは、変数の型が文字か数値の場合だけ
2019/06/04(火) 04:11:58.83ID:SFWE3wK7
>>939
変数がオブジェクトの場合なんて尚更読みやすさのためじゃなくオブジェクト形状の妥当性の為に型を書く意味合いが強いじゃん
2019/06/04(火) 04:25:47.87ID:oQKNEIyc
>>940
理由を1つも言わずに主張されてもなw
2019/06/04(火) 11:04:44.50ID:9rWkPoBI
【速報】金券五百円分とすかいらーく優侍券をすぐもらえる  
https://pbs.twimg.com/media/D8I_wvBU8AAkV4V.jpg    
  
@ スマホでたいむばんくを入手     
A 会員登録を済ませる 
B マイページへ移動する
C 招待コード→招待コードを入力する [Rirz Tu](スペース抜き)   
     
今なら更に4日18時までの登録で2倍の600円の紹介金を入手 
クオカードとすかいらーく優待券を両方ゲットできます。   
      
数分で終えられるのでぜひお試し下さい。     
2019/06/04(火) 13:06:20.25ID:XXr8i2SB
>>942
一万請求されたんだが…
2019/06/04(火) 13:23:55.17ID:YcEj7P0i
>>942
もう貰ってる
945デフォルトの名無しさん
垢版 |
2019/06/04(火) 22:08:17.71ID:9Fdozd+0
>>943
俺も
詐欺だぞこれ
2019/06/04(火) 22:11:14.13ID:h/SUjHEp
なんで500円如きに釣られるんだよ
2019/06/04(火) 23:53:06.78ID:ra+PHDOz
一万とられるならマジやばいやつやん
948デフォルトの名無しさん
垢版 |
2019/06/05(水) 12:16:11.87ID:SxBZ5bvb
thisはどこにいてもthisだ
949デフォルトの名無しさん
垢版 |
2019/06/05(水) 19:43:51.13ID:x4otE0k9
>>948
アロー関数「(あれ?なんで俺、、この世に生まれたんだろ?)」
950デフォルトの名無しさん
垢版 |
2019/06/06(木) 11:34:24.08ID:MmdtfHnB
func.call()にはthisパラメータ上書き機能まであるからな
2019/06/07(金) 12:10:24.67ID:jIWjd2/z
>>942
掲示板荒らすなってレビューすればいいのか?
2019/06/09(日) 16:35:20.94ID:Q276we2O
余談だけど
米オーディオ機器ハーマンの
Flashの移行サポートに使うフレームワーク
アパッチロイヤル?どうなのかな。

https://royale.apache.org/
https://services.harman.com/partners/adobe

ASって殆どTypeScriptだし
開発凄く楽そうなので興味はあるが。
2019/06/10(月) 07:25:02.42ID:9rIHBlAo
Reactできる人が羨ましいっすな
よくわからずで挫折してもうた 流行ってるのが羨ましい
Angularは何とかギリギリ理解できてるから今後もっと流行ってくれないかなぁ・・・厳しいか^q^
2019/06/10(月) 09:11:58.52ID:ozC8SeHK
>>953
何が分からんの?ってかどこで躓いた?
955デフォルトの名無しさん
垢版 |
2019/06/10(月) 11:03:48.19ID:g6tidy/F
面白くなくてモチベーションが涌かないという躓き方
2019/06/10(月) 21:09:32.44ID:Ii7tq5Jr
reactは一歩一歩勉強できるツールなわけだが
どいつもこいつもその一歩一歩やることを拒否しやがる。
2019/06/10(月) 22:02:17.16ID:ujTvUCPf
@環境構築済みで
Aコンポーネント作成者ではなく利用者側の場合、
めっちゃ簡単じゃない?
難しいのはreactではなくreduxの間違いでは?
2019/06/11(火) 02:49:45.57ID:VNyhmdAk
vuexは超簡単だったが
2019/06/11(火) 04:10:47.47ID:imvByBfZ
reduxを使うからと言ってすべての状態をredux管理にする必要はないなって思った
react routerを使う場合にrouterを跨ぐ情報はreduxで管理した方が便利だし
routerを跨がないものは移動時のデータの破棄がひと手間になるからuseStateとかで処理した方がシンプルかなって
2019/06/11(火) 06:33:43.52ID:X3+rrqgk
そんなの当たり前
2019/06/11(火) 07:16:39.19ID:rt/UvHAD
それだったら分けずにreduxでまとめた方が俺は楽だけどな。
2019/06/11(火) 08:20:47.84ID:A/VeehAw
後でreduxに入れるか変わったら面倒くさい
2019/06/11(火) 08:24:20.32ID:BaYgfrBn
コードが少なければ少ないほど、変更する時に変更するコードが少なくなるんだが、
Reactとかreduxとか、コードが増えるので保守性が下がってる。
2019/06/11(火) 19:44:08.86ID:rt/UvHAD
こういうバカはそのうちコードを書かずに人に命令するのが一番とか言い出す。
2019/06/11(火) 20:19:38.34ID:vib91KXZ
>>954
もう序盤も序盤でつまずいた
https://jsbin.com/ragufuguwe/1/edit?js,output
これを、
「何でキー入力でタイトルをリネームするのにファイルをまたぐんだろう?
そのままHeader.jsにぜんぶまとめた方が管理しやすいのにな」と思ったりね
(今思うとこれはApp.jsのstateをHeader.jsに渡す(共有)ための作業なのかなと)
低レベルなアレですまんw
2019/06/11(火) 21:11:53.97ID:ddwgXnrm
vueでcomponent間に微妙な空白ができるんですけど仕様でしょうか?
2019/06/11(火) 21:21:50.83ID:OaP1Ycvw
>>964
命令された人がコード書くじゃん
お前馬鹿なの?
2019/06/11(火) 21:55:24.21ID:rt/UvHAD
>>967
さすがにそれくらいはわかるか。よかった。
2019/06/11(火) 22:10:53.11ID:OaP1Ycvw
じゃあ話を戻す

コードが少なければ少ないほど、変更する時に変更するコードが少なくなるんだが、
Reactとかreduxとか、コードが増えるので保守性が下がってる。
2019/06/11(火) 22:35:27.21ID:KDSvfPuN
>>965
その小さすぎる例では理解し辛いだろうけど
機能やデータがそれぞれ「どこにあるべきか」というのは大事だよ

分割もバランスではあるけど
システムの規模が大きくなるにつれて管理しやすさは逆転し得る
2019/06/11(火) 22:47:41.48ID:VNyhmdAk
>>966
Vue使ってるけど気になったことないな
あとそんな仕様は聞いたことないが
2019/06/11(火) 22:49:58.12ID:rt/UvHAD
「コードが少ない」の意味がだいぶ曖昧。
別に高圧縮かけた記号列が保守性が良い訳ではない。
つまり概念が直行してることが重要なわけだがそういう考察もなく
react, reduxのコード量だけで判断しているのはだいぶ愚かとしか言いようがない。
2019/06/11(火) 22:52:53.90ID:OaP1Ycvw
>>972
そんな定義次元の話してないよ
コードの量って言ったらステップ数に決まってる
2019/06/11(火) 23:10:00.88ID:imvByBfZ
Reduxを使うかどうかは場合に応じて臨機応変にだと思うがな
フォームのパスワードみたいな値とか特にReduxで持つべきではないと思うしpersistで持つとかもってのほかだし
逆にログインセッションみたいな値はReduxにpersistで持つのが望ましいと思う
とは言っても特定の頻度でサーバー側にステータスチェックを投げるのは必要だとも思う
2019/06/11(火) 23:21:18.27ID:nhr5/y7O
問題は、Reactのサンプルで、Reactを使うような例が
思いつかないってところなんだろうな

むりにつかっても、React使わないほうが
シンプルに実現できるじゃんって思われてしまう。
2019/06/11(火) 23:32:37.16ID:imvByBfZ
SimpleというかRecyclableにする為に使って大規模になった時に結果として使わないよりもシンプルになるってところかな
2019/06/12(水) 04:24:03.58ID:mlkAn7XZ
ウェブでOfficeソフトを作ってまーすってのならわかるが
ほとんどのサイトは大規模になることはないというね
2019/06/12(水) 07:32:44.04ID:inilIjyq
そらWebサイトならWordPressなりWixなりで作ってりゃいいだろ
その分野に関しちゃフレームワークの出る幕も俺の出る幕もありゃせん
2019/06/12(水) 07:35:20.27ID:NlzEfHP7
>>966
原因調べないと何とも言えないけど、多分vue と言うよりかはbuefy や vuetify みたいなUIフレームワークが関与してる気がする。

原因を調べるならchrome の開発者ツールで空白の気になるcomponent 要素のcssを見て、
そのスタイルが何由来で当たってんのかを調べてみれば?
2019/06/12(水) 09:39:06.57ID:eCiQ25Tx
>>973
一つのステップに暗黙の動作を詰め込んだ言語だったら同じだろ。
それが本当にデバッグしやすいかと言えば全然そんなことはない。
ステップ数でなんでも測ろうとする奴が行き着くところが
自分でやらずに人売りするべしって発想だよ。
2019/06/12(水) 09:51:58.07ID:H7zmO1sQ
>>980
暗黙の動作を詰め込むとかデバッグがどうとか的はずれすぎるw

暗黙の動作を詰め込まないようにしつつ、コードは少ないほうが良いし、
デバッグしやすくしつつ、コードは少ないほうが良いだろ

なんでコードを減らすと、暗黙の動作が増えてデバッグしづらくなるって思ってるんだろ?
2019/06/12(水) 10:38:53.87ID:eCiQ25Tx
単純な見方しかしてないのがよくわかる。
マクロを使うことで極限までコード量を減らすことはできるが
全く保守性はよくなってない事例を知らんだけの無知野郎にはこれ以上何もいうことは無いわ。
983デフォルトの名無しさん
垢版 |
2019/06/12(水) 12:02:46.09ID:tqvE0DW+
「直交性が大事」の意味を判ってなさそう
2019/06/12(水) 12:59:08.18ID:3cqADZsj
直交性とコードの量は関係ない
直交性かつコードの量
2019/06/12(水) 13:04:27.81ID:fpFnIp9D
vueとかjqueryとか色々隠してて使いやすいけど後が怖いよ
2019/06/12(水) 13:14:54.28ID:3cqADZsj
Windows APIとか色々隠してて使いやすいけど後が怖いよ
2019/06/12(水) 18:09:00.89ID:IPXgTyaj
よくわからんけど
高度に記号化されてコードが短くなってもそれで必ずしもわかりやすく
バグが出にくくなってるわけじゃないってことを言ってるんではないかな
2019/06/12(水) 18:10:16.97ID:IPXgTyaj
直行性

AとBが無関係であること
2019/06/12(水) 18:20:22.64ID:3cqADZsj
AとBが無関係。

そして、Aの中でコードが短ければ短いほど良い

コードっていうのはステップ数のことな
だーれも変数名を1文字にしろとか言ってないから
2019/06/12(水) 18:26:46.45ID:IPXgTyaj
それこそ誰も言ってない

複数行のコードが一行になったとして

aaa :: ?>?>? = bbb ?!!!? .kkk + aaa,dddd<=> ccc!!!?!!! ;
みたいな呪文コードだったら嫌だろうし生産性は落ちるしバグがでるだろうよってことだろさ
2019/06/12(水) 18:28:07.87ID:IPXgTyaj
短いのが正義かと言えばそうでもないよってこと
2019/06/12(水) 18:29:19.06ID:a258QYnc
>>989
>だーれも変数名を1文字にしろとか言ってないから
そうなんだよな
メモ帳で開発してる奴が居たら知らんけど
2019/06/12(水) 18:34:31.87ID:IPXgTyaj
さっきの記号コードで中で一か所評価順をミスっててバグが内部に出ていても
デバッグが異常に難しい

普通のコードのほうがメンテナンス性が高い
2019/06/12(水) 18:50:52.13ID:3cqADZsj
>>990
> aaa :: ?>?>? = bbb ?!!!? .kkk + aaa,dddd<=> ccc!!!?!!! ;
> みたいな呪文コードだったら

だからだーれも変数名を1文字にしろとか言ってないから
2019/06/12(水) 18:53:21.77ID:IPXgTyaj
基地外だったのか
さわってそんしたわ
2019/06/12(水) 18:54:39.95ID:IPXgTyaj
> コードが短ければ短いほど良い
そんなことはない
わかりくいコードはいらない
perlでも触ってたらいい
2019/06/12(水) 18:57:22.31ID:/w2uRKiX
コードは一画面に収まるぐらい短くしたほうが良い
2019/06/12(水) 18:58:51.38ID:/w2uRKiX
可読性は読みやすいコードって勘違いしているやつが多いが、
読むコードを減らすことが本当の可読性
>>990みたいなのは読むコードが減ってない
2019/06/12(水) 18:59:34.64ID:/w2uRKiX
関連するコードがあちこちにバラバラに成ってるのは良くない
VueとかReactとかはばらばらになってしまう
2019/06/12(水) 18:59:58.07ID:/w2uRKiX
それと同時にHTMLとJavaScriptという分けるべきものが一緒になって
可読性が下がっている。
10011001
垢版 |
Over 1000Thread
このスレッドは1000を超えました。
新しいスレッドを立ててください。
life time: 94日 20時間 57分 25秒
10021002
垢版 |
Over 1000Thread
5ちゃんねるの運営はプレミアム会員の皆さまに支えられています。
運営にご協力お願いいたします。


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

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

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

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

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