Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Angular
https://angular.io/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Svelte Part.7
https://mevius.5ch.net/test/read.cgi/tech/1610901677/
★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorキチガイが書き込んでも無視してください
Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおk。
探検
Vue vs React vs Angular vs Svelte Part.8
■ このスレッドは過去ログ倉庫に格納されています
2021/05/23(日) 13:42:32.51ID:qRfDE337
648デフォルトの名無しさん
2021/12/18(土) 10:08:57.24ID:S/VVluSn 同じ東アジア人が作ったVueに決まってるだろ。
東洋の神秘が感じられるし。
東洋の神秘が感じられるし。
649デフォルトの名無しさん
2021/12/18(土) 10:54:11.46ID:09VA1HW7650デフォルトの名無しさん
2021/12/18(土) 12:21:27.75ID:vKnOh+8c >>645
React使って何かを作るよりもWordPressを使う方を選ぶってことやろw
React使って何かを作るよりもWordPressを使う方を選ぶってことやろw
651デフォルトの名無しさん
2021/12/18(土) 13:28:19.45ID:8H10breR こんにちは、初心者デス!
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。
プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz
皆さんはもっと良いものを使って作ってますか?
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。
プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz
皆さんはもっと良いものを使って作ってますか?
652デフォルトの名無しさん
2021/12/18(土) 13:30:21.84ID:vKnOh+8c653デフォルトの名無しさん
2021/12/18(土) 13:32:44.47ID:8H10breR654デフォルトの名無しさん
2021/12/18(土) 13:35:02.83ID:vKnOh+8c655デフォルトの名無しさん
2021/12/18(土) 13:35:57.79ID:vKnOh+8c デキない人ほど「忙しいフリ」に走る真の理由
https://toyokeizai.net/articles/-/131261
https://toyokeizai.net/articles/-/131261
656デフォルトの名無しさん
2021/12/18(土) 13:36:28.81ID:vKnOh+8c なぜ暇な人ほど「忙しいふり」をするのか
https://diamond.jp/articles/-/49822
https://diamond.jp/articles/-/49822
657デフォルトの名無しさん
2021/12/18(土) 13:37:26.94ID:8H10breR >>651への回答まだまだ募集中
658デフォルトの名無しさん
2021/12/18(土) 13:38:18.89ID:8H10breR >>651の再掲
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。
プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz
皆さんはもっと良いものを使って作ってますか?
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。
プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz
皆さんはもっと良いものを使って作ってますか?
659デフォルトの名無しさん
2021/12/18(土) 13:38:37.54ID:vKnOh+8c 性能が悪いんで100万ぐらい用意して
新しいパソコン買え
他の人は20万とか10万とか5万とか3万とか
騙してくるだろうな
新しいパソコン買え
他の人は20万とか10万とか5万とか3万とか
騙してくるだろうな
660デフォルトの名無しさん
2021/12/18(土) 13:39:35.70ID:vKnOh+8c すでに答えました。
他の人もどうぞ
それっぽい回答をよろしくおねがいします(笑)
他の人もどうぞ
それっぽい回答をよろしくおねがいします(笑)
661デフォルトの名無しさん
2021/12/18(土) 13:40:01.27ID:yvc9u4tM662デフォルトの名無しさん
2021/12/18(土) 13:40:48.62ID:vKnOh+8c ほら、メモリを買ってこいってさ!
663デフォルトの名無しさん
2021/12/18(土) 13:41:50.21ID:vKnOh+8c jQueryとか言ってるやつが言うことは全部ウソだから
664デフォルトの名無しさん
2021/12/18(土) 13:42:06.86ID:vKnOh+8c あw ID変わってなかったwww
665デフォルトの名無しさん
2021/12/18(土) 13:42:24.58ID:8H10breR666デフォルトの名無しさん
2021/12/18(土) 13:42:44.22ID:pHjv7ptJ >>651
うーん、やっぱりGPUの性能が足りんのではないですかな?
うーん、やっぱりGPUの性能が足りんのではないですかな?
667デフォルトの名無しさん
2021/12/18(土) 13:42:59.90ID:vKnOh+8c >>651
HDDの容量が問題だね
HDDの容量が問題だね
668デフォルトの名無しさん
2021/12/18(土) 13:43:24.50ID:vpsM3JRH あれ?なんでIDもとに戻ったんだ?
669デフォルトの名無しさん
2021/12/18(土) 13:44:01.43ID:vpsM3JRH >>661はうまいこと初心者を騙せたなw
670デフォルトの名無しさん
2021/12/18(土) 16:46:41.92ID:/YNmqt9S Headless CMSとしてWordPressを使う案件って結構あるけどそれ以外使ってる人って何使ってる?
671デフォルトの名無しさん
2021/12/18(土) 19:28:08.88ID:t3mLfSwa ヘビーユーザーって言うか単にjQueryで作ってもいいような感じのモノを無理やりReact使って作ってたんだろうなとしかね…
672デフォルトの名無しさん
2021/12/18(土) 19:29:48.10ID:t3mLfSwa >>651
A4-9125ってCeleron相当やんそら重いやろ
A4-9125ってCeleron相当やんそら重いやろ
673デフォルトの名無しさん
2021/12/19(日) 15:02:04.83ID:XDi/D+aA 未だにFCやVFCで型付けしてんの多いのが良く分からん
ジェネリクス使えないし、余計な非推奨の含まれたpropsが渡ることになるし
そもそも公式のCRAやDocusaurusとかを見たら使ってないし
ジェネリクス使えないし、余計な非推奨の含まれたpropsが渡ることになるし
そもそも公式のCRAやDocusaurusとかを見たら使ってないし
674デフォルトの名無しさん
2021/12/20(月) 18:55:42.49ID:MpI5dMic https://kentutorialbook.github.io/functionalprogramming2022/
| 5.2. オブジェクト指向時代の終焉
|
| JavaScriptはES2015(ES6)時代になり、オブジェクト指向そのもののClass(クラス)が新たに導入されました。
| これに伴い、Reactでも、フレームワークの根幹となるコンポーネントをClassで表現するように標準化されました。
|
| 筆者などは「いくらJavaScriptが根強いオブジェクト指向ファンの要請から、後方互換性のようなクラスが導入されたからといって、
| Reactのようなメジャーな外部ライブラリまでそれに習うのは困ったことになった、時代の逆行だ」と、まったく歓迎していませんでした。
|
| 案の定、オブジェクト指向のクラスを標準コンポーネントとして利用するというReactのアプローチは失敗し、
| 実質クラス実装のコンポーネントは破棄し、関数型に近いHooksという仕組みが導入されることになりました。
| 5.2. オブジェクト指向時代の終焉
|
| JavaScriptはES2015(ES6)時代になり、オブジェクト指向そのもののClass(クラス)が新たに導入されました。
| これに伴い、Reactでも、フレームワークの根幹となるコンポーネントをClassで表現するように標準化されました。
|
| 筆者などは「いくらJavaScriptが根強いオブジェクト指向ファンの要請から、後方互換性のようなクラスが導入されたからといって、
| Reactのようなメジャーな外部ライブラリまでそれに習うのは困ったことになった、時代の逆行だ」と、まったく歓迎していませんでした。
|
| 案の定、オブジェクト指向のクラスを標準コンポーネントとして利用するというReactのアプローチは失敗し、
| 実質クラス実装のコンポーネントは破棄し、関数型に近いHooksという仕組みが導入されることになりました。
675デフォルトの名無しさん
2021/12/20(月) 19:52:11.98ID:V5h4Q/CP そんな経緯じゃなくね?
それはともかく、JSにおいてclassの存在意義が大きく無いのには同意。
それはともかく、JSにおいてclassの存在意義が大きく無いのには同意。
676デフォルトの名無しさん
2021/12/20(月) 20:40:56.41ID:4I3c8+KB スクリプト言語だし、必要に応じて呼び出されるだけのサブシステムだからClassは馴染まないよね。
クラスって入口から出口まで完全にその言語で実現される比較的大きめのプログラムには有効だよ
クラスって入口から出口まで完全にその言語で実現される比較的大きめのプログラムには有効だよ
677デフォルトの名無しさん
2021/12/20(月) 20:53:50.18ID:V5h4Q/CP そういう意味じゃないです……
678デフォルトの名無しさん
2021/12/20(月) 20:56:19.56ID:wAg0N+lC Reactのソースみたことないけど関数なのに値はどうやって保持してるんだろ?
中身はクロージャーなのかな?
中身はクロージャーなのかな?
679デフォルトの名無しさん
2021/12/20(月) 21:00:33.61ID:wKVZlXUG クロージャーは苦労するのじゃー
680デフォルトの名無しさん
2021/12/20(月) 21:06:19.80ID:MpI5dMic >>676
全く違います
JavaScriptはクラスインスタンスベースのオブジェクト指向ではなく
プロトタイプベースのオブジェクト指向なので
かなり後になって最近ようやく後付けでクラスが導入されたという経緯があります
全く違います
JavaScriptはクラスインスタンスベースのオブジェクト指向ではなく
プロトタイプベースのオブジェクト指向なので
かなり後になって最近ようやく後付けでクラスが導入されたという経緯があります
681デフォルトの名無しさん
2021/12/20(月) 22:21:48.32ID:xoF9H+aY 擬似クラスでも恩恵には預かれる
ダメなのは理解なく使った場合の弊害
要するにアホガードを搭載したのがhooks apps
ダメなのは理解なく使った場合の弊害
要するにアホガードを搭載したのがhooks apps
682デフォルトの名無しさん
2021/12/21(火) 13:47:56.18ID:4eCXrsgH そもそも現行のAngularはクラスベースでうまく機能してるし(以前はゴタゴタしてたけど)
結局は使い方次第
つーか、言語はかくあるべし、みたいなしょーもないこだわりは個人開発だけにして欲しいわ
チームに持ち込まれると鬱陶しくてかなわん
結局は使い方次第
つーか、言語はかくあるべし、みたいなしょーもないこだわりは個人開発だけにして欲しいわ
チームに持ち込まれると鬱陶しくてかなわん
683デフォルトの名無しさん
2021/12/21(火) 17:35:27.28ID:S4hmWBPH 郷に入っては郷に従え、という言葉の通り、長い目で見ればモダンJS,TSという郷に従ったほうが利がある。
モダンJS,TS使いは、classがわからんからclassを使わんわけではなく、classを知ってるから必要な時しかclassを使わんのだ。
モダンJS,TS使いは、classがわからんからclassを使わんわけではなく、classを知ってるから必要な時しかclassを使わんのだ。
684デフォルトの名無しさん
2021/12/22(水) 17:58:28.52ID:bSX9wHrA 新しいことを覚えたくないから、覚えなくて良い逃げ道を探しがち
はてブのコメ欄とか見てるとつくづくそう思う
はてブのコメ欄とか見てるとつくづくそう思う
685デフォルトの名無しさん
2021/12/22(水) 18:12:37.58ID:373P16f8 もうそろそろ新しいのも出なくなってReactと状態管理とNextさえマスターすればくないか?
686デフォルトの名無しさん
2021/12/22(水) 18:53:04.72ID:WkDs1ZLi Nuxt 3 を今すぐオススメしたい 15 のポイント
https://zenn.dev/ytr0903/articles/d0a91f6180d34e
https://zenn.dev/ytr0903/articles/d0a91f6180d34e
687デフォルトの名無しさん
2021/12/23(木) 08:17:00.90ID:kPplFkzx これ本当?
学習コスト高そうでReactとか敬遠してたんだけど手軽に学習出来るならSvelte.jsっての触ってみようかな
Svelte.jsは、React.jsなどのライブラリと比べて複雑ではないため、フロントエンド開発初心者でも学習ハードルは高くありません。
また、手軽に開発することができるため、小規模アプリを個人開発したい人におすすめです。https://udemy.benesse.co.jp/development/app/svelte-js.html
学習コスト高そうでReactとか敬遠してたんだけど手軽に学習出来るならSvelte.jsっての触ってみようかな
Svelte.jsは、React.jsなどのライブラリと比べて複雑ではないため、フロントエンド開発初心者でも学習ハードルは高くありません。
また、手軽に開発することができるため、小規模アプリを個人開発したい人におすすめです。https://udemy.benesse.co.jp/development/app/svelte-js.html
688デフォルトの名無しさん
2021/12/23(木) 08:31:12.60ID:j2HWxxr9 Svelteいい感じじゃん
689デフォルトの名無しさん
2021/12/25(土) 02:58:56.45ID:r3YAqFM9 >>61
技術力ないところはvue/nuxt っていうのはめっちゃ合ってるわ
技術力ないところはvue/nuxt っていうのはめっちゃ合ってるわ
690デフォルトの名無しさん
2021/12/25(土) 04:13:10.33ID:9OzOPrjS691デフォルトの名無しさん
2021/12/25(土) 07:26:27.71ID:YcHZq73m ReactもWeb技術やJSの基礎さえ出来てれば別に難しくはない。元々Web開発やってない人には多分難しい。
692デフォルトの名無しさん
2021/12/25(土) 08:27:49.63ID:U4+wjKtW jQueryを使っていれば
JSやWebの基礎ができてる
基礎ができてる人は多い
JSやWebの基礎ができてる
基礎ができてる人は多い
693デフォルトの名無しさん
2021/12/25(土) 08:42:32.66ID:YcHZq73m jQueryはルールが独特なのでjQueryが生み出すのはjQueryだけ使える人です……。そういう可哀想な人をたくさん見てきました。
694デフォルトの名無しさん
2021/12/25(土) 08:54:55.42ID:U4+wjKtW jQueryはDOM APIを簡略化してかけるようにしただけですよw
そもそもjQueryはJavaScriptで作られています。
基礎ができてないから、そんなこともわからない。
そもそもjQueryはJavaScriptで作られています。
基礎ができてないから、そんなこともわからない。
695デフォルトの名無しさん
2021/12/25(土) 11:55:14.13ID:/wq9BcxX >>59
jquery UIとか今でも欲しがってるゴミクソがいたとは驚きだわ
jquery UIとか今でも欲しがってるゴミクソがいたとは驚きだわ
696デフォルトの名無しさん
2021/12/25(土) 12:00:25.96ID:wJCvYLpU jQueryのイテレータとか特殊じゃん。jQueryおじさんが一番jQueryわかってない疑惑
697デフォルトの名無しさん
2021/12/25(土) 16:51:25.10ID:lY0WwWdw >>687
Reactは最適化しようとすると大変なだけ
Recoilやv18で来るConcurrentModeとかが
実現したいことに当てハマる場合はおススメ
ただ無理に使うものではないし、ほんとそこに書いてある通り規模感次第
Reactは最適化しようとすると大変なだけ
Recoilやv18で来るConcurrentModeとかが
実現したいことに当てハマる場合はおススメ
ただ無理に使うものではないし、ほんとそこに書いてある通り規模感次第
698デフォルトの名無しさん
2021/12/25(土) 18:00:46.01ID:U4+wjKtW >>696
それはお前が関数型言語の考え方や高階関数を理解してないから
jQueryのイテレーターはJavaScriptのmapなんかにそっくりだ
links = [{name: "A", href: "a"}, {name: "B", href: "b"}, {name: "C", href: "c"}];
const hrefs1 = links.map(ary => ary.href);
console.log(hrefs1);
const hrefs2 = $("a").map((index, element) => element.href).get();
console.log(hrefs2);
お前がjQueryをわかってない
それはお前が関数型言語の考え方や高階関数を理解してないから
jQueryのイテレーターはJavaScriptのmapなんかにそっくりだ
links = [{name: "A", href: "a"}, {name: "B", href: "b"}, {name: "C", href: "c"}];
const hrefs1 = links.map(ary => ary.href);
console.log(hrefs1);
const hrefs2 = $("a").map((index, element) => element.href).get();
console.log(hrefs2);
お前がjQueryをわかってない
699デフォルトの名無しさん
2021/12/25(土) 18:08:55.71ID:YcHZq73m 変な例だなArray.from()ご存知ない?
700デフォルトの名無しさん
2021/12/25(土) 18:27:01.06ID:uRsvRo2Z jQueryは
mapとeachで引数順違ったり
DOMがthisにバインドされたり
明らかに設計ミスってるからね
もし今同等の機能のライブラリ作るならこんな作りにしないでしょ
mapとeachで引数順違ったり
DOMがthisにバインドされたり
明らかに設計ミスってるからね
もし今同等の機能のライブラリ作るならこんな作りにしないでしょ
701デフォルトの名無しさん
2021/12/25(土) 18:45:07.84ID:A1IyMFWz jQueryスレでどうぞ
702デフォルトの名無しさん
2021/12/25(土) 19:46:07.62ID:U4+wjKtW703デフォルトの名無しさん
2021/12/25(土) 21:01:04.87ID:YcHZq73m イテレータの話してるんだからmap引数の関数のthisが配列内の要素(上のコードのケースではa要素)を指すのがおかしいって話してるんでしょ。
わかんない?
わかんない?
704デフォルトの名無しさん
2021/12/25(土) 21:16:47.01ID:quJaZiR3 イテレータの話だったらthisのことになるの?
そもそもthisなんて曖昧なもの使わなければ済む
そもそもthisなんて曖昧なもの使わなければ済む
705デフォルトの名無しさん
2021/12/26(日) 01:03:44.91ID:Guj/6jti >>703
ツッコミどころ満載で、恥ずかしすぎるレベルだなw
やっぱりJavaScriptの基礎を知らねーのはお前じゃねーか
> thisが配列内の要素(上のコードのケースではa要素)を指すのがおか
上のコード(>>968)のケースではコールバック関数ではなく
アロー関数なのでthisがa要素になることはない
> イテレータの話してるんだから
jQueryは基本的にDOM APIの拡張なんだから
イテレータの話ではなく、まずはDOMが大前提だ
jQueryではDOM APIとの互換性のためにthisが要素になっている
jQueryはJavaScriptにmapがない時代に作られたもの
そのためJ汎用ユーティリティとしてDOMとは無関係の汎用のイテレータも用意されてる
汎用ユーティリティの方のmapはthisにならない
https://js.studio-kingdom.com/jquery/utilities/map
> 各値を変換する関数を指定します。 この関数内でのthisはwindowを参照します。
ツッコミどころ満載で、恥ずかしすぎるレベルだなw
やっぱりJavaScriptの基礎を知らねーのはお前じゃねーか
> thisが配列内の要素(上のコードのケースではa要素)を指すのがおか
上のコード(>>968)のケースではコールバック関数ではなく
アロー関数なのでthisがa要素になることはない
> イテレータの話してるんだから
jQueryは基本的にDOM APIの拡張なんだから
イテレータの話ではなく、まずはDOMが大前提だ
jQueryではDOM APIとの互換性のためにthisが要素になっている
jQueryはJavaScriptにmapがない時代に作られたもの
そのためJ汎用ユーティリティとしてDOMとは無関係の汎用のイテレータも用意されてる
汎用ユーティリティの方のmapはthisにならない
https://js.studio-kingdom.com/jquery/utilities/map
> 各値を変換する関数を指定します。 この関数内でのthisはwindowを参照します。
706デフォルトの名無しさん
2021/12/26(日) 01:07:41.90ID:Guj/6jti 上のコード(>>698)のケースではコールバック関数ではなく
707デフォルトの名無しさん
2021/12/26(日) 06:57:28.45ID:ZymhXrLB708デフォルトの名無しさん
2021/12/26(日) 10:59:24.81ID:bwDwv7pP jQuery は、this を使えるようにしたのが功績
JavaScript では、thisが狂う。
thisがwindow を指してしまうので、あらかじめthisを、that に代入したりして使っていた
JavaScript では、thisが狂う。
thisがwindow を指してしまうので、あらかじめthisを、that に代入したりして使っていた
709デフォルトの名無しさん
2021/12/26(日) 12:20:29.29ID:yfFrkMGz jqueryがなかったらReactもvueもなかった
jqueryがjavascriptを変えた
感謝しろ
jqueryがjavascriptを変えた
感謝しろ
710デフォルトの名無しさん
2021/12/26(日) 12:49:50.72ID:Z6JzLbeq thisがwindowとかstrictモードすら知らんのかしら
711デフォルトの名無しさん
2021/12/26(日) 13:10:16.83ID:b3cSH9Df 環境構築、vuecli(vue3)で、tailwind css3を使いたい。
npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生
tailwindcss2(postcss7)のパッケージは入るやり方は調べたが‥
vuecli+tailwind css3を使えるやり方求む。
tailwindcss2が入るやり方だとこんな感じでした。
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
代替案としては、vuecliで作ったプロジェクトフォルダー内でtailwindcssをインストールせずに、
別フォルダーに npm install -D tailwindcssで構築して、
tailwind.config.jsでvuecliで作ったプロジェクトフォルダーを指定して
npx tailwindcss -i input.css -o output.css とかで環境構築するしかないかなぁ
npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生
tailwindcss2(postcss7)のパッケージは入るやり方は調べたが‥
vuecli+tailwind css3を使えるやり方求む。
tailwindcss2が入るやり方だとこんな感じでした。
npm install tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9
代替案としては、vuecliで作ったプロジェクトフォルダー内でtailwindcssをインストールせずに、
別フォルダーに npm install -D tailwindcssで構築して、
tailwind.config.jsでvuecliで作ったプロジェクトフォルダーを指定して
npx tailwindcss -i input.css -o output.css とかで環境構築するしかないかなぁ
712デフォルトの名無しさん
2021/12/26(日) 13:29:31.40ID:ZymhXrLB713デフォルトの名無しさん
2021/12/26(日) 13:49:32.96ID:b3cSH9Df vue createで作ったフォルダでnpm install -d tailwindcss をやると
npm WARN tailwindcss@3.0.7 requires a peer of autoprefixer@^10.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN tailwindcss@3.0.7 requires a peer of postcss@^8.0.9 but none is installed. You must install peer dependencies yourself.
npm WARN postcss-nested@5.0.6 requires a peer of postcss@^8.2.14 but none is installed. You must install peer dependencies yourself.
…省略…
こんな感じですね。
npm WARN tailwindcss@3.0.7 requires a peer of autoprefixer@^10.0.2 but none is installed. You must install peer dependencies yourself.
npm WARN tailwindcss@3.0.7 requires a peer of postcss@^8.0.9 but none is installed. You must install peer dependencies yourself.
npm WARN postcss-nested@5.0.6 requires a peer of postcss@^8.2.14 but none is installed. You must install peer dependencies yourself.
…省略…
こんな感じですね。
714デフォルトの名無しさん
2021/12/26(日) 13:51:51.51ID:Guj/6jti715デフォルトの名無しさん
2021/12/26(日) 14:00:38.46ID:Guj/6jti >>707
> イベント用関数のthisがDOMをbindするのは別に普通だよ。
ならDOM用のイテレータのthisもDOMであるべきってわかるだろw
DOMイベント用の例えばclickとかにデイジーチェーンでeachなどを
つなげるようにするためってわからないか?
clickはthisでアクセスするのにその次のeachはthisじゃないとか一貫性がないだろ
もう少し基礎というか設計能力を鍛えたほうがいい
オレオレフレームワークを自分で作ったこともないだろ
オレオレは使うものではないが、自分で作ることで技術を理解できる
おまえはまだまだってことだ
> イベント用関数のthisがDOMをbindするのは別に普通だよ。
ならDOM用のイテレータのthisもDOMであるべきってわかるだろw
DOMイベント用の例えばclickとかにデイジーチェーンでeachなどを
つなげるようにするためってわからないか?
clickはthisでアクセスするのにその次のeachはthisじゃないとか一貫性がないだろ
もう少し基礎というか設計能力を鍛えたほうがいい
オレオレフレームワークを自分で作ったこともないだろ
オレオレは使うものではないが、自分で作ることで技術を理解できる
おまえはまだまだってことだ
716デフォルトの名無しさん
2021/12/26(日) 15:28:41.58ID:ZymhXrLB >>713
vue create hogeでvue3を選択してインストールした後hogeに移動してtailwindcss3インストールしてみたけどエラー出ないな。
npm更新してもう一度0から構築してみては?
vue create hogeでvue3を選択してインストールした後hogeに移動してtailwindcss3インストールしてみたけどエラー出ないな。
npm更新してもう一度0から構築してみては?
717711
2021/12/26(日) 16:50:52.27ID:b3cSH9Df >>716
npm アップデートしたけどダメでした。
postcss.config.jsとか設定する前は、npm run serveはエラーでないんですけどね
これ見ながらやってました。
tailwndcss2と3の tailwind.config.js 設定違いは自分で修正してます
ttps://qiita.com/inainainariinainari/items/8050d9e431523d3b0135
npm run serveすると…
ERROR Failed to compile with 1 error 16:39:46
error in ./src/assets/tailwind.css
Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
ttps://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
@ ./src/assets/tailwind.css 4:14-166 15:3-20:5 16:22-174
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://xxx.xxx.xxx.xxx:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
別フォルダーでtailwndcss3、autoprefixer、cssnanoの出力設定までは作ったので諦めてこっち使うかな><
npm アップデートしたけどダメでした。
postcss.config.jsとか設定する前は、npm run serveはエラーでないんですけどね
これ見ながらやってました。
tailwndcss2と3の tailwind.config.js 設定違いは自分で修正してます
ttps://qiita.com/inainainariinainari/items/8050d9e431523d3b0135
npm run serveすると…
ERROR Failed to compile with 1 error 16:39:46
error in ./src/assets/tailwind.css
Syntax Error: Error: PostCSS plugin tailwindcss requires PostCSS 8.
Migration guide for end-users:
ttps://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
@ ./src/assets/tailwind.css 4:14-166 15:3-20:5 16:22-174
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://xxx.xxx.xxx.xxx:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js
別フォルダーでtailwndcss3、autoprefixer、cssnanoの出力設定までは作ったので諦めてこっち使うかな><
718デフォルトの名無しさん
2021/12/26(日) 17:02:34.84ID:CawZ4zpF719デフォルトの名無しさん
2021/12/26(日) 19:45:26.92ID:b3cSH9Df >>718
入れたけどダメだったから質問してるんだよ
入れたけどダメだったから質問してるんだよ
720デフォルトの名無しさん
2021/12/26(日) 20:27:42.09ID:b3cSH9Df これは試した。
npm install -D tailwindcss postcss autoprefixer --force
package.jsonはこんな感じ。
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"autoprefixer": "^10.4.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.7"
},
.\node_modules\postcssを見ても
"name": "postcss","version": "8.4.5",となってる
npm install -D tailwindcss postcss autoprefixer --force
package.jsonはこんな感じ。
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-eslint": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.0.0",
"autoprefixer": "^10.4.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0",
"postcss": "^8.4.5",
"tailwindcss": "^3.0.7"
},
.\node_modules\postcssを見ても
"name": "postcss","version": "8.4.5",となってる
721デフォルトの名無しさん
2021/12/26(日) 21:59:52.94ID:VxypCbkT 前になったなそれ
グローバルにpostcss-cliとかpostcss-loaderとかの古いのが入ってるとか他のpostcssプラグインが8に対応してないとか
そんなんだった気がする
グローバルにpostcss-cliとかpostcss-loaderとかの古いのが入ってるとか他のpostcssプラグインが8に対応してないとか
そんなんだった気がする
722デフォルトの名無しさん
2021/12/26(日) 22:00:50.70ID:1tN0iZWM 最近Reactで関数コンポーネントしか使ってないからthisってどう使うんだっけってレベル
723デフォルトの名無しさん
2021/12/26(日) 22:12:25.04ID:ZymhXrLB724デフォルトの名無しさん
2021/12/26(日) 22:13:22.38ID:bqiVyC6O とりあえず、jQuery使いが嫌がられてる理由がよく分かる流れだった😅
こんなのチームやそれこそPMにいたら地獄だろうな…😭😭
こんなのチームやそれこそPMにいたら地獄だろうな…😭😭
725デフォルトの名無しさん
2021/12/27(月) 01:54:41.63ID:4XXPAYbv726デフォルトの名無しさん
2021/12/27(月) 06:24:21.79ID:lcJkJNGE >>724
隔離して約款ページでも作らせるしか無いなw
隔離して約款ページでも作らせるしか無いなw
727デフォルトの名無しさん
2021/12/28(火) 06:24:29.12ID:ZGXc0Ku2 認証はもうFirebase Authenticationとかで良いよね?
728デフォルトの名無しさん
2021/12/28(火) 13:22:00.42ID:Al6tudgr むしろ使うべき
自前で実装する時代は終わった
自前で実装する時代は終わった
729デフォルトの名無しさん
2021/12/28(火) 13:39:56.31ID:9pJRIB6u オンプレはどうするんや。
最近、オンプレへの回帰も多いで
最近、オンプレへの回帰も多いで
730デフォルトの名無しさん
2021/12/28(火) 14:36:37.00ID:Gh6bV9aa それなんだよなあ
731デフォルトの名無しさん
2021/12/28(火) 15:09:45.62ID:sEvynBhZ >>673
チートシート見たらわかるけど使うなっていってるだから俺は宣言文でやってるわ
チートシート見たらわかるけど使うなっていってるだから俺は宣言文でやってるわ
732デフォルトの名無しさん
2021/12/28(火) 15:48:02.03ID:ediH0wTa 関数型のarrow は状態を持たない、
computed property・計算値アクセスみたいなもので、this を持たない
ネスト内の無名関数も、this が無意味になって、window を指す。
callback の文脈が分からない。
異次元空間アクセス
だから、あらかじめ、that, bind で関連付けしないと使えない
computed property・計算値アクセスみたいなもので、this を持たない
ネスト内の無名関数も、this が無意味になって、window を指す。
callback の文脈が分からない。
異次元空間アクセス
だから、あらかじめ、that, bind で関連付けしないと使えない
733デフォルトの名無しさん
2021/12/28(火) 16:18:33.90ID:ediH0wTa Ruby on Rails の作者・David Heinemeier Hansson(DHH)の、9/8 の動画ある。
もう、Rails 7
Alpha preview: Rails 7 w/ esbuild + Tailwind CSS
https://www.youtube.com/watch?v=JsNtLiph87Y
もう、Rails 7
Alpha preview: Rails 7 w/ esbuild + Tailwind CSS
https://www.youtube.com/watch?v=JsNtLiph87Y
734デフォルトの名無しさん
2021/12/28(火) 18:23:33.19ID:jComt9em どういう神経してたらこのスレにrailsがくるんだろう
735デフォルトの名無しさん
2021/12/28(火) 18:30:44.26ID:JyRJ6HRN 親切な人ですよね。
736デフォルトの名無しさん
2022/01/04(火) 21:12:00.70ID:xV7+Xi6f vuejsも最近は「reactのこの機能、vuejsでもできるようにしました!」ばっかりで「それだったらreactでよくね?」って感じることが多くなってきたな
htmlとjs部分をはっきり分ける形式のフレームワークだったら最近はsvelteがreactとは違う方向性を目指してていいと思った
今後はjsxが嫌だったらsvelte、そうでなければreactって感じになりそう
htmlとjs部分をはっきり分ける形式のフレームワークだったら最近はsvelteがreactとは違う方向性を目指してていいと思った
今後はjsxが嫌だったらsvelte、そうでなければreactって感じになりそう
737デフォルトの名無しさん
2022/01/04(火) 23:02:54.63ID:sbUijChz はー、Reactだけ追ってるけど他は今そんな感じなのか〜
738デフォルトの名無しさん
2022/01/05(水) 09:45:39.28ID:gXRPzTKb だからjQueryでいいやろ
739デフォルトの名無しさん
2022/01/05(水) 12:33:36.82ID:tGrtITYa はいはい今日もご苦労さん
740デフォルトの名無しさん
2022/01/05(水) 13:45:42.94ID:TN8Yfrvz JSX最初は嫌いだったけどここで突き抜けて便利になるともはやこれでいいやってなるわ
741デフォルトの名無しさん
2022/01/05(水) 16:32:09.08ID:DcVUk1vg Vueは少ない学習で楽にSPAを組めるのがウリだったはずなんだけどただのジェネリックreactになってる
理想としたポジションはsvelteにとられちゃったね
理想としたポジションはsvelteにとられちゃったね
742デフォルトの名無しさん
2022/01/05(水) 18:28:23.07ID:3jX46sWs まあSPAはいうても使われる用途がホームページとかそういうレベルの低いところに限られてくるし
それ以上のレベルってなるとやっぱreactもしくは単純にjQueryのみで分かりやすくってなるからしゃーない
それ以上のレベルってなるとやっぱreactもしくは単純にjQueryのみで分かりやすくってなるからしゃーない
743デフォルトの名無しさん
2022/01/05(水) 18:44:44.64ID:tGrtITYa 静的HPもNext.js使うしもうReactにどっぷりですわ
744デフォルトの名無しさん
2022/01/06(木) 07:50:52.50ID:FtaxQJIK reactはhooks推奨してからもう2、3年くらいたって
hooksの記事やサンプルも充実してるし
classコンポーネントから完全に移行できたけど
vueは今触り始めるのは最悪の時期だろうな
hooksの記事やサンプルも充実してるし
classコンポーネントから完全に移行できたけど
vueは今触り始めるのは最悪の時期だろうな
745デフォルトの名無しさん
2022/01/06(木) 09:34:24.89ID:nsq83Rmo 他の言語からjsとReactを初めて見る奴らはこの気持ち悪さに嫌気がさすらしい
その前に奴らはhtmlとcssすらまともに使えないんだが
その前に奴らはhtmlとcssすらまともに使えないんだが
746デフォルトの名無しさん
2022/01/06(木) 09:43:15.32ID:zb3zmdQT Next使うようになってReactがめちゃくちゃ楽しくなったわ
React単体だとかえって面倒なことになりかねない
React単体だとかえって面倒なことになりかねない
747デフォルトの名無しさん
2022/01/06(木) 10:30:45.25ID:5FnILkh/ next.jsってシンプルなSPAでは必要無いように思うんだけど
どの時点から使うメリット出てくるんだろう
どの時点から使うメリット出てくるんだろう
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 日本行き空路49万件キャンセル 中国自粛呼びかけ 日本行きチケット予約の約32%に相当 ★4 [ぐれ★]
- 中国の局長は「両手をポケット」で対峙 宣伝戦で国民に示す ★3 [蚤の市★]
- 【音楽】Perfume・あ~ちゃんの結婚相手「一般男性」は吉田カバンの社長・吉田幸裕氏(41) 高身長で山本耕史似 [Ailuropoda melanoleuca★]
- 【大分】佐賀関で大規模火災、170棟以上が延焼中 70代男性1人と連絡取れず [ぐれ★]
- 【サッカー】U-17日本代表、激闘PK戦制す 北朝鮮撃破で6大会ぶり8強入り U17W杯 [久太郎★]
- 「クマはなるべく山に返す努力を」「クマと戦争は間違っている」動物保護活動家の主張 棲み分けと学習放獣でクマ被害なくなるのか?★7 [ぐれ★]
- とらせん IPあり
- 巨専】
- こいせん 全レス転載禁止
- 【DAZN】ワールドカップ欧州予選総合 ★5
- 侍ジャパンシリーズ2025「日本vs韓国」その12
- 【J SPORTS】FIFA U-17ワールドカップ ★10
- 経済保安相「気に入らないことがあれば経済的威圧をする国への依存はリスク」日本さん遂にアメリカと断交へ!!! [472617201]
- 「世の中、バカが多くて疲れません?」👉1991年日本人大発狂 [543236886]
- 来年は卵が1パック400円以上になるらしい
- 自閉症が「んなっしょい」と連呼するお🏡
- アンケート調査で「高市発言は問題なし」 93.5%wwwwwwwwwwwwwwwwwwwwwwwww [279254606]
- 【悲報】大分市佐賀関の火事、20軒→170軒に延焼🔥 [481941988]
