実際どうなん?
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房が書き込んでも無視してください
探検
Vue vs React vs Angular Part.2
■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
2019/03/09(土) 22:02:33.71ID:47IMMy0/2019/03/10(日) 09:49:18.69ID:6nzJw0Ap
2019/03/10(日) 09:50:04.54ID:5/+zyaBC
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は荷が重いからとか?
何でAngularってあまり使われないんだろうな。
自由に構成を変えられない分、チームとして協業した時に構成を統一出来るし、
ベースとなるTypeScriptで型宣言出来るから変数に違う型をぶち込もうとしてたらIDEが教えてくれるからバグも少なく書ける。
これだけ大規模開発と堅牢なコーディングに向いてて、何故どこの企業もAngularで開発しようってならないんだろ。
一度Angularで開発始めてしまうと後戻りできなくなるからとか、
そもそもHTML、CSS、Javasceiptしか出来ない人間にAngularは荷が重いからとか?
2019/03/10(日) 10:57:03.30ID:KLmR+9gs
あとバージョン更新が速すぎる
7で安定すんのかな
7で安定すんのかな
2019/03/10(日) 10:59:39.20ID:6nzJw0Ap
>>17
用途が違うから。
Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい
ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分
用途が違うから。
Reactを使ってるのはウェブサイトじゃなくて
ウェブアプリを作ってる。
ウェブサイトはReactでは作りづらい
ウェブサイトはAngularが適しているが、
その程度の用途ならjQueryで十分
2019/03/10(日) 11:18:18.33ID:Q25DRVQl
>>18
もう8のBetaが来てる
もう8のBetaが来てる
2019/03/10(日) 11:20:50.23ID:vz6CbeE1
Angular使ってる部署は使ってるな
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てするgoogleの体質
で使ってないな
googleの信用問題な気がw
自分のところで使わないのは、
・大胆に仕様が変わる
・その割りに飽きてポイ捨てする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を推していくようになると思うぞ
Flutter for Webを推していくようになると思うぞ
2019/03/10(日) 11:49:48.39ID:6nzJw0Ap
それはReactも同じだよ。
Web Componentsがすべてを置き換える。
まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし
Web Componentsがすべてを置き換える。
まあReactと互換性がないReact Nativeは別だけどな。
React Nativeはアプリ用であってウェブ用ではないし
2019/03/10(日) 11:56:52.21ID:Q25DRVQl
>>23
AngularDartってのもあるからな
AngularDartってのもあるからな
26デフォルトの名無しさん
2019/03/10(日) 12:02:33.55ID:9L4VxaVq >>17
webの構成要素html、js、cssはとても壊れやすく脆い。altcss、altJSも結局はラップに過ぎん。そして動作するブラウザもどこかで不安定。
だからwebはライブラリやフレームワークが優秀でも堅牢とは言い切れない、どこか不安定な感じが拭えないんだよ。
その上流れの早い業界だから、速攻習得できて早く捨てられる。次に備える。そういうスタイルがwebに合ってる気がしてる。angularには腰が重くなる。
webの構成要素html、js、cssはとても壊れやすく脆い。altcss、altJSも結局はラップに過ぎん。そして動作するブラウザもどこかで不安定。
だからwebはライブラリやフレームワークが優秀でも堅牢とは言い切れない、どこか不安定な感じが拭えないんだよ。
その上流れの早い業界だから、速攻習得できて早く捨てられる。次に備える。そういうスタイルがwebに合ってる気がしてる。angularには腰が重くなる。
2019/03/10(日) 12:19:44.77ID:6nzJw0Ap
>>26
html、js、cssは登場してから大きく変わることはなく安定してると思うけど?
壊れやすいのはその周辺技術。同じことを違うやり方をしては消えていく
生HTML、生JS、生CSSに近いものほど長く生きている
html、js、cssは登場してから大きく変わることはなく安定してると思うけど?
壊れやすいのはその周辺技術。同じことを違うやり方をしては消えていく
生HTML、生JS、生CSSに近いものほど長く生きている
2019/03/10(日) 13:50:12.38ID:nYjQhMLl
生たって小規模ならともかくjsの長ったらしいのなんかメンテできないだろ
ちゃんとしたlintツールとかあってチームとかでメンテできるわけで
ちゃんとした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とは違うやり方をするので、すぐ消えるよ
生じゃない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形式が受け入れられなかった結果だしな
ScssはSassの一形式みたいに言われてるが本来のSass形式が受け入れられなかった結果だしな
2019/03/10(日) 14:14:23.21ID:6nzJw0Ap
2019/03/10(日) 14:48:02.33ID:p6mXoDDk
インデントスタイルのほうが絶対いじりやすいのに
2019/03/10(日) 15:00:02.28ID:6nzJw0Ap
そんなものよりも互換性のほうが重要だし
テキストエディタの機能で小さな差は吸収される
テキストエディタの機能で小さな差は吸収される
2019/03/10(日) 15:31:18.74ID:nYjQhMLl
2019/03/10(日) 15:34:45.50ID:nYjQhMLl
2019/03/10(日) 15:34:57.99ID:Q25DRVQl
>>32
逆にインデント入れたらダメってルールはないし
逆にインデント入れたらダメってルールはないし
37デフォルトの名無しさん
2019/03/10(日) 16:02:25.93ID:q7odbdCi >>27
すまん言い方が大雑把だった。エンジンがどうこうじゃなく、最近は減っただけでブラウザ依存は無くなってないし、生cssやdomは貧弱すぎる。
本来の用途ではないのを時代の要求に合わせて無理やり実現してる感が凄い。それをフレームワークやIDEが必死の努力で隠してくれてる。
それは凄く有難いし新技術はワクワクするしvue reactは楽しい。でも独自記法が象徴する様に「コレは一時的なものです。今はこう書きます」というキナ臭さ凄い。ガッツリコミットできない。
すまん言い方が大雑把だった。エンジンがどうこうじゃなく、最近は減っただけでブラウザ依存は無くなってないし、生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になるって聞くしな
これからGoogleMapもPWAになるって聞くしな
2019/03/10(日) 20:26:48.77ID:V0UGG6E/
Vue.jsは仕事で使ったけどイマイチな感じがした。
ちょっと入院するからreact native勉強するつもり。
このままサーバサイドエンジニアに追い込まれて終わらんよ
ちょっと入院するから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学んで良い時期なのかなと。
そうだね、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データバインディングのコードの書きやすさ
なんだけど、なんかアイディアない?
個別のコンポーネントで管理されてる状態を表す変数(例えばユーザーが入力した文字情報や、サーバーから取得した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フレームワークとは同列じゃないなって思った
cliでプロジェクト作っても初期状態でnpm startすら碌にできんとか
流石にスレタイの3フレームワークとは同列じゃないなって思った
2019/03/10(日) 22:32:21.87ID:6nzJw0Ap
48デフォルトの名無しさん
2019/03/10(日) 22:41:57.30ID:q7odbdCi2019/03/10(日) 22:57:26.28ID:o7bvUAdf
>>48
えぇ…駄目って事は無いと思うけど、RxJSで一度取得した情報をページ遷移ごとに再度取得したり、ユーザーが仮で入力した入力情報を一々RxJSで送るって、面倒臭過ぎない?
俺は一度取得したデータや入力したデータはコンポーネント外のどこかに保管して、
データの更新がある時に再利用する、という方法が良いと思うけど。処理的にも通信量的にも。
もちろん、作るものによってデータの扱いは異なるだろうから、俺の考えが絶対に正しいとは思わないけど。
えぇ…駄目って事は無いと思うけど、RxJSで一度取得した情報をページ遷移ごとに再度取得したり、ユーザーが仮で入力した入力情報を一々RxJSで送るって、面倒臭過ぎない?
俺は一度取得したデータや入力したデータはコンポーネント外のどこかに保管して、
データの更新がある時に再利用する、という方法が良いと思うけど。処理的にも通信量的にも。
もちろん、作るものによってデータの扱いは異なるだろうから、俺の考えが絶対に正しいとは思わないけど。
50デフォルトの名無しさん
2019/03/11(月) 00:23:57.94ID:lyQtF9ny >>49
それは結構範囲が広い問題だねえ。設計思想にも関わってきそうな。ただデータの再利用部分なんだけど、単に通信量を減らすキャッシュ的なもの?なら簡単だろうけど、なにやら複雑そうだね。
それは結構範囲が広い問題だねえ。設計思想にも関わってきそうな。ただデータの再利用部分なんだけど、単に通信量を減らすキャッシュ的なもの?なら簡単だろうけど、なにやら複雑そうだね。
2019/03/11(月) 00:26:48.86ID:JM6BoaCV
52デフォルトの名無しさん
2019/03/11(月) 00:36:16.62ID:EA8HXttJ >>44
それがfluxなんじゃないの?
それが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で管理するのが一番無難かなぁと。
いやそこまでは。精々ユーザーが使っている間、具体的にはブラウザタブ開いている間くらいで考えてる。
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にクソ長い名前付けなきゃならなくてかったるい。
ここが核心で他は不便ではない、という事なら解決方法は全然違ってくると思うし。
5chじゃ詳しく話せないと思うんだけど少し範囲が広すぎるから、なにが具体例があると分かりやすい。今までの内容から、storeやrxやstorage,indexedDBでも解決に至らない問題って事だよね。
>データバインディングする際にも各コンポーネントのhtmlにクソ長い名前付けなきゃならなくてかったるい。
ここが核心で他は不便ではない、という事なら解決方法は全然違ってくると思うし。
2019/03/12(火) 10:16:12.94ID:q9ip16jC
>>51
俺の場合はReactNativeを仕事で使って、同じようなとっつきにくさを感じたから、今はVueやってる。たぶん大差無いんじゃないかな。
俺の場合は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は使わず、内部構造の連想配列をそのまま取得ってこと?
それとも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}}
を書くのが面倒。
何かズラズラと書き上げてて、だんだん設計がよろしく無い気がしてきたわ。いっぺん設計を考え直してみるわ。
「解決に至らない問題」というとちょっと違ってて、やりたい事は出来るんだけど、「もう少しシンプルで書きやすく、分かりやすい書き方はないか」と悩んでる。
今やってる事の目的と具体例を出すと、次の様な感じ。
【やりたい事とアプローチ】
コンポーネント間で画面遷移しても画面の状態が保持されるようにしたい。
そこでコンポーネントではなく、サービスにサイトの状態を保持させる。
【具体例】
『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のバインドが外れてしまう。
ごめん実装と例は違うんだろうけど、パッと見て気になったところ。
ちょっと俺も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経由で取得。
が基本だと思う。要はコンポーネント内で直接ロードしない。この修正だけで随分見通し良くなると思うよ。
あとはサービス側でキャッシュなり永続化なりお好きな様に。
1:Aのロード部分はサービスへ。
2:AB共にサービスからrx経由で取得。
が基本だと思う。要はコンポーネント内で直接ロードしない。この修正だけで随分見通し良くなると思うよ。
あとはサービス側でキャッシュなり永続化なりお好きな様に。
68デフォルトの名無しさん
2019/03/13(水) 11:07:16.09ID:xsp0OITE 頑張らなくっちゃ〜 頑張らなくっちゃ〜
うんちもプリップリッ おしっこもジャージャー
頑張らなくっちゃ〜 頑張らなくっちゃ〜 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
うんちもプリップリッ おしっこもジャージャー
頑張らなくっちゃ〜 頑張らなくっちゃ〜 👀
Rock54: Caution(BBR-MD5:1341adc37120578f18dba9451e6c8c3b)
69デフォルトの名無しさん
2019/03/13(水) 11:20:41.84ID:82TbnNci ・サービスの根幹に関わる部分はflux概念で管理
・その部分はどのページでリロードしても破綻しないように管理する
・見た目とかリロードで変更されても問題ないstateはそれぞれのコンポーネントで管理
こんな感じかね
・その部分はどのページでリロードしても破綻しないように管理する
・見た目とかリロードで変更されても問題ない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に対応して表示がされてるということが重要なんだよ。
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やってる!
みたいな馬鹿多そうだよね
そうでない情報を明確に区別して考えてるかい?
それぐらい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
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して動かねー!なんて事も結構あったから、何か予防出来る良い方法(出来れば補完を効かせる方法)無いかなぁと。
あぁそうか。コンポーネント基準で状態を保持するんじゃなく、RxJSを基準に取得した情報の管理をすりゃいいのか。なんとなく分かったわ。
あと、サイトのリロードについては特に書いてなかったけど、リロード時にはクエリにレコードのidでも埋め込んで、
ABそれぞれでTestService呼べばいいか。
>>65
説明が悪かったわ。変数名が長いのが「めんどくさい」の根本原因じゃなく、
VS Codeでコンポーネントのhtmlに変数を書く時に補完が掛からないからいちいち変数部分だけコンポーネントで書いて、
それをhtmlにコピペするって作業してるけど、その作業がめんどくさいんだよ。
htmlにクソ長い変数名貼り付ける際にコピー範囲間違えて、貼り付けた内容の間違いに気付かなくて、
serveして動かねー!なんて事も結構あったから、何か予防出来る良い方法(出来れば補完を効かせる方法)無いかなぁと。
2019/03/14(木) 01:08:44.08ID:r/2mZZxz
Angularの人多そうだね
自分はReact派なので話がよく分からないわ
自分は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だとどうなるのか分からない。でもそれ補完できるのが普通だから設定でどうにか出来そうな気がするんだけどね。。
ロードはそれで良いと思う。
あと補完部分だけど、俺はwebstorm使ってるからすまんけどvscodeだとどうなるのか分からない。でもそれ補完できるのが普通だから設定でどうにか出来そうな気がするんだけどね。。
90デフォルトの名無しさん
2019/03/14(木) 09:49:55.66ID:cYcIRmqP >>85
まだangular初心者なんで勘違いしてるかも知れんけど、webstormだと補完効いてる様に見える。少なくともコンポーネントのpublicな変数がhtmlで補完効かないという事は無い。注入したサービス内のプロパティも補完効く。
一度試してみたら?30日のトライアルあるし。インスコしてプロジェクト読み込むだけですぐ確認出来るよ。少し高いが。。サブスクだし。
まだangular初心者なんで勘違いしてるかも知れんけど、webstormだと補完効いてる様に見える。少なくともコンポーネントのpublicな変数がhtmlで補完効かないという事は無い。注入したサービス内のプロパティも補完効く。
一度試してみたら?30日のトライアルあるし。インスコしてプロジェクト読み込むだけですぐ確認出来るよ。少し高いが。。サブスクだし。
91デフォルトの名無しさん
2019/03/14(木) 09:58:02.68ID:cYcIRmqP >>86
俺もreact vue派だよ。ただ聞いてた様なangularの急な学習曲線は無いと、現段階では思う。まだ全体を比較できるほど知ってる訳じゃないけど。
俺も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 指定。
色々世話焼いてくれるのは良いけどカスタムしようとすると少しトリッキー。ルータ周りとか。元が緩いから常に複数のやり方がある。たまにコレで正しいの不安になる。不満点としてはそんなもん。
Nuxtでssrにexpress使用する場合って事?仕事で使ってるよ。
create-nuxt-app で pwa, express, vuetify 指定。
色々世話焼いてくれるのは良いけどカスタムしようとすると少しトリッキー。ルータ周りとか。元が緩いから常に複数のやり方がある。たまにコレで正しいの不安になる。不満点としてはそんなもん。
2019/03/15(金) 11:49:10.14ID:grzsyouu
職場のとなりのおっさんが秀丸でAIのフロント作ってた
設計もデザインもコーディングも全部一人で完結させてた
Reactも丸暗記してるみたいで秀丸で手打ち
手練れの人ならvscodeなんて要らない
設計もデザインもコーディングも全部一人で完結させてた
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じゃねえのかよ
100デフォルトの名無しさん
2019/03/15(金) 14:43:00.90ID:xg5ImndD 一方俺はVS Codeでバグが見つかり一時間考えてもわからず人に聞いたらただの変数名の間違いだった
101デフォルトの名無しさん
2019/03/15(金) 15:53:30.81ID:RoIPOHxI Reactで長いスペルって
componentDidMountとかライフサイクルメソッドくらいじゃない?
あとパッケージ名とか
componentDidMountとかライフサイクルメソッドくらいじゃない?
あとパッケージ名とか
102デフォルトの名無しさん
2019/03/15(金) 18:30:15.60ID:Ub8vdKeJ103デフォルトの名無しさん
2019/03/15(金) 19:23:38.69ID:4uXCwYPV そういうの文系ではapple to appleの比較って言うけど理系ではカッコよくなんて言うんだっけ?
104デフォルトの名無しさん
2019/03/15(金) 21:07:09.57ID:2KXTO6ja まあ実際のところメソッドの綴り思い出すくらいのことで生産性が上がったり下がったりはせんわ。
105デフォルトの名無しさん
2019/03/15(金) 21:43:10.81ID:Em1ZGZeP つーか仕事で縛りプレイするなよ
106デフォルトの名無しさん
2019/03/15(金) 22:57:48.26ID:Q5qTdV/M vscode嫌ってるとかでなく、よく知らない・導入面倒そう・そのうち考える くらいの感覚で
現状維持(秀丸継続)してるだけだと思うよ
現状維持(秀丸継続)してるだけだと思うよ
107デフォルトの名無しさん
2019/03/15(金) 23:07:57.45ID:T3qDIaug (知り合いなの?)
108デフォルトの名無しさん
2019/03/15(金) 23:19:53.06ID:oX4qYXDT 秀丸でもホットリロード効くのかね。試すつもりもないが。
109デフォルトの名無しさん
2019/03/15(金) 23:52:43.11ID:FowMnS0c >>108
ホットリロードはwebpack-dev-serverの構成だろ
ホットリロードはwebpack-dev-serverの構成だろ
110デフォルトの名無しさん
2019/03/17(日) 09:13:50.38ID:CtYDlaLX 正直コード補完って要らなくね?
111デフォルトの名無しさん
2019/03/17(日) 09:52:45.29ID:VrxWLsvb うそつきコード補完ならいいのか
112デフォルトの名無しさん
2019/03/17(日) 16:31:11.50ID:B3aOMEx5 >>110
お前さんだけ補完オフにして使えば良いじゃん。
お前さんだけ補完オフにして使えば良いじゃん。
113デフォルトの名無しさん
2019/03/18(月) 09:08:50.14ID:OsNQoPQN ワッチョイなくなったからとれか分からんくなったけどReactマスターのオッペケはどんな環境でコーディングとかデザインとかやってるの?
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 高市総理の“失言”を引き出したはずがSNSで総スカン ビジネスモデルが崩壊した「立憲民主党」の迷走★2 [♪♪♪★]
- Z世代、35%が週休3日希望 「無理せず・安定」に重き 民間調査 [♪♪♪★]
- 斎藤元彦・兵庫県知事、関西学院大学での「講演」予定に波紋 法学部長がコメント「教授会は承認せず」「利用されているようで不愉快」 [ぐれ★]
- 石破前首相 おこめ券配布に「その原資は何?国民の税金でしょう」「リーズナブルな価格でお米が手に入るようにすることの方が大事」 [muffin★]
- 【コメ】やっぱり進次郎のほうがマシ…「コメの値下げは無理」と言い張る農林族の鈴木農水大臣 ★3 [ぐれ★]
- 【発信国情報】X、プロフィール上に「VPN使用の有無」も表示か… ★2 [BFU★]
- ドラえもん
- おほぉ///
- 【速報】香港、日本総領事と断交 [369521721]
- 力士になった時に名乗りたい四股名
- 高市さんのG20遅刻問題洒落にならないことになってた、日本抜きで全会一致で中国寄りの首脳宣言が採択されてそのまま有無を言わさず閉幕 [709039863]
- 【日本一決定戦】静岡県民ちょっと来いkskすっぞ【富士山は静岡】
