- 1 名前：デフォルトの名無しさん [2020/10/27(火) 13:09:05.31 ID:5aYZ+KyB.net]
- 実際どうなん？
※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などはおｋ。
- 789 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 18:44:00.86 ID:awsGRXp2.net]
- オール5の言語なんてLispしかないよ！DSLで何にでも特化できるから！神はLispで世界を作ったんだぜ！（ぐるぐる目）
冗談はさておき、昔のJSはLispの匂いがして好きだった。今は（TSは）Lispの匂いほぼなくなって、万人ウケしやすい言語になったと思う。
- 790 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:19:37.56 ID:xrSERZg5.net]
- >>778
ほんとにそれよね。JSはC構文のLispっぽくて好きだったけど、TSでどんどん静的な言語になってしまってる。
- 791 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:25:03.79 ID:PuaagtBb.net]
- 高階関数で関数型プログラミングの匂いはするがLispの匂いはしない
Lispって全部がリストになってるから
- 792 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:35:30.70 ID:xrSERZg5.net]
- >>780
applyと分割代入あたりが、おおむね対応するんではなかろうか。
- 793 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:39:46.86 ID:LSI+C1uB.net]
- C#をNGにしたら書き込み全部消えちゃった
- 794 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:41:55.81 ID:xrSERZg5.net]
- まあ、作った人がScheme意識してるって言ってるからな。
https://brendaneich.com/2008/04/popularity/
- 795 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:47:54.10 ID:awsGRXp2.net]
- 全部がListだったらそれはもう匂いがするどころではなくLispそのものだと思う。
Lisp脳だったのでTS始めた時は型演算そのものを(Lispみたいに)JSで書かせてくれと思ったよw
- 796 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 19:53:01.60 ID:awsGRXp2.net]
- Lispの匂いといえばMozillaのlet式が没ったのは返す返すも残念だった。今はdo式に期待してる
- 797 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 21:12:55.98 ID:LSI+C1uB.net]
- >>778
Lispのどこがいいんだ？
全てにおいて不便なだけな気がするのだが
- 798 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:06:44.05 ID:awsGRXp2.net]
- Lispのデータとソースコードは全てListである。
Lispは主にListを操作してプログラムする。
Lispには文は無く、式だけがある。
LispのマクロはListであるLispソースコードの操作をLispで行う。
Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。あらゆるコードを抽象化できる。
スレ違いだからあとは調べてね。
これは個人的な所感だけど、
ありとあらゆる式文が作れる（抽象化できる）ってことはつまり俺ルールがまかり通って分断を招く言語って事だから、そりゃ一般向けじゃないやね
- 799 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:19:25.78 ID:c62SKept.net]
- >>787
そのせいでクオートとか関数クオートみたいな邪悪な存在が生まれたのは無視かな？
- 800 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:26:15.08 ID:Ba9B66hW.net]
- >>787
長々と書いてるがメリットってこれだけだろ？
> Lispのマクロはありとあらゆる式をList操作で作り出せるのでDSLが簡単にできる。
DSLを作りたいやつがどれだけいるか知らんが
DSLというのはただの関数に過ぎない
だからどの言語でも関数を作ることで簡単にDSLを作れるぞ
- 801 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:36:01.58 ID:awsGRXp2.net]
- 細かい反論はあるけど概ねご批判の通りだよ。
だから流行らない。俺は好きだけどね
- 802 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:38:23.99 ID:Ba9B66hW.net]
- 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でも作りづらい
- 803 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:46:09.89 ID:Ba9B66hW.net]
- 内部DSLの場合、言語によって自然言語に近づけるといっても限界がある場合がある
えばC言語なら、 This("is", "a", "pen"); が限界だろう
これがRubyだと This "is" "a" "pen" となる
is とか a とか を定義すれば、This is a "pen" と書けるかもしれないな
だがシェルスクリプトであれば This 関数を作るだけで
This is a pen と書くことが出来る。
ダブルクォートでくくらなくても文字列として扱われるからだ
内部DSLを作るのに一番適した言語はシェルスクリプトだと思うが
それはそれとして、DSLを簡単に作れる言語の条件はリスト操作をしてるとかではなく
引数を () でくくらなくても良いとか最後にセミコロンがいらないとか
そういう言語ではないだろうか？自然言語は () でくくらないからな
- 804 名前：デフォルトの名無しさん mailto:sage [2020/12/29(火) 23:52:22.87 ID:Ba9B66hW.net]
- 引数の区切りにカンマが不要ってのもDSLに適した言語の条件かな
- 805 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:05:32.15 ID:TuVgzDLD.net]
- >>789
kotlinぐらいじゃないかな。
無茶めな構文が変わるレベルのDSLが作れるの。
S式として成り立ってればどんな構文すら作れるから、関数を作ることで作れるとか言ってるレベルじゃないぞ。
それが良いことかはおいといて。
- 806 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:08:13.49 ID:Zk/FBUc0.net]
- どんな構文でも作りたいわけじゃない
「自然言語」に近い構文を「簡単に」作れるというのが条件
自然言語というのはシンプルで、単語を並べるだけなのだ
仮にkotlinでC言語の構文に対応できたとして
それはDSLとしてはふさわしくない構文
- 807 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:08:25.33 ID:olxuh5fb.net]
- >>789
JuliaとRustはそこそこ無茶なこともできるしな
ASTレベルでの操作だし
Lispプログラム=実質的なASTと考えると何も変わらん
そこの優位性ももはやない
- 808 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:15:06.44 ID:Zk/FBUc0.net]
- >>796
だからプログラム言語を作りたいんじゃなくて
DSL（自然言語風）を作りたいんだってばｗ
- 809 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:19:04.50 ID:Zk/FBUc0.net]
- あと「簡単に」ってのも重要
作れるけど大変っていうのは簡単ではない
- 810 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:19:15.74 ID:olxuh5fb.net]
- Lispは自然言語風ではないだろ
あの括弧なんとかしろよ
- 811 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:21:48.47 ID:TuVgzDLD.net]
- DSLって別に自然言語に寄ってなくても良いんじゃないか？
ドメイン記述に便利な表記であればそれで良いかと。
昔ウィジェットツリーをそのまま書いたらマクロで展開されるとかそういうの書いたことあるけど、自然言語寄りではなかったな。
最近で言うとkotlinのankoみたいなやつ。
- 812 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:26:09.36 ID:Zk/FBUc0.net]
- > DSLって別に自然言語に寄ってなくても良いんじゃないか？
それは正しいが「自然言語と異なる別のプログラム言語」を
覚え直さなければいけないのはナンセンスだろ
- 813 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:26:50.79 ID:Zk/FBUc0.net]
- （なぜか「当分お断りしております。」が出たので分割して書き込み）
独自のDSLを作る場合、新たな言語を覚えなおさなくていいように
誰もが知ってる自然言語に近い構文にするのが普通
- 814 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:27:23.67 ID:Zk/FBUc0.net]
- そうしないとDSLを使うことで
- 815 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:28:25.07 ID:Zk/FBUc0.net]
- ぎゃくにこーどがわかりづらくなる
DSLの特徴である「ドメイン固有の処理を簡単に表現できる」に反してしまう
- 816 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:29:06.25 ID:Zk/FBUc0.net]
- （なんで「ぎゃくにこーどが」を漢字とカタカナにしたら書き込めないんだ？）
- 817 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:30:13.27 ID:Zk/FBUc0.net]
- 「コ ー ド」をスペース抜いたら書き込めない
- 818 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:34:39.76 ID:DCxLNcGT.net]
- こうやって言語機能そのものみたいな基本部分の重箱つついて、何かあるとすぐちゃぶ台返しして応用や発展的な話題出ないの最高に5chのプログラム板って感じ
- 819 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:35:42.82 ID:olxuh5fb.net]
- そもそもすれ違いだぞ
- 820 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:41:11.57 ID:Zk/FBUc0.net]
- >>807
そういうことじゃなくて「色々出来る言語」を過大評価しすぎってこと
簡単に目的を達成できる方が重要なのに
色々出来るんやでだからすごいっていう考えが古臭い []- [ここ壊れてます]
- 822 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:56:40.62 ID:lXmFrXZN.net]
- コード
- 823 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 00:59:28.01 ID:nb9M1V+x.net]
- >>810
どうやらブラウザ（ユーザーエージェント？）も関係あるっぽい
Chromeでは書き込めず、Firefoxなら書き込めた
その他の情報も見てる可能性があるな
IPアドレスは変えてもクッキー消しても意味はなかった
- 824 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 01:01:03.26 ID:eKh3SvG1.net]
- スレ違いなネタでろくに知識もないのに平気で一人で盛り上がってる感じ、またC#おじさんかよ。NGすとこ
- 825 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 01:12:42.10 ID:lGcdPzxm.net]
- >>812
９月２日から１０月１０日までレスが３つしか付かなかった過疎スレだったんだよね
テーマに沿って話して過疎るか雑談でスレを伸ばすかのどっちかで雑談でもいいと思う
でないと話すことなくて過疎る
雑談が嫌なら来なければいい
- 826 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 01:42:40.61 ID:zA1s3IaL.net]
- なんでjs前提のスレで他言語について話してんだ○イジかよと思ったけど。もともと過疎スレだったのか。
フロントエンドFrameworkはすでに別にスレがあるから、雑談スレでもいいかもね。
- 827 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 01:56:29.40 ID:Cptlqs6D.net]
- みんなどうやったら良いSPAが作れるか議論したいんじゃないの
今更だけどスレタイで技術を限定するのは世界を狭めていると思う
C#おじさんはうざいかもしれないがまがいなりにもSPAを作る技術があるわけで
- 828 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 02:08:36.28 ID:sThloFfy.net]
- わいはSSRの方がすこだ！
- 829 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 03:37:46.36 ID:olxuh5fb.net]
- C#おじさんの自演ここまでくると怖い
本当に年内に病院に行くべき
- 830 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 05:45:50.88 ID:WuRkJ7SN.net]
- >>816
Next.jsなら今はSSG推奨
- 831 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 06:08:39.70 ID:npFXMZqI.net]
- 時代はISR
- 832 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 06:38:08.28 ID:Kz0vlNp0.net]
- >>813
C#おじさんいっつも最後にはそれ言い出すな。荒らしが荒らして伸びるより過疎スレの方がどう考えたって健全じゃん。
スレが伸びることが何の免罪符になると思ってんだか
- 833 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 10:00:04.98 ID:TuVgzDLD.net]
- まあアホみたいにC#に反論して悪かった。
そりゃそうでそもそもスレチだわな。
React今更やり直してんだけど、スタイルってどうやってる？
Vueみたいにコンポーネントごとに書いといたらcssが一本ドーンとできるみたいな仕組みが欲しいんだが、見た感じなさそう。
css in jsでインラインスタイルみたいな感じで当てまくるのが王道なの？
- 834 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 11:50:39.35 ID:mn0czGQ5.net]
- react というかNext.jsってpagesの中でscssをimport する時って
各エレメントにclassName={hoge.kage} って手動でクラス名を紐付けないと駄目なの？
比較して申し訳ないけど、vueだとcss側に*{color:red}とか.main{border:1px;}、html側に<div class="main">と書くだけで
コンポーネント単位でdata-v-xxxx ってスコープ切って紐付けてくれるんだが、そういうのは無し？
前の人と多分同じネタかなこれ
- 835 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 12:16:17.47 ID:TuVgzDLD.net]
- >>822
同じネタだと思う。
かつ、俺less使ってて、共通色とか基本サイズ数とかの定数値を、importしてるんだけど、これをきれいに解決する方法がわからん。
- 836 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 12:34:12.03 ID:zA1s3IaL.net]
- 横からだけど自分もそれ気になるなあ。
コンポーネントごとcssを別出しするとか色々あるみたいだけど、やり方が複数あって迷うなぁ。
Tailwind使ってるからスタイル自体そんなに充てないけども
- 837 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 12:54:00.12 ID:mn0czGQ5.net]
- >>823
うーむ、Next.jsのgetServerSidePropsに惹かれて試してみたけど、こっちはVueと比べてCSSの考える事は多い感じかな
適当に書くけど、.main > * {color:red}とかやって、子コンポーネントに突き抜けたりしないだろうか・・・。
- 838 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 14:36:06.25 ID:97VH6JZh.net]
- >>820
他人に過疎を味あわせたいというのは異常だし
おまえがこのスレに来なくて過疎を味わい他人がこのスレで雑談して楽しむのはwin-win
スレのテーマを話したい人がいるときに雑談で邪魔しないというマナーはある
- 839 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 17:44:12.92 ID:zA1s3IaL.net]
- >>822
Reactだと、上記と同じことをするのはstyled-componentsかな。
エディタの補完が追いつくのかは気になるけど
https://qiita.com/taneba/items/4547830b461d11a69a20
- 840 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 18:55:12.14 ID:olxuh5fb.net]
- >>826
とにかくお前はC#スレに籠ってろ
他の勢いがあるスレに関係ないことを書き込みに来てるのはわかってるんだ
- 841 名前：デフォルトの名無しさん mailto:sage [2020/12/30(水) 20:27:31.52 ID:/bDJ6XEP.net]
- 「過疎スレだから」がスレ違い宣伝荒らしの言い訳ならprologスレとforthスレを盛り上げてこい。これは命令だ。
- 842 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 00:25:02.74 ID:QWe6530o.net]
- Next.jsってアップデートされたけどVercel使わないとまともに使えん的になってきてそこそこの規模でも有料だし
少し大きくなったら年間数万ドルもかかるとかやばくねえっすか？
- 843 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 00:48:49.82 ID:ZOSFby6D.net]
- ちょっと調べたけどnextって今そんなことになってたんだ。面白ー。
まぁまだゆとり向けフレームワークのnuxtちゃんがいますし...
- 844 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 07:16:28.08 ID:kXsKi0cH.net]
- 画像最適化やISR等の一部機能がVercel依存なだけじゃないの？
Vercelも自分とこのプラットフォームを使ってほしいだろうけど、客寄せになるNext.jsの人気は必要だから無茶はできないし
- 845 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 17:56:20.15 ID:v+HdWO16.net]
- ReactのNext.jsのgetServerSideProps() に相当する機能ってVueのNuxt.js には無い？
DBアクセスとか、必ずサーバー側で実行して欲しい処理を書きたい
- 846 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 20:12:22.49 ID:n8r8zFZ6.net]
- ある
が基本的すぎてドキュメント読んでないのがバレるぞ
- 847 名前：デフォルトの名無しさん mailto:sage [2020/12/31(木) 23:11:57.32 ID:v+HdWO16.net]
- asyncDataやfetchだとrouter-link、nuxt-linkでページ遷移するとクライアント側で実行されちゃう認識だけど
それ以外にも必ずサーバサイドで実行される(ロジックの中でfs.readFileSyncが使える)方法あるの？
- 848 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 01:01:38.63 ID:I6jeM+Zp.net]
- getServerSidePropsの意味するところを俺が誤認してたみたい失礼。
asyncDataをサーバ側に限定する方法はない
ServerMiddlewareを使えばサーバ側で動くAPIを作れるから、それをクライアント側から呼ぶ形が一般的
- 849 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 01:11:21.91 ID:/+4IUuLb.net]
- やっぱりページごとにAPI作るのがNuxtの流儀か
管理サイト的なものを作っていて、9割のページがDBのデータを表示してるから
1ページごとにAPIを個別に作るのはしんどいんだよね
それか、router-link禁止で全部<a>タグでのみページ遷移するルールにするかって感じか
- 850 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 10:22:39.74 ID:JSeY8OLT.net]
- >>822
普通にscssで書いてる
一般的なサイトと書き方変わらん
- 851 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 11:09:03.93 ID:LgwM8ucz.net]
- >>838
コンポーネントにではなくて、サイト全体に書いてる感じ？
グローバルに効いちゃうって事？
- 852 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 12:13:22.88 ID:JSeY8OLT.net]
- >>839
index.jsでsassをimportしてるからそんな感じ
といってもscssファイルはページ用とか変数用とかに分けてる
- 853 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 13:10:38.63 ID:LgwM8ucz.net]
- >>840
なるほど。ありがとう。
となると、ちょっと設計方針変えないといかんな。
- 854 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 13:44:12.20 ID:JSeY8OLT.net]
- >>841
あとビルドするときにscssをcssとして出力（package.jsonに記載）したほうがChromeのDeveloperで開発しやすいんでないかな
俺はそうした
jsにスタイル書くのって俺的には無理だったしscssの変数とかmixinどうすんのって感じだったから使ってない
- 855 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 20:12:23.69 ID:/+4IUuLb.net]
- せっかくコンポーネントごとに分けてるのにグローバルな巨大cssを作るのもちょっとなぁ
scssだと入れ子が出来るだろうから素のcssよりゃマシだろうけど
- 856 名前：デフォルトの名無しさん [2021/01/01(金) 22:01:26.56 ID:7dc3kU9y.net]
- >>842
package.jsonに記載って何を記載するんですか？
- 857 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 22:03:44.11 ID:gR0w6/3v.net]
- いいからガタガタ抜かさずemotion使ってみろってｗ
- 858 名前：デフォルトの名無しさん [2021/01/01(金) 22:05:08.76 ID:gOgGeOog.net]
- emotion は絶対にない。
linaria は許容できるけど
- 859 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 22:30:42.44 ID:8TPOGttB.net]
- SPAで特定のページにnoindex付けたいんですがどうやるのが正解ですか？
今考えてるのは特定のページに入ったらjqueryでheadにnoindexをぶち込む方法です
- 860 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 22:34:56.11 ID:JSeY8OLT.net]
- >>843
そうなんだけどさ、styled-componentの無理やり感が無理なのとjsがスタイルの記述ばかりになって見通し悪くなるし
あと使ったことないけどstyled-componentだとChromeのDeveloperToolでどうやって調整するんだろ
開発がWebアプリ系なら全体的にほとんど同じスタイルだからそれほど増えなくないかな
>>844
開発用パッケージにcss-loaderとsass-loaderとstyle-loaderをインストール
だったかな
- 861 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 22:40:09.79 ID:HdS3p/N5.net]
- css in js だと goober が軽くてええな
- 862 名前：デフォルトの名無しさん [2021/01/01(金) 22:43:08.73 ID:gOgGeOog.net]
- styled component と emotion は全く同じ位置付けなんだけど。
styled componentが無理矢理でemotionが無理矢理じゃないのが理解できない。
dev toolpの問題は結構前に解消されてるでしょ。
css in js を使用する人は何を実現したくて使用するのか聞きたい
- 863 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 23:02:42.71 ID:gR0w6/3v.net]
- emotionはstyled component形式でも書けるけどメインはcss prop形式だよ。
css prop形式使わないならstyled component使えばいい。
わざわざemotion使うからにはcss prop形式使うでしょ。
styled component形式は移行のためのサポートと思っとけばいい。
- 864 名前：デフォルトの名無しさん [2021/01/01(金) 23:05:06.53 ID:gOgGeOog.net]
- https://emotion.sh/docs/styled
インターフェイスは styled componentと変わらないと思うけど
- 865 名前：デフォルトの名無しさん [2021/01/01(金) 23:10:00.98 ID:gOgGeOog.net]
- ちゃんと読まないでレスしてた
css prop形式だと余計に css in js 使う意味ないでしょ。
それだと classNameをconditionで操作してるのと変わらないでしょ
- 866 名前：デフォルトの名無しさん mailto:sage [2021/01/01(金) 23:19:20.92 ID:gR0w6/3v.net]
- あのねえ、styled componentより後発でたったそれだけのことで人気追い抜くわけないでしょ…
知らないならドキュメント読んで使ってみなさいよ
- 867 名前：デフォルトの名無しさん mailto:sage [2021/01/02(土) 00:13:03.58 ID:gKf/Fv60.net]
- 時代はtailwindCSS
- 868 名前：デフォルトの名無しさん [2021/01/02(土) 15:35:58.93 ID:RXFdEIXY.net]
- tailwindかtacyonsどっちか迷ってる俺に推しの一言をどうぞ
- 869 名前：デフォルトの名無しさん [2021/01/02(土) 17:42:37.50 ID:wubIjlLH.net]
- https://i.imgur.com/vOB4XJi.jpg
もはや比較の必要あるか？というレベルで大差付けてるけども
最近の人気で言うとTailwindCSSかChakra UIかという感じやな、chakraはreact専用だけども。
- 870 名前：デフォルトの名無しさん mailto:sage [2021/01/02(土) 20:18:33.44 ID:7UePDUod.net]
- tailwindとchakra uiはスコープだいぶ違うと思うが。
前者はCSSフレームワーク、後者はreact用uiツールキットでしょ
- 871 名前：デフォルトの名無しさん [2021/01/02(土) 22:31:31.83 ID:wubIjlLH.net]
- >>858
立ち位置は完全には同じでないけど、被ってる部分は結構あってサイト内にも比較ページがあるくらい意識されてるよ。
https://chakra-ui.com/docs/comparison
背景も使い所も全く別物なら公式がわざわざ用意しないからね
- 872 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 00:49:54.47 ID:U3X4E4MI.net]
- うんそれoverview読むだけでまったく別物だって分かるね
- 873 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 01:01:48.04 ID:p2kXTSH1.net]
- 全く別物ではないな中身見てないだろ
もちろん範囲外のものもカバーしてるけども
- 874 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 01:12:57.13 ID:p2kXTSH1.net]
- 例えば
Tailwindなら
<div className="w-full mx-4 my-2"></div>
Chakraなら
<Box w="full" mx={4} my={2}></Box>
で同じ結果になる。
colorもレスポンシブも同様にあるしな。
まぁ全く同じもので厳密に比較しないと死ぬ病気だったらすまんな、忘れてくれ。
- 875 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 01:16:24.80 ID:U3X4E4MI.net]
- あほくさ。
上は単なるcssクラス
下はreactコンポーネントじゃん。
下はJSXで書いてるから似て見えるだけ。
実態はJS関数じゃん。
いったいどこが同じなのかｗ
cssなんて基本要素も甚だしいんだからそれで似てる言ってたらWeb用のありとあらゆるライブラリが似てるｗ
- 876 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 01:21:20.90 ID:WJLaDztK.net]
- 知らんけど使用感のことを言ってるんでしょ？
内部構造が別だからってギャーギャーつっかかってもしゃあないやん...
- 877 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 01:27:19.26 ID:j7drLdmA.net]
- このフレームワーク流行ってるのか
使ってみようかな
趣味プロダクトのデザインマジで面倒だ
- 878 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 07:17:12.46 ID:77GCy5PB.net]
- まあ>>859が正しいわな
どちらを使うかで迷う人が多いから、わざわざ比較ページでピンポイント比較しているわけで
ただChakraは、使うのを止めるってなった時に地獄を見そうだな
react-bootstrapで地獄を見た私はそう思うぜ
- 879 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 16:18:33.59 ID:sJkgD0sU.net]
- materializecssってオワコンなの？
- 880 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 19:55:53.47 ID:p2kXTSH1.net]
- https://i.imgur.com/2YClP8H.png
そーす
https://2020.stateofcss.com/ja-JP/
これ見るとまだオワコンではないと思う、他が大きく下げたものが多いから順位は上げてる。
TailwindCSSが断トツではあるけどね。
- 881 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 20:16:55.01 ID:DBWyzvd0.net]
- でもお前らのゴミみたいなセンスじゃ何使ってもどうにもならないじゃん？
- 882 名前：デフォルトの名無しさん mailto:sage [2021/01/03(日) 22:03:10.41 ID:3GzJdVpR.net]
- はいはい
- 883 名前：デフォルトの名無しさん mailto:sage [2021/01/04(月) 00:31:45.14 ID:iT2qTMUm.net]
- >>869
ゴミみたいなセンスだから優秀なライブラリを使うんだろうが
OSSタダ乗りおじさん舐めんな
- 884 名前：デフォルトの名無しさん mailto:sage [2021/01/04(月) 09:41:29.84 ID:rgY6auQv.net]
- AWSのことかな？ｗ
批判にあわてて援助し出したんだっけ？ｗ
- 885 名前：デフォルトの名無しさん mailto:sage [2021/01/04(月) 16:45:28.03 ID:qovFEaH+.net]
- ちょっと何言ってるか分からない
- 886 名前：デフォルトの名無しさん mailto:sage [2021/01/04(月) 17:33:54.18 ID:v/b/bq9A.net]
- 意味不明だな
- 887 名前：デフォルトの名無しさん mailto:sage [2021/01/05(火) 17:59:59.74 ID:DKe92MJE.net]
- スライムというワイルドカード
- 888 名前：デフォルトの名無しさん mailto:sage [2021/01/06(水) 19:42:43.06 ID:V+n1SaTt.net]
- jqueryUIたいなライブラリー
なにか知りませんか？
Reactで使いますが、
React用じゃなくても良いですので。
- 889 名前：デフォルトの名無しさん mailto:sage [2021/01/07(木) 00:03:32.99 ID:HeEo+TnW.net]
- JQuery UIでいいじゃんそれ
|
 |
