[表示 : 全て 最新50 1-99 101- 201- 301- 401- 501- 601- 701- 801- 901- 1001- 2ch.scのread.cgiへ]
Update time : 08/22 12:34 / Filesize : 239 KB / Number-of Response : 1020
[このスレッドの書き込みを削除する]
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧] [類似スレッド一覧]


↑キャッシュ検索、類似スレ動作を修正しました、ご迷惑をお掛けしました

Vue vs React vs Angular vs Svelte Part.8



1 名前:デフォルトの名無しさん mailto:sage [2021/05/23(日) 13:42:32.51 ID:qRfDE337.net]
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。

652 名前:デフォルトの名無しさん mailto:sage [2021/12/17(金) 17:32:41.77 ID:e+zRdiVV.net]
ライブラリない時点で選択肢から外れるわ

653 名前:デフォルトの名無しさん mailto:sage [2021/12/17(金) 17:58:40.48 ID:DlY/T7am.net]
そもそもReactからSvelteに乗り換えられるような規模感って、それ技術選定の段階でミスってるんよ・・・

てか、Recoilのおかげで固有コンポーネントの凝集度が高くなるから
変更時の影響範囲が狭くてかなり楽になったわ

654 名前:デフォルトの名無しさん mailto:sage [2021/12/17(金) 22:56:25.29 ID:5BXN3ZtS.net]
Reactが使える範囲はすごく小さいって話だな
jQueryが今も王者である理由

さて現在は・・・jQueryのシェアは4ヶ月連続で0.1%増加し続けて
78.5%にまで到達、なお一年前は77.1%でした。

これが現実やで

655 名前:デフォルトの名無しさん mailto:sage [2021/12/17(金) 23:30:40.25 ID:/b1W7aYn.net]
はいはい今日もご苦労さん

656 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 01:23:35.57 ID:4KhQcFRS.net]
wordpressインストールするだけでjqueryシェア増えるからな
詐欺サイトが自動量産されてるからシェアが増えると詐欺も増えるだけ
つまりjqueryは詐欺のためにシェアを拡大している
これを自慢するアホは詐欺以下の存在

657 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 01:55:08.72 ID:HgDdUmgR.net]
頭悪そう

658 名前:デフォルトの名無しさん [2021/12/18(土) 09:42:47.02 ID:odsCERiM.net]
で、結局vueとreactどっちがいいの?

659 名前:デフォルトの名無しさん [2021/12/18(土) 10:08:57.24 ID:S/VVluSn.net]
同じ東アジア人が作ったVueに決まってるだろ。
東洋の神秘が感じられるし。

660 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 10:54:11.46 ID:09VA1HW7.net]
>>647
「最近は○○をよく書いてます」
この○○に入れたい方



661 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 12:21:27.75 ID:vKnOh+8c.net]
>>645
React使って何かを作るよりもWordPressを使う方を選ぶってことやろw

662 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:28:19.45 ID:8H10breR.net]
こんにちは、初心者デス!
家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。

プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz

皆さんはもっと良いものを使って作ってますか?

663 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:30:21.84 ID:vKnOh+8c.net]
>>651
そんなレベルのやつがReactを使うな
jQueryを使うべき
基礎から始めろ

664 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:32:44.47 ID:8H10breR.net]
>>652
後でやります!めっちゃ急ぎで性能的に大丈夫かどうか知りたいです。
大丈夫でないなら今から買いにいかなきゃならないので。

665 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:35:02.83 ID:vKnOh+8c.net]
>>653
急いているふりをするな
自分が無能であることを知ることから始めろ
そして自分で調べろ
それが今すぐにやるべきことだ

666 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:35:57.79 ID:vKnOh+8c.net]
デキない人ほど「忙しいフリ」に走る真の理由
https://toyokeizai.net/articles/-/131261

667 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:36:28.81 ID:vKnOh+8c.net]
なぜ暇な人ほど「忙しいふり」をするのか
https://diamond.jp/articles/-/49822

668 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:37:26.94 ID:8H10breR.net]
>>651への回答まだまだ募集中

669 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:38:18.89 ID:8H10breR.net]
>>651の再掲

家のWindowsにReact nativeをセットアップしましたが
エミュレータがフリーズします(うまく行けば10分以上かかってやっと表示されます)。

プロセッサーが悪いのですか?
AMD A4-9125 RADEONR3,4 COMPUTE CORES
2C+2G 2.30GHz

皆さんはもっと良いものを使って作ってますか?

670 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:38:37.54 ID:vKnOh+8c.net]
性能が悪いんで100万ぐらい用意して
新しいパソコン買え

他の人は20万とか10万とか5万とか3万とか
騙してくるだろうな



671 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:39:35.70 ID:vKnOh+8c.net]
すでに答えました。

他の人もどうぞ

それっぽい回答をよろしくおねがいします(笑)

672 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:40:01.27 ID:yvc9u4tM.net]
>>652
React NativeとjQueryを比較するとか正気か!? 使えるフィールドが全然ちゃうやん

>>651
CPU性能もさることながら、メモリ足らんのちゃうか。まずタスクマネージャー見ろ。
つか、スレチ

673 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:40:48.62 ID:vKnOh+8c.net]
ほら、メモリを買ってこいってさ!

674 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:41:50.21 ID:vKnOh+8c.net]
jQueryとか言ってるやつが言うことは全部ウソだから

675 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:42:06.86 ID:vKnOh+8c.net]
あw ID変わってなかったwww

676 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:42:24.58 ID:8H10breR.net]
>>661
ありがとうございマス!メモリも足りません!
数年前のものです。
新品の高性能のやつ買ってきます。ではではスレチ失礼しました!

677 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:42:44.22 ID:pHjv7ptJ.net]
>>651
うーん、やっぱりGPUの性能が足りんのではないですかな?

678 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:42:59.90 ID:vKnOh+8c.net]
>>651
HDDの容量が問題だね

679 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:43:24.50 ID:vpsM3JRH.net]
あれ?なんでIDもとに戻ったんだ?

680 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 13:44:01.43 ID:vpsM3JRH.net]
>>661はうまいこと初心者を騙せたなw



681 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 16:46:41.92 ID:/YNmqt9S.net]
Headless CMSとしてWordPressを使う案件って結構あるけどそれ以外使ってる人って何使ってる?

682 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 19:28:08.88 ID:t3mLfSwa.net]
ヘビーユーザーって言うか単にjQueryで作ってもいいような感じのモノを無理やりReact使って作ってたんだろうなとしかね…

683 名前:デフォルトの名無しさん mailto:sage [2021/12/18(土) 19:29:48.10 ID:t3mLfSwa.net]
>>651
A4-9125ってCeleron相当やんそら重いやろ

684 名前:デフォルトの名無しさん mailto:sage [2021/12/19(日) 15:02:04.83 ID:XDi/D+aA.net]
未だにFCやVFCで型付けしてんの多いのが良く分からん
ジェネリクス使えないし、余計な非推奨の含まれたpropsが渡ることになるし
そもそも公式のCRAやDocusaurusとかを見たら使ってないし

685 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 18:55:42.49 ID:MpI5dMic.net]
https://kentutorialbook.github.io/functionalprogramming2022/
| 5.2. オブジェクト指向時代の終焉
|
| JavaScriptはES2015(ES6)時代になり、オブジェクト指向そのもののClass(クラス)が新たに導入されました。
| これに伴い、Reactでも、フレームワークの根幹となるコンポーネントをClassで表現するように標準化されました。
|
| 筆者などは「いくらJavaScriptが根強いオブジェクト指向ファンの要請から、後方互換性のようなクラスが導入されたからといって、
| Reactのようなメジャーな外部ライブラリまでそれに習うのは困ったことになった、時代の逆行だ」と、まったく歓迎していませんでした。
|
| 案の定、オブジェクト指向のクラスを標準コンポーネントとして利用するというReactのアプローチは失敗し、
| 実質クラス実装のコンポーネントは破棄し、関数型に近いHooksという仕組みが導入されることになりました。

686 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 19:52:11.98 ID:V5h4Q/CP.net]
そんな経緯じゃなくね?
それはともかく、JSにおいてclassの存在意義が大きく無いのには同意。

687 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 20:40:56.41 ID:4I3c8+KB.net]
スクリプト言語だし、必要に応じて呼び出されるだけのサブシステムだからClassは馴染まないよね。
クラスって入口から出口まで完全にその言語で実現される比較的大きめのプログラムには有効だよ

688 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 20:53:50.18 ID:V5h4Q/CP.net]
そういう意味じゃないです……

689 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 20:56:19.56 ID:wAg0N+lC.net]
Reactのソースみたことないけど関数なのに値はどうやって保持してるんだろ?
中身はク

690 名前:ロージャーなのかな? []
[ここ壊れてます]



691 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 21:00:33.61 ID:wKVZlXUG.net]
クロージャーは苦労するのじゃー

692 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 21:06:19.80 ID:MpI5dMic.net]
>>676
全く違います
JavaScriptはクラスインスタンスベースのオブジェクト指向ではなく
プロトタイプベースのオブジェクト指向なので
かなり後になって最近ようやく後付けでクラスが導入されたという経緯があります

693 名前:デフォルトの名無しさん mailto:sage [2021/12/20(月) 22:21:48.32 ID:xoF9H+aY.net]
擬似クラスでも恩恵には預かれる
ダメなのは理解なく使った場合の弊害

要するにアホガードを搭載したのがhooks apps

694 名前:デフォルトの名無しさん mailto:sage [2021/12/21(火) 13:47:56.18 ID:4eCXrsgH.net]
そもそも現行のAngularはクラスベースでうまく機能してるし(以前はゴタゴタしてたけど)
結局は使い方次第

つーか、言語はかくあるべし、みたいなしょーもないこだわりは個人開発だけにして欲しいわ
チームに持ち込まれると鬱陶しくてかなわん

695 名前:デフォルトの名無しさん mailto:sage [2021/12/21(火) 17:35:27.28 ID:S4hmWBPH.net]
郷に入っては郷に従え、という言葉の通り、長い目で見ればモダンJS,TSという郷に従ったほうが利がある。
モダンJS,TS使いは、classがわからんからclassを使わんわけではなく、classを知ってるから必要な時しかclassを使わんのだ。

696 名前:デフォルトの名無しさん mailto:sage [2021/12/22(水) 17:58:28.52 ID:bSX9wHrA.net]
新しいことを覚えたくないから、覚えなくて良い逃げ道を探しがち
はてブのコメ欄とか見てるとつくづくそう思う

697 名前:デフォルトの名無しさん mailto:sage [2021/12/22(水) 18:12:37.58 ID:373P16f8.net]
もうそろそろ新しいのも出なくなってReactと状態管理とNextさえマスターすればくないか?

698 名前:デフォルトの名無しさん mailto:sage [2021/12/22(水) 18:53:04.72 ID:WkDs1ZLi.net]
Nuxt 3 を今すぐオススメしたい 15 のポイント
https://zenn.dev/ytr0903/articles/d0a91f6180d34e

699 名前:デフォルトの名無しさん mailto:sage [2021/12/23(木) 08:17:00.90 ID:kPplFkzx.net]
これ本当?
学習コスト高そうでReactとか敬遠してたんだけど手軽に学習出来るならSvelte.jsっての触ってみようかな



Svelte.jsは、React.jsなどのライブラリと比べて複雑ではないため、フロントエンド開発初心者でも学習ハードルは高くありません。
また、手軽に開発することができるため、小規模アプリを個人開発したい人におすすめです。https://udemy.benesse.co.jp/development/app/svelte-js.html

700 名前:デフォルトの名無しさん mailto:sage [2021/12/23(木) 08:31:12.60 ID:j2HWxxr9.net]
Svelteいい感じじゃん



701 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 02:58:56.45 ID:r3YAqFM9.net]
>>61
技術力ないところはvue/nuxt っていうのはめっちゃ合ってるわ

702 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 04:13:10.33 ID:9OzOPrjS.net]
>>689
日本語が読めない人かね?
誤読して全く異なる意味になっているぞ

703 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 07:26:27.71 ID:YcHZq73m.net]
ReactもWeb技術やJSの基礎さえ出来てれば別に難しくはない。元々Web開発やってない人には多分難しい。

704 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 08:27:49.63 ID:U4+wjKtW.net]
jQueryを使っていれば
JSやWebの基礎ができてる
基礎ができてる人は多い

705 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 08:42:32.66 ID:YcHZq73m.net]
jQueryはルールが独特なのでjQueryが生み出すのはjQueryだけ使える人です……。そういう可哀想な人をたくさん見てきました。

706 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 08:54:55.42 ID:U4+wjKtW.net]
jQueryはDOM APIを簡略化してかけるようにしただけですよw
そもそもjQueryはJavaScriptで作られています。
基礎ができてないから、そんなこともわからない。

707 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 11:55:14.13 ID:/wq9BcxX.net]
>>59
jquery UIとか今でも欲しがってるゴミクソがいたとは驚きだわ

708 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 12:00:25.96 ID:wJCvYLpU.net]
jQueryのイテレータとか特殊じゃん。jQueryおじさんが一番jQueryわかってない疑惑

709 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 16:51:25.10 ID:lY0WwWdw.net]
>>687
Reactは最適化しようとすると大変なだけ
Recoilやv18で来るConcurrentModeとかが
実現したいことに当てハマる場合はおススメ
ただ無理に使うものではないし、ほんとそこに書いてある通り規模感次第

710 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 18:00:46.01 ID:U4+wjKtW.net]
>>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をわかってない



711 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 18:08:55.71 ID:YcHZq73m.net]
変な例だなArray.from()ご存知ない?

712 名前:デフォルトの名無しさん [2021/12/25(土) 18:27:01.06 ID:uRsvRo2Z.net]
jQueryは
mapとeachで引数順違ったり
DOMがthisにバインドされたり
明らかに設計ミスってるからね
もし今同等の機能のライブラリ作るならこんな作りにしないでしょ

713 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 18:45:07.84 ID:A1IyMFWz.net]
jQueryスレでどうぞ

714 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 19:46:07.62 ID:U4+wjKtW.net]
>>700
> DOMがthisにバインドされたり
それはDOM APIの仕様に準拠した動作

やっぱり基礎を知らないんだな(苦笑)

715 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 21:01:04.87 ID:YcHZq73m.net]
イテレータの話してるんだからmap引数の関数のthisが配列内の要素(上のコードのケースではa要素)を指すのがおかしいって話してるんでしょ。
わかんない?

716 名前:デフォルトの名無しさん mailto:sage [2021/12/25(土) 21:16:47.01 ID:quJaZiR3.net]
イテレータの話だったらthisのことになるの?

そもそもthisなんて曖昧なもの使わなければ済む

717 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 01:03:44.91 ID:Guj/6jti.net]
>>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を参照します。

718 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 01:07:41.90 ID:Guj/6jti.net]
上のコード(>>698)のケースではコールバック関数ではなく

719 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 06:57:28.45 ID:ZymhXrLB.net]
>>705
イベント用関数のthisがDOMをbindするのは別に普通だよ。
>>700 の言い方からしてイベントの話じゃないし、(thisが出てくるんだから)アロー関数の話でもないのは明らかじゃん。

> jQueryはJavaScriptにmapがない時代に作られたもの
だから古くて独自なんだよね。あとはjQueryスレでやろうか。

720 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 10:59:24.81 ID:bwDwv7pP.net]
jQuery は、this を使えるようにしたのが功績

JavaScript では、thisが狂う。
thisがwindow を指してしまうので、あらかじめthisを、that に代入したりして使っていた



721 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 12:20:29.29 ID:yfFrkMGz.net]
jqueryがなかったらReactもvueもなかった
jqueryがjavascriptを変えた
感謝しろ

722 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 12:49:50.72 ID:Z6JzLbeq.net]
thisがwindowとかstrictモードすら知らんのかしら

723 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 13:10:16.83 ID:b3cSH9Df.net]
 環境構築、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 とかで環境構築するしかないかなぁ

724 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 13:29:31.40 ID:ZymhXrLB.net]
>>711
> npmでtailwindcssインストールするとエラー出るpostcss8周りでエラーが発生
tailwindcss3を普通にinstallするとどんなエラー出るの?

725 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 13:49:32.96 ID:b3cSH9Df.net]
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.
…省略…
こんな感じですね。

726 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 13:51:51.51 ID:Guj/6jti.net]
>>707
昔に作られたからだめという考え方が終わってる
C言語なんかもっと昔に作られたもの
なぜ今も使われてるかを理解できないでしょw

727 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 14:00:38.46 ID:Guj/6jti.net]
>>707
> イベント用関数のthisがDOMをbindするのは別に普通だよ。
ならDOM用のイテレータのthisもDOMであるべきってわかるだろw

DOMイベント用の例えばclickとかにデイジーチェーンでeachなどを
つなげるようにするためってわからないか?

clickはthisでアクセスするのにその次のeachはthisじゃないとか一貫性がないだろ
もう少し基礎というか設計能力を鍛えたほうがいい
オレオレフレームワークを自分で作ったこともないだろ
オレオレは使うものではないが、自分で作ることで技術を理解できる

おまえはまだまだってことだ

728 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 15:28:41.58 ID:ZymhXrLB.net]
>>713
vue create hogeでvue3を選択してインストールした後hogeに移動してtailwindcss3インストールしてみたけどエラー出ないな。
npm更新してもう一度0から構築してみては?

729 名前:711 mailto:sage [2021/12/26(日) 16:50:52.27 ID:b3cSH9Df.net]
>>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?xxx.xxx.xxx.xxx:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

別フォルダーでtailwndcss3、autoprefixer、cssnanoの出力設定までは作ったので諦めてこっち使うかな><

730 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 17:02:34.84 ID:CawZ4zpF.net]
>>717
postcss8以上使えってモロに書いてあるだろ
エラーメッセージを読め



731 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 19:45:26.92 ID:b3cSH9Df.net]
>>718
入れたけどダメだったから質問してるんだよ

732 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 20:27:42.09 ID:b3cSH9Df.net]
これは試した。
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",となってる

733 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 21:59:52.94 ID:VxypCbkT.net]
前になったなそれ
グローバルにpostcss-cliとかpostcss-loaderとかの古いのが入ってるとか他のpostcssプラグインが8に対応してないとか
そんなんだった気がする

734 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 22:00:50.70 ID:1tN0iZWM.net]
最近Reactで関数コンポーネントしか使ってないからthisってどう使うんだっけってレベル

735 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 22:12:25.04 ID:ZymhXrLB.net]
>>721
なるほどそういうことか。
俺はVue使ってないから最新の@vue/cliをインストールした上でnpx vue createした。
だから711の状況を再現できなかったのか。スッキリしたぜ

736 名前:デフォルトの名無しさん mailto:sage [2021/12/26(日) 22:13:22.38 ID:bqiVyC6O.net]
とりあえず、jQuery使いが嫌がられてる理由がよく分かる流れだった😅
こんなのチームやそれこそPMにいたら地獄だろうな…😭😭

737 名前:デフォルトの名無しさん mailto:sage [2021/12/27(月) 01:54:41.63 ID:4XXPAYbv.net]
>>724
技術で反論できないからって
それはないだろw

738 名前:デフォルトの名無しさん mailto:sage [2021/12/27(月) 06:24:21.79 ID:lcJkJNGE.net]
>>724
隔離して約款ページでも作らせるしか無いなw

739 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 06:24:29.12 ID:ZGXc0Ku2.net]
認証はもうFirebase Authenticationとかで良いよね?

740 名前:デフォルトの名無しさん [2021/12/28(火) 13:22:00.42 ID:Al6tudgr.net]
むしろ使うべき
自前で実装する時代は終わった



741 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 13:39:56.31 ID:9pJRIB6u.net]
オンプレはどうするんや。
最近、オンプレへの回帰も多いで

742 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 14:36:37.00 ID:Gh6bV9aa.net]
それなんだよなあ

743 名前:デフォルトの名無しさん [2021/12/28(火) 15:09:45.62 ID:sEvynBhZ.net]
>>673
チートシート見たらわかるけど使うなっていってるだから俺は宣言文でやってるわ

744 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 15:48:02.03 ID:ediH0wTa.net]
関数型のarrow は状態を持たない、
computed property・計算値アクセスみたいなもので、this を持たない

ネスト内の無名関数も、this が無意味になって、window を指す。
callback の文脈が分からない。
異次元空間アクセス

だから、あらかじめ、that, bind で関連付けしないと使えない

745 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 16:18:33.90 ID:ediH0wTa.net]
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

746 名前:デフォルトの名無しさん mailto:sage [2021/12/28(火) 18:23:33.19 ID:jComt9em.net]
どういう神経してたらこのスレにrailsがくるんだろう

747 名前:デフォルトの名無しさん [2021/12/28(火) 18:30:44.26 ID:JyRJ6HRN.net]
親切な人ですよね。

748 名前:デフォルトの名無しさん mailto:sage [2022/01/04(火) 21:12:00.70 ID:xV7+Xi6f.net]
vuejsも最近は「reactのこの機能、vuejsでもできるようにしました!」ばっかりで「それだったらreactでよくね?」って感じることが多くなってきたな
htmlとjs部分をはっきり分ける形式のフレームワークだったら最近はsvelteがreactとは違う方向性を目指してていいと思った
今後はjsxが嫌だったらsvelte、そうでなければreactって感じになりそう

749 名前:デフォルトの名無しさん mailto:sage [2022/01/04(火) 23:02:54.63 ID:sbUijChz.net]
はー、Reactだけ追ってるけど他は今そんな感じなのか〜

750 名前:デフォルトの名無しさん mailto:sage [2022/01/05(水) 09:45:39.28 ID:gXRPzTKb.net]
だからjQueryでいいやろ



751 名前:デフォルトの名無しさん mailto:sage [2022/01/05(水) 12:33:36.82 ID:tGrtITYa.net]
はいはい今日もご苦労さん

752 名前:デフォルトの名無しさん mailto:sage [2022/01/05(水) 13:45:42.94 ID:TN8Yfrvz.net]
JSX最初は嫌いだったけどここで突き抜けて便利になるともはやこれでいいやってなるわ






[ 続きを読む ] / [ 携帯版 ]

前100 次100 最新50 [ このスレをブックマーク! 携帯に送る ] 2chのread.cgiへ
[+板 最近立ったスレ&熱いスレ一覧 : +板 最近立ったスレ/記者別一覧]( ´∀`)<239KB

read.cgi ver5.27 [feat.BBS2 +1.6] / e.0.2 (02/09/03) / eucaly.net products.
担当:undef