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
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では必要無いように思うんだけど
どの時点から使うメリット出てくるんだろう
どの時点から使うメリット出てくるんだろう
748デフォルトの名無しさん
2022/01/06(木) 10:44:20.87ID:zb3zmdQT むしろシンプルなSPAこそnext使うべきだよ
SPAといってもサーバーサイドを無視することはできないからね
SPAといってもサーバーサイドを無視することはできないからね
749デフォルトの名無しさん
2022/01/06(木) 12:39:58.64ID:/RkhTEU5 Ruby on Rails の埋め込みテンプレートERB では、
HTML, JavaScript も、a.html.erb, b.js.erb に、ERBで書いている
<% 〜 %>, <%= 〜 %>
だから、JSX の方が可読性が高い
HTML, JavaScript も、a.html.erb, b.js.erb に、ERBで書いている
<% 〜 %>, <%= 〜 %>
だから、JSX の方が可読性が高い
750デフォルトの名無しさん
2022/01/06(木) 16:20:27.07ID:KUTJJCqx >>747
serverはapiだけだよいね
serverはapiだけだよいね
751デフォルトの名無しさん
2022/01/06(木) 17:14:08.33ID:EbQMVjXp うろ覚えだけどNext.jsのREST部分ってExpressみたいな感じだっけ? 型に厳格にできるFasify使いたくなる。
752デフォルトの名無しさん
2022/01/07(金) 00:30:34.19ID:0CT3Il9G753デフォルトの名無しさん
2022/01/08(土) 19:22:06.33ID:n1qotXzE754デフォルトの名無しさん
2022/01/08(土) 21:00:03.90ID:IBn1OFCK そういうみんなReactとかいうこと言うと、
そもそもみんなReactやVueじゃなくてjQueryがほとんどじゃん
いや、煽ってるわけじゃないよ、念のため事実として言ってるだけね
そもそもみんなReactやVueじゃなくてjQueryがほとんどじゃん
いや、煽ってるわけじゃないよ、念のため事実として言ってるだけね
755デフォルトの名無しさん
2022/01/08(土) 21:28:33.00ID:n1qotXzE もちろんそうだが文字通り利用者数が多いだけで実体は
フロントにベタ貼りみたいな使い方がほとんどだから多いだけじゃないの
フロントにベタ貼りみたいな使い方がほとんどだから多いだけじゃないの
756デフォルトの名無しさん
2022/01/08(土) 21:30:27.61ID:2jxzo5wl 何度も何度もバカは学習しないんだな
757デフォルトの名無しさん
2022/01/08(土) 21:31:14.14ID:2jxzo5wl WordPressだろっつってんだろ
758デフォルトの名無しさん
2022/01/08(土) 23:52:15.48ID:rZeJrpkB 面接でjQueryの良さを語る奴がいたら秒でお疲れしたって言うね
759デフォルトの名無しさん
2022/01/09(日) 00:38:34.20ID:Z9YMd9OK■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 【次の一手】台湾問題で小林よしのり氏が私見「まさに戦争前夜」「ただちに徴兵制を敷いて、高市支持者を最前線へ」… [BFU★]
- 【速報】中国、水産物輸入停止と通達 「処理水」理由、日本政府へ ★7 [おっさん友の会★]
- 【速報】中国外務省報道官 高市首相発言撤回なければ「断固たる対抗措置」 [蚤の市★]
- 高市首相答弁を“引き出した”立民・岡田克也氏が改めて説明「なぜ慎重な答弁をされなかったのか。非常に残念に思っている」 ★3 [ぐれ★]
- 「高市人気」どこに? 自民候補が福島市長選で大敗、葛飾区議選でも苦戦 衆院早期解散論に冷や水 [1ゲットロボ★]
- 【ホタテ】中国が水産物輸入停止を伝達「ビクビクしながら…」北海道の水産業者からは落胆の声 [おっさん友の会★]
- 日銀「利上げなんだけど」高市さん「そういうことね、よしなに🙂」 [881878332]
- 高市早苗「つい言い過ぎた」公邸で一人ひきこもる😲 [861717324]
- 【悲報】普通の日本人「総理が高市さんになって日本が正常化していく…!」 [714769305]
- 日本人、ついに気づく「あれ、日本が対中国で取れる対抗措置ってなくない…?」 [931948549]
- JAL、ANA「国内線赤字です」「新幹線に負けるので値上げどころかセール連発で値下げします」👈ビジネス的にもう厳しくね [943688309]
- 外務省局長「答弁撤回は拒否する。薛剣はクビにしろ。訪日自粛やめろ。あと在留邦人の安全確保しろ」 [834922174]
