実際どうなん?
※Angularは残念ながら全く話題にならなかったのでSvelteに差し替えました
Vue
https://jp.vuejs.org/
React
https://reactjs.org/
Svelte
https://svelte.dev/
※前スレ
Vue vs React vs Angular Part.5
https://mevius.5ch.net/test/read.cgi/tech/1596029929/
★ここではjQuery, Ruby, C#, Blazorの話題は禁止です
★jQuery, Ruby, C#, Blazorキチガイが書き込んでも無視してください
Angular, Next, Nuxt, Sapper, Gatsby, VuePress, RedWoodなどはおk。
探検
Vue vs React vs Svelte Part.6
■ このスレッドは過去ログ倉庫に格納されています
1デフォルトの名無しさん
2020/10/27(火) 13:09:05.31ID:5aYZ+KyB788デフォルトの名無しさん
2020/12/29(火) 23:19:25.78ID:c62SKept >>787
そのせいでクオートとか関数クオートみたいな邪悪な存在が生まれたのは無視かな?
そのせいでクオートとか関数クオートみたいな邪悪な存在が生まれたのは無視かな?
789デフォルトの名無しさん
2020/12/29(火) 23:26:15.08ID:Ba9B66hW >>787
長々と書いてるがメリットってこれだけだろ?
> Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。
DSLを作りたいやつがどれだけいるか知らんが
DSLというのはただの関数に過ぎない
だからどの言語でも関数を作ることで簡単にDSLを作れるぞ
長々と書いてるがメリットってこれだけだろ?
> Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。
DSLを作りたいやつがどれだけいるか知らんが
DSLというのはただの関数に過ぎない
だからどの言語でも関数を作ることで簡単にDSLを作れるぞ
790デフォルトの名無しさん
2020/12/29(火) 23:36:01.58ID:awsGRXp2 細かい反論はあるけど概ねご批判の通りだよ。
だから流行らない。俺は好きだけどね
だから流行らない。俺は好きだけどね
791デフォルトの名無しさん
2020/12/29(火) 23:38:23.99ID:Ba9B66hW https://xn--97-273ae6a4irb6e2hsoiozc2g4b8082p.com/%E3%82%A8%E3%83%83%E3%82%BB%E3%82%A4/%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E7%89%B9%E5%8C%96%E8%A8%80%E8%AA%9E/
> DSLは、大きく内部DSLと外部DSLに分類することができます。
>
> 内部DSL: 内部DSLは、汎用のプログラミング言語の書き方を工夫して、
> 見かけ上の構文を自然言語に近づけた言語です。
書き方を工夫するだけだからどの言語でも出来る
> 外部DSL: 外部DSLは、汎用のプログラミング言語とはまったく別の構文を持ったDSLです。
こっちはlispでも作りづらい
> DSLは、大きく内部DSLと外部DSLに分類することができます。
>
> 内部DSL: 内部DSLは、汎用のプログラミング言語の書き方を工夫して、
> 見かけ上の構文を自然言語に近づけた言語です。
書き方を工夫するだけだからどの言語でも出来る
> 外部DSL: 外部DSLは、汎用のプログラミング言語とはまったく別の構文を持ったDSLです。
こっちはlispでも作りづらい
792デフォルトの名無しさん
2020/12/29(火) 23:46:09.89ID:Ba9B66hW 内部DSLの場合、言語によって自然言語に近づけるといっても限界がある場合がある
えばC言語なら、 This("is", "a", "pen"); が限界だろう
これがRubyだと This "is" "a" "pen" となる
is とか a とか を定義すれば、This is a "pen" と書けるかもしれないな
だがシェルスクリプトであれば This 関数を作るだけで
This is a pen と書くことが出来る。
ダブルクォートでくくらなくても文字列として扱われるからだ
内部DSLを作るのに一番適した言語はシェルスクリプトだと思うが
それはそれとして、DSLを簡単に作れる言語の条件はリスト操作をしてるとかではなく
引数を () でくくらなくても良いとか最後にセミコロンがいらないとか
そういう言語ではないだろうか?自然言語は () でくくらないからな
えばC言語なら、 This("is", "a", "pen"); が限界だろう
これがRubyだと This "is" "a" "pen" となる
is とか a とか を定義すれば、This is a "pen" と書けるかもしれないな
だがシェルスクリプトであれば This 関数を作るだけで
This is a pen と書くことが出来る。
ダブルクォートでくくらなくても文字列として扱われるからだ
内部DSLを作るのに一番適した言語はシェルスクリプトだと思うが
それはそれとして、DSLを簡単に作れる言語の条件はリスト操作をしてるとかではなく
引数を () でくくらなくても良いとか最後にセミコロンがいらないとか
そういう言語ではないだろうか?自然言語は () でくくらないからな
793デフォルトの名無しさん
2020/12/29(火) 23:52:22.87ID:Ba9B66hW 引数の区切りにカンマが不要ってのもDSLに適した言語の条件かな
794デフォルトの名無しさん
2020/12/30(水) 00:05:32.15ID:TuVgzDLD >>789
kotlinぐらいじゃないかな。
無茶めな構文が変わるレベルのDSLが作れるの。
S式として成り立ってればどんな構文すら作れるから、関数を作ることで作れるとか言ってるレベルじゃないぞ。
それが良いことかはおいといて。
kotlinぐらいじゃないかな。
無茶めな構文が変わるレベルのDSLが作れるの。
S式として成り立ってればどんな構文すら作れるから、関数を作ることで作れるとか言ってるレベルじゃないぞ。
それが良いことかはおいといて。
795デフォルトの名無しさん
2020/12/30(水) 00:08:13.49ID:Zk/FBUc0 どんな構文でも作りたいわけじゃない
「自然言語」に近い構文を「簡単に」作れるというのが条件
自然言語というのはシンプルで、単語を並べるだけなのだ
仮にkotlinでC言語の構文に対応できたとして
それはDSLとしてはふさわしくない構文
「自然言語」に近い構文を「簡単に」作れるというのが条件
自然言語というのはシンプルで、単語を並べるだけなのだ
仮にkotlinでC言語の構文に対応できたとして
それはDSLとしてはふさわしくない構文
796デフォルトの名無しさん
2020/12/30(水) 00:08:25.33ID:olxuh5fb797デフォルトの名無しさん
2020/12/30(水) 00:15:06.44ID:Zk/FBUc0798デフォルトの名無しさん
2020/12/30(水) 00:19:04.50ID:Zk/FBUc0 あと「簡単に」ってのも重要
作れるけど大変っていうのは簡単ではない
作れるけど大変っていうのは簡単ではない
799デフォルトの名無しさん
2020/12/30(水) 00:19:15.74ID:olxuh5fb Lispは自然言語風ではないだろ
あの括弧なんとかしろよ
あの括弧なんとかしろよ
800デフォルトの名無しさん
2020/12/30(水) 00:21:48.47ID:TuVgzDLD DSLって別に自然言語に寄ってなくても良いんじゃないか?
ドメイン記述に便利な表記であればそれで良いかと。
昔ウィジェットツリーをそのまま書いたらマクロで展開されるとかそういうの書いたことあるけど、自然言語寄りではなかったな。
最近で言うとkotlinのankoみたいなやつ。
ドメイン記述に便利な表記であればそれで良いかと。
昔ウィジェットツリーをそのまま書いたらマクロで展開されるとかそういうの書いたことあるけど、自然言語寄りではなかったな。
最近で言うとkotlinのankoみたいなやつ。
801デフォルトの名無しさん
2020/12/30(水) 00:26:09.36ID:Zk/FBUc0 > DSLって別に自然言語に寄ってなくても良いんじゃないか?
それは正しいが「自然言語と異なる別のプログラム言語」を
覚え直さなければいけないのはナンセンスだろ
それは正しいが「自然言語と異なる別のプログラム言語」を
覚え直さなければいけないのはナンセンスだろ
802デフォルトの名無しさん
2020/12/30(水) 00:26:50.79ID:Zk/FBUc0 (なぜか「当分お断りしております。」が出たので分割して書き込み)
独自のDSLを作る場合、新たな言語を覚えなおさなくていいように
誰もが知ってる自然言語に近い構文にするのが普通
独自のDSLを作る場合、新たな言語を覚えなおさなくていいように
誰もが知ってる自然言語に近い構文にするのが普通
803デフォルトの名無しさん
2020/12/30(水) 00:27:23.67ID:Zk/FBUc0 そうしないとDSLを使うことで
804デフォルトの名無しさん
2020/12/30(水) 00:28:25.07ID:Zk/FBUc0 ぎゃくにこーどがわかりづらくなる
DSLの特徴である「ドメイン固有の処理を簡単に表現できる」に反してしまう
DSLの特徴である「ドメイン固有の処理を簡単に表現できる」に反してしまう
805デフォルトの名無しさん
2020/12/30(水) 00:29:06.25ID:Zk/FBUc0 (なんで「ぎゃくにこーどが」を漢字とカタカナにしたら書き込めないんだ?)
806デフォルトの名無しさん
2020/12/30(水) 00:30:13.27ID:Zk/FBUc0 「コ ー ド」をスペース抜いたら書き込めない
807デフォルトの名無しさん
2020/12/30(水) 00:34:39.76ID:DCxLNcGT こうやって言語機能そのものみたいな基本部分の重箱つついて、何かあるとすぐちゃぶ台返しして応用や発展的な話題出ないの最高に5chのプログラム板って感じ
808デフォルトの名無しさん
2020/12/30(水) 00:35:42.82ID:olxuh5fb そもそもすれ違いだぞ
809デフォルトの名無しさん
2020/12/30(水) 00:41:11.57ID:Zk/FBUc0810デフォルトの名無しさん
2020/12/30(水) 00:56:40.62ID:lXmFrXZN コード
811デフォルトの名無しさん
2020/12/30(水) 00:59:28.01ID:nb9M1V+x >>810
どうやらブラウザ(ユーザーエージェント?)も関係あるっぽい
Chromeでは書き込めず、Firefoxなら書き込めた
その他の情報も見てる可能性があるな
IPアドレスは変えてもクッキー消しても意味はなかった
どうやらブラウザ(ユーザーエージェント?)も関係あるっぽい
Chromeでは書き込めず、Firefoxなら書き込めた
その他の情報も見てる可能性があるな
IPアドレスは変えてもクッキー消しても意味はなかった
812デフォルトの名無しさん
2020/12/30(水) 01:01:03.26ID:eKh3SvG1 スレ違いなネタでろくに知識もないのに平気で一人で盛り上がってる感じ、またC#おじさんかよ。NGすとこ
813デフォルトの名無しさん
2020/12/30(水) 01:12:42.10ID:lGcdPzxm >>812
9月2日から10月10日までレスが3つしか付かなかった過疎スレだったんだよね
テーマに沿って話して過疎るか雑談でスレを伸ばすかのどっちかで雑談でもいいと思う
でないと話すことなくて過疎る
雑談が嫌なら来なければいい
9月2日から10月10日までレスが3つしか付かなかった過疎スレだったんだよね
テーマに沿って話して過疎るか雑談でスレを伸ばすかのどっちかで雑談でもいいと思う
でないと話すことなくて過疎る
雑談が嫌なら来なければいい
814デフォルトの名無しさん
2020/12/30(水) 01:42:40.61ID:zA1s3IaL なんでjs前提のスレで他言語について話してんだ○イジかよと思ったけど。もともと過疎スレだったのか。
フロントエンドFrameworkはすでに別にスレがあるから、雑談スレでもいいかもね。
フロントエンドFrameworkはすでに別にスレがあるから、雑談スレでもいいかもね。
815デフォルトの名無しさん
2020/12/30(水) 01:56:29.40ID:Cptlqs6D みんなどうやったら良いSPAが作れるか議論したいんじゃないの
今更だけどスレタイで技術を限定するのは世界を狭めていると思う
C#おじさんはうざいかもしれないがまがいなりにもSPAを作る技術があるわけで
今更だけどスレタイで技術を限定するのは世界を狭めていると思う
C#おじさんはうざいかもしれないがまがいなりにもSPAを作る技術があるわけで
816デフォルトの名無しさん
2020/12/30(水) 02:08:36.28ID:sThloFfy わいはSSRの方がすこだ!
817デフォルトの名無しさん
2020/12/30(水) 03:37:46.36ID:olxuh5fb C#おじさんの自演ここまでくると怖い
本当に年内に病院に行くべき
本当に年内に病院に行くべき
818デフォルトの名無しさん
2020/12/30(水) 05:45:50.88ID:WuRkJ7SN >>816
Next.jsなら今はSSG推奨
Next.jsなら今はSSG推奨
819デフォルトの名無しさん
2020/12/30(水) 06:08:39.70ID:npFXMZqI 時代はISR
820デフォルトの名無しさん
2020/12/30(水) 06:38:08.28ID:Kz0vlNp0821デフォルトの名無しさん
2020/12/30(水) 10:00:04.98ID:TuVgzDLD まあアホみたいにC#に反論して悪かった。
そりゃそうでそもそもスレチだわな。
React今更やり直してんだけど、スタイルってどうやってる?
Vueみたいにコンポーネントごとに書いといたらcssが一本ドーンとできるみたいな仕組みが欲しいんだが、見た感じなさそう。
css in jsでインラインスタイルみたいな感じで当てまくるのが王道なの?
そりゃそうでそもそもスレチだわな。
React今更やり直してんだけど、スタイルってどうやってる?
Vueみたいにコンポーネントごとに書いといたらcssが一本ドーンとできるみたいな仕組みが欲しいんだが、見た感じなさそう。
css in jsでインラインスタイルみたいな感じで当てまくるのが王道なの?
822デフォルトの名無しさん
2020/12/30(水) 11:50:39.35ID:mn0czGQ5 react というかNext.jsってpagesの中でscssをimport する時って
各エレメントにclassName={hoge.kage} って手動でクラス名を紐付けないと駄目なの?
比較して申し訳ないけど、vueだとcss側に*{color:red}とか.main{border:1px;}、html側に<div class="main">と書くだけで
コンポーネント単位でdata-v-xxxx ってスコープ切って紐付けてくれるんだが、そういうのは無し?
前の人と多分同じネタかなこれ
各エレメントにclassName={hoge.kage} って手動でクラス名を紐付けないと駄目なの?
比較して申し訳ないけど、vueだとcss側に*{color:red}とか.main{border:1px;}、html側に<div class="main">と書くだけで
コンポーネント単位でdata-v-xxxx ってスコープ切って紐付けてくれるんだが、そういうのは無し?
前の人と多分同じネタかなこれ
823デフォルトの名無しさん
2020/12/30(水) 12:16:17.47ID:TuVgzDLD824デフォルトの名無しさん
2020/12/30(水) 12:34:12.03ID:zA1s3IaL 横からだけど自分もそれ気になるなあ。
コンポーネントごとcssを別出しするとか色々あるみたいだけど、やり方が複数あって迷うなぁ。
Tailwind使ってるからスタイル自体そんなに充てないけども
コンポーネントごとcssを別出しするとか色々あるみたいだけど、やり方が複数あって迷うなぁ。
Tailwind使ってるからスタイル自体そんなに充てないけども
825デフォルトの名無しさん
2020/12/30(水) 12:54:00.12ID:mn0czGQ5 >>823
うーむ、Next.jsのgetServerSidePropsに惹かれて試してみたけど、こっちはVueと比べてCSSの考える事は多い感じかな
適当に書くけど、.main > * {color:red}とかやって、子コンポーネントに突き抜けたりしないだろうか・・・。
うーむ、Next.jsのgetServerSidePropsに惹かれて試してみたけど、こっちはVueと比べてCSSの考える事は多い感じかな
適当に書くけど、.main > * {color:red}とかやって、子コンポーネントに突き抜けたりしないだろうか・・・。
826デフォルトの名無しさん
2020/12/30(水) 14:36:06.25ID:97VH6JZh >>820
他人に過疎を味あわせたいというのは異常だし
おまえがこのスレに来なくて過疎を味わい他人がこのスレで雑談して楽しむのはwin-win
スレのテーマを話したい人がいるときに雑談で邪魔しないというマナーはある
他人に過疎を味あわせたいというのは異常だし
おまえがこのスレに来なくて過疎を味わい他人がこのスレで雑談して楽しむのはwin-win
スレのテーマを話したい人がいるときに雑談で邪魔しないというマナーはある
827デフォルトの名無しさん
2020/12/30(水) 17:44:12.92ID:zA1s3IaL >>822
Reactだと、上記と同じことをするのはstyled-componentsかな。
エディタの補完が追いつくのかは気になるけど
https://qiita.com/taneba/items/4547830b461d11a69a20
Reactだと、上記と同じことをするのはstyled-componentsかな。
エディタの補完が追いつくのかは気になるけど
https://qiita.com/taneba/items/4547830b461d11a69a20
828デフォルトの名無しさん
2020/12/30(水) 18:55:12.14ID:olxuh5fb829デフォルトの名無しさん
2020/12/30(水) 20:27:31.52ID:/bDJ6XEP 「過疎スレだから」がスレ違い宣伝荒らしの言い訳ならprologスレとforthスレを盛り上げてこい。これは命令だ。
830デフォルトの名無しさん
2020/12/31(木) 00:25:02.74ID:QWe6530o Next.jsってアップデートされたけどVercel使わないとまともに使えん的になってきてそこそこの規模でも有料だし
少し大きくなったら年間数万ドルもかかるとかやばくねえっすか?
少し大きくなったら年間数万ドルもかかるとかやばくねえっすか?
831デフォルトの名無しさん
2020/12/31(木) 00:48:49.82ID:ZOSFby6D ちょっと調べたけどnextって今そんなことになってたんだ。面白ー。
まぁまだゆとり向けフレームワークのnuxtちゃんがいますし...
まぁまだゆとり向けフレームワークのnuxtちゃんがいますし...
832デフォルトの名無しさん
2020/12/31(木) 07:16:28.08ID:kXsKi0cH 画像最適化やISR等の一部機能がVercel依存なだけじゃないの?
Vercelも自分とこのプラットフォームを使ってほしいだろうけど、客寄せになるNext.jsの人気は必要だから無茶はできないし
Vercelも自分とこのプラットフォームを使ってほしいだろうけど、客寄せになるNext.jsの人気は必要だから無茶はできないし
833デフォルトの名無しさん
2020/12/31(木) 17:56:20.15ID:v+HdWO16 ReactのNext.jsのgetServerSideProps() に相当する機能ってVueのNuxt.js には無い?
DBアクセスとか、必ずサーバー側で実行して欲しい処理を書きたい
DBアクセスとか、必ずサーバー側で実行して欲しい処理を書きたい
834デフォルトの名無しさん
2020/12/31(木) 20:12:22.49ID:n8r8zFZ6 ある
が基本的すぎてドキュメント読んでないのがバレるぞ
が基本的すぎてドキュメント読んでないのがバレるぞ
835デフォルトの名無しさん
2020/12/31(木) 23:11:57.32ID:v+HdWO16 asyncDataやfetchだとrouter-link、nuxt-linkでページ遷移するとクライアント側で実行されちゃう認識だけど
それ以外にも必ずサーバサイドで実行される(ロジックの中でfs.readFileSyncが使える)方法あるの?
それ以外にも必ずサーバサイドで実行される(ロジックの中でfs.readFileSyncが使える)方法あるの?
836デフォルトの名無しさん
2021/01/01(金) 01:01:38.63ID:I6jeM+Zp getServerSidePropsの意味するところを俺が誤認してたみたい失礼。
asyncDataをサーバ側に限定する方法はない
ServerMiddlewareを使えばサーバ側で動くAPIを作れるから、それをクライアント側から呼ぶ形が一般的
asyncDataをサーバ側に限定する方法はない
ServerMiddlewareを使えばサーバ側で動くAPIを作れるから、それをクライアント側から呼ぶ形が一般的
837デフォルトの名無しさん
2021/01/01(金) 01:11:21.91ID:/+4IUuLb やっぱりページごとにAPI作るのがNuxtの流儀か
管理サイト的なものを作っていて、9割のページがDBのデータを表示してるから
1ページごとにAPIを個別に作るのはしんどいんだよね
それか、router-link禁止で全部<a>タグでのみページ遷移するルールにするかって感じか
管理サイト的なものを作っていて、9割のページがDBのデータを表示してるから
1ページごとにAPIを個別に作るのはしんどいんだよね
それか、router-link禁止で全部<a>タグでのみページ遷移するルールにするかって感じか
838デフォルトの名無しさん
2021/01/01(金) 10:22:39.74ID:JSeY8OLT839デフォルトの名無しさん
2021/01/01(金) 11:09:03.93ID:LgwM8ucz840デフォルトの名無しさん
2021/01/01(金) 12:13:22.88ID:JSeY8OLT841デフォルトの名無しさん
2021/01/01(金) 13:10:38.63ID:LgwM8ucz842デフォルトの名無しさん
2021/01/01(金) 13:44:12.20ID:JSeY8OLT >>841
あとビルドするときにscssをcssとして出力(package.jsonに記載)したほうがChromeのDeveloperで開発しやすいんでないかな
俺はそうした
jsにスタイル書くのって俺的には無理だったしscssの変数とかmixinどうすんのって感じだったから使ってない
あとビルドするときにscssをcssとして出力(package.jsonに記載)したほうがChromeのDeveloperで開発しやすいんでないかな
俺はそうした
jsにスタイル書くのって俺的には無理だったしscssの変数とかmixinどうすんのって感じだったから使ってない
843デフォルトの名無しさん
2021/01/01(金) 20:12:23.69ID:/+4IUuLb せっかくコンポーネントごとに分けてるのにグローバルな巨大cssを作るのもちょっとなぁ
scssだと入れ子が出来るだろうから素のcssよりゃマシだろうけど
scssだと入れ子が出来るだろうから素のcssよりゃマシだろうけど
844デフォルトの名無しさん
2021/01/01(金) 22:01:26.56ID:7dc3kU9y >>842
package.jsonに記載って何を記載するんですか?
package.jsonに記載って何を記載するんですか?
845デフォルトの名無しさん
2021/01/01(金) 22:03:44.11ID:gR0w6/3v いいからガタガタ抜かさずemotion使ってみろってw
846デフォルトの名無しさん
2021/01/01(金) 22:05:08.76ID:gOgGeOog emotion は絶対にない。
linaria は許容できるけど
linaria は許容できるけど
847デフォルトの名無しさん
2021/01/01(金) 22:30:42.44ID:8TPOGttB SPAで特定のページにnoindex付けたいんですがどうやるのが正解ですか?
今考えてるのは特定のページに入ったらjqueryでheadにnoindexをぶち込む方法です
今考えてるのは特定のページに入ったらjqueryでheadにnoindexをぶち込む方法です
848デフォルトの名無しさん
2021/01/01(金) 22:34:56.11ID:JSeY8OLT849デフォルトの名無しさん
2021/01/01(金) 22:40:09.79ID:HdS3p/N5 css in js だと goober が軽くてええな
850デフォルトの名無しさん
2021/01/01(金) 22:43:08.73ID:gOgGeOog styled component と emotion は全く同じ位置付けなんだけど。
styled componentが無理矢理でemotionが無理矢理じゃないのが理解できない。
dev toolpの問題は結構前に解消されてるでしょ。
css in js を使用する人は何を実現したくて使用するのか聞きたい
styled componentが無理矢理でemotionが無理矢理じゃないのが理解できない。
dev toolpの問題は結構前に解消されてるでしょ。
css in js を使用する人は何を実現したくて使用するのか聞きたい
851デフォルトの名無しさん
2021/01/01(金) 23:02:42.71ID:gR0w6/3v emotionはstyled component形式でも書けるけどメインはcss prop形式だよ。
css prop形式使わないならstyled component使えばいい。
わざわざemotion使うからにはcss prop形式使うでしょ。
styled component形式は移行のためのサポートと思っとけばいい。
css prop形式使わないならstyled component使えばいい。
わざわざemotion使うからにはcss prop形式使うでしょ。
styled component形式は移行のためのサポートと思っとけばいい。
852デフォルトの名無しさん
2021/01/01(金) 23:05:06.53ID:gOgGeOog853デフォルトの名無しさん
2021/01/01(金) 23:10:00.98ID:gOgGeOog ちゃんと読まないでレスしてた
css prop形式だと余計に css in js 使う意味ないでしょ。
それだと classNameをconditionで操作してるのと変わらないでしょ
css prop形式だと余計に css in js 使う意味ないでしょ。
それだと classNameをconditionで操作してるのと変わらないでしょ
854デフォルトの名無しさん
2021/01/01(金) 23:19:20.92ID:gR0w6/3v あのねえ、styled componentより後発でたったそれだけのことで人気追い抜くわけないでしょ…
知らないならドキュメント読んで使ってみなさいよ
知らないならドキュメント読んで使ってみなさいよ
855デフォルトの名無しさん
2021/01/02(土) 00:13:03.58ID:gKf/Fv60 時代はtailwindCSS
856デフォルトの名無しさん
2021/01/02(土) 15:35:58.93ID:RXFdEIXY tailwindかtacyonsどっちか迷ってる俺に推しの一言をどうぞ
857デフォルトの名無しさん
2021/01/02(土) 17:42:37.50ID:wubIjlLH https://i.imgur.com/vOB4XJi.jpg
もはや比較の必要あるか?というレベルで大差付けてるけども
最近の人気で言うとTailwindCSSかChakra UIかという感じやな、chakraはreact専用だけども。
もはや比較の必要あるか?というレベルで大差付けてるけども
最近の人気で言うとTailwindCSSかChakra UIかという感じやな、chakraはreact専用だけども。
858デフォルトの名無しさん
2021/01/02(土) 20:18:33.44ID:7UePDUod tailwindとchakra uiはスコープだいぶ違うと思うが。
前者はCSSフレームワーク、後者はreact用uiツールキットでしょ
前者はCSSフレームワーク、後者はreact用uiツールキットでしょ
859デフォルトの名無しさん
2021/01/02(土) 22:31:31.83ID:wubIjlLH >>858
立ち位置は完全には同じでないけど、被ってる部分は結構あってサイト内にも比較ページがあるくらい意識されてるよ。
https://chakra-ui.com/docs/comparison
背景も使い所も全く別物なら公式がわざわざ用意しないからね
立ち位置は完全には同じでないけど、被ってる部分は結構あってサイト内にも比較ページがあるくらい意識されてるよ。
https://chakra-ui.com/docs/comparison
背景も使い所も全く別物なら公式がわざわざ用意しないからね
860デフォルトの名無しさん
2021/01/03(日) 00:49:54.47ID:U3X4E4MI うんそれoverview読むだけでまったく別物だって分かるね
861デフォルトの名無しさん
2021/01/03(日) 01:01:48.04ID:p2kXTSH1 全く別物ではないな中身見てないだろ
もちろん範囲外のものもカバーしてるけども
もちろん範囲外のものもカバーしてるけども
862デフォルトの名無しさん
2021/01/03(日) 01:12:57.13ID:p2kXTSH1 例えば
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。
まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。
まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。
863デフォルトの名無しさん
2021/01/03(日) 01:16:24.80ID:U3X4E4MI あほくさ。
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかw
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるw
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかw
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるw
864デフォルトの名無しさん
2021/01/03(日) 01:21:20.90ID:WJLaDztK 知らんけど使用感のことを言ってるんでしょ?
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...
865デフォルトの名無しさん
2021/01/03(日) 01:27:19.26ID:j7drLdmA このフレームワーク流行ってるのか
使ってみようかな
趣味プロダクトのデザインマジで面倒だ
使ってみようかな
趣味プロダクトのデザインマジで面倒だ
866デフォルトの名無しさん
2021/01/03(日) 07:17:12.46ID:77GCy5PB まあ>>859が正しいわな
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで
ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで
ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ
867デフォルトの名無しさん
2021/01/03(日) 16:18:33.59ID:sJkgD0sU materializecssってオワコンなの?
868デフォルトの名無しさん
2021/01/03(日) 19:55:53.47ID:p2kXTSH1 https://i.imgur.com/2YClP8H.png
そーす
https://2020.stateofcss.com/ja-JP/
これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。
そーす
https://2020.stateofcss.com/ja-JP/
これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。
869デフォルトの名無しさん
2021/01/03(日) 20:16:55.01ID:DBWyzvd0 でもお前らのゴミみたいなセンスじゃ何使ってもどうにもならないじゃん?
870デフォルトの名無しさん
2021/01/03(日) 22:03:10.41ID:3GzJdVpR はいはい
871デフォルトの名無しさん
2021/01/04(月) 00:31:45.14ID:iT2qTMUm872デフォルトの名無しさん
2021/01/04(月) 09:41:29.84ID:rgY6auQv AWSのことかな?w
批判にあわてて援助し出したんだっけ?w
批判にあわてて援助し出したんだっけ?w
873デフォルトの名無しさん
2021/01/04(月) 16:45:28.03ID:qovFEaH+ ちょっと何言ってるか分からない
874デフォルトの名無しさん
2021/01/04(月) 17:33:54.18ID:v/b/bq9A 意味不明だな
875デフォルトの名無しさん
2021/01/05(火) 17:59:59.74ID:DKe92MJE スライムというワイルドカード
876デフォルトの名無しさん
2021/01/06(水) 19:42:43.06ID:V+n1SaTt jqueryUIたいなライブラリー
なにか知りませんか?
Reactで使いますが、
React用じゃなくても良いですので。
なにか知りませんか?
Reactで使いますが、
React用じゃなくても良いですので。
877デフォルトの名無しさん
2021/01/07(木) 00:03:32.99ID:HeEo+TnW JQuery UIでいいじゃんそれ
878デフォルトの名無しさん
2021/01/07(木) 00:36:41.77ID:P60007ut BootstrapとかMaterial-UIの事言ってる?
879デフォルトの名無しさん
2021/01/07(木) 12:47:58.31ID:IsAkKduI bootsrtapは?
880デフォルトの名無しさん
2021/01/07(木) 15:12:43.36ID:BMEPnbk6 bootstrapよりどちらかというとvelocityとかじゃね
881デフォルトの名無しさん
2021/01/07(木) 19:07:40.82ID:XRImqR79 JQuery UIの主にインタラクションのような機能です。
Draggable
Droppable
Resizable
Selectable
Sortable
自前のコントロールを作ろうとすると必ずこの壁にぶち当たります。
Draggable
Droppable
Resizable
Selectable
Sortable
自前のコントロールを作ろうとすると必ずこの壁にぶち当たります。
882デフォルトの名無しさん
2021/01/07(木) 20:50:34.46ID:ikfTGx5+ React に、そういう機能のコンポーネントは無いの?
883デフォルトの名無しさん
2021/01/07(木) 22:24:29.72ID:8S5jtpKX ないと思う
俺もjQueryUIのコンポーネント使いまくってるやつは移行が不可能
全部作らないといけないし
新規でやるときは使うんだが
俺もjQueryUIのコンポーネント使いまくってるやつは移行が不可能
全部作らないといけないし
新規でやるときは使うんだが
884デフォルトの名無しさん
2021/01/07(木) 23:16:04.95ID:3TLTtAUE いや少なくともReact DnDでuseDragとuseDropはあるけど…?
そういうことじゃなく??
そういうことじゃなく??
885デフォルトの名無しさん
2021/01/08(金) 00:07:17.50ID:BMLciGfP ReactでjQueryUIを使う場合、
なのか問題とかあるのかな?
なのか問題とかあるのかな?
886デフォルトの名無しさん
2021/01/08(金) 00:48:37.80ID:DKQwsFSV 仮想DOM のReact と、実DOMを更新するjQuery の更新タイミングを、
React のタイミングに合わせる必要がある
合っていないと、jQueryで更新しても、
その後、Reactでは更新していないと思われて、元の状態に戻ってしまう
React のタイミングに合わせる必要がある
合っていないと、jQueryで更新しても、
その後、Reactでは更新していないと思われて、元の状態に戻ってしまう
887デフォルトの名無しさん
2021/01/08(金) 02:03:55.07ID:BMLciGfP888デフォルトの名無しさん
2021/01/08(金) 02:38:29.42ID:K8R3TNe9 いやだからjQueryUI互換のReactのコンポーネントライブラリが欲しいんだよ
なんやかんやいってjQueryUIの出来はめちゃくちゃいい
なんやかんやいってjQueryUIの出来はめちゃくちゃいい
■ このスレッドは過去ログ倉庫に格納されています
ニュース
- 【サッカー】J2第38節 水戸がJ2初優勝!長崎は2位でJ1自動昇格!千葉は大量得点もPOへ [久太郎★]
- アミューズが同性婚訴訟への声明を発表「誰もが良く生きられる自由」を目指す、東京高裁の判決を受け [muffin★]
- 【公明党】派遣型風俗店の女性の裸をスマホで盗撮か 徳島県議会議員の古川広志容疑者逮捕 警視庁 [nita★]
- 【イオン】中国湖南省に新大型店を開業 混乱なく地元客でにぎわい モール内にユニクロや無印良品★2 [1ゲットロボ★]
- 千鳥・大悟 飲食店のタッチパネルに不満「もう無理。冷たさ感じちゃう」ネコロボットにも「メシは人間に運んでもらいたい」 [muffin★]
- 日本のアニソン歌唱中に強制中断 上海、照明落とされ音楽止まる [蚤の市★]
- 鈴木農相「お米券でパスタやお菓子も買えるようにします☺」・・・???😰 [931948549]
- ふなっしょい🍬なのらああああああwww🏡
- 余る新米「国が買い取って」卸売業者ら [177178129]
- 【ショタ】ダメ…僕…男の子だよぉ…あ…んっ…【肉感】
- 【朗報】外国人が選ぶエロゲーで評価の高いエロゲ50本、発表されるwwwwwwwwwwwwwwwwwwww [339035499]
- バッタもーん!!!!!そいつが
