おぞましいことに、SELECT * FROM xxx WHERE yyy = zzzみたいな糞クエリのゴリ押しだけで全部解決しようとする新人がたまにいるのよ
明らかにJOINやサブクエリやウィンドウを使えば効率的に一度のクエリで解決する要件も、何回も何十回もクエリ発行して取りに行く
負荷試験が壊滅的だったプロジェクトに火消しを頼まれて助っ人で行ってみたらそんなザマで頭抱えたことがある
結局ほとんど俺が全部書き直した
Vue vs React vs Angular vs Svelte Part.11
328デフォルトの名無しさん (ワッチョイ ff3c-gB8o)
2024/09/29(日) 18:05:01.99ID:/6K/Gjr+0329デフォルトの名無しさん (ワッチョイ ff3c-gB8o)
2024/09/29(日) 18:20:31.60ID:/6K/Gjr+0 あんなDBの使い方しかしない(できない)からORMの弊害に気付かないんだと思うわ
型安全と言っても、それテーブルの全カラムを無加工で取得したい場合ぐらいしか有効に働かないだろうに
型安全と言っても、それテーブルの全カラムを無加工で取得したい場合ぐらいしか有効に働かないだろうに
330デフォルトの名無しさん (ワッチョイ e36b-v4Ln)
2024/09/29(日) 18:29:40.63ID:4S/kVkYa0331デフォルトの名無しさん (ワッチョイ e36b-v4Ln)
2024/09/29(日) 18:36:09.04ID:4S/kVkYa0332デフォルトの名無しさん (ワッチョイ ffad-JJSI)
2024/09/29(日) 18:38:11.33ID:1Tb71lk/0 ストレートにSQL書くと、パラメーターとの文字列連結がカオスになるよ
333デフォルトの名無しさん (ワッチョイ e36b-v4Ln)
2024/09/29(日) 18:41:51.91ID:4S/kVkYa0 サブクエリに、with、一時table使ってSQL書いてるけどそんな事一度もなかったな
334デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/09/29(日) 18:43:50.27ID:xSeXse3x0 今回の調査で色々と調べたけど
javaのJOOQってORMやべーな
とんでないぞこのライブラリ
以下のように型がコロコロ変わる場合でもちゃんと書ける
Fieldクラスを抽象化することで静的な型チェックが可能になっている
この発想はなかった
DSLContext create = DSL.using(configuration);
Field<String> caseField = DSL.case_()
.when(field("age", Integer.class).gt(18), "adult")
.when(field("age", Integer.class).lt(18), "minor")
.otherwise("unknown");
create.select(caseField).from("users").fetch();
javaのJOOQってORMやべーな
とんでないぞこのライブラリ
以下のように型がコロコロ変わる場合でもちゃんと書ける
Fieldクラスを抽象化することで静的な型チェックが可能になっている
この発想はなかった
DSLContext create = DSL.using(configuration);
Field<String> caseField = DSL.case_()
.when(field("age", Integer.class).gt(18), "adult")
.when(field("age", Integer.class).lt(18), "minor")
.otherwise("unknown");
create.select(caseField).from("users").fetch();
335デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/09/29(日) 18:45:39.57ID:xSeXse3x0 caseってデータ分析ではめちゃくちゃ使うのだけど
これがこんな感じで書ける
素晴らしい
これがこんな感じで書ける
素晴らしい
336デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/09/29(日) 18:47:22.71ID:xSeXse3x0 >>331
昔は社内にオラクルデータベースの番人みたいなおじさんがいたなあ
昔は社内にオラクルデータベースの番人みたいなおじさんがいたなあ
337デフォルトの名無しさん (ワッチョイ b3ba-eLKd)
2024/09/29(日) 19:00:17.50ID:8BzfSqEJ0 >>328
select * from tableA join tableBとして、吐き出した全データを配列に格納、展開してたトンデモプログラムをデバッグしたことあるよ…。アスタリスクは百歩譲ってもせめて部分結合してくれ
データ数千件しかないのにフォーム処理クッソ重いと思ったらこれだよ
select * from tableA join tableBとして、吐き出した全データを配列に格納、展開してたトンデモプログラムをデバッグしたことあるよ…。アスタリスクは百歩譲ってもせめて部分結合してくれ
データ数千件しかないのにフォーム処理クッソ重いと思ったらこれだよ
338デフォルトの名無しさん (ワッチョイ 6f90-v4Ln)
2024/09/29(日) 19:25:17.35ID:Ck7eDstu0 >>332
一回のトランザクション処理につき一回だけSQL実行可とルールすればよい
おのづとサブクエリ、with、一時tableを使う事になって、SQL投げて結果でSQL投げみたいな処理を繰り返すヘボ実装が一掃される
一回のトランザクション処理につき一回だけSQL実行可とルールすればよい
おのづとサブクエリ、with、一時tableを使う事になって、SQL投げて結果でSQL投げみたいな処理を繰り返すヘボ実装が一掃される
339デフォルトの名無しさん (ワッチョイ ff3c-gB8o)
2024/09/29(日) 19:26:59.25ID:/6K/Gjr+0 >>331
たいがいそこが開発進行のボトルネックになってたけど当時は必要悪だったと思うよ
あの頃のオンプレの商用環境(しかも大抵カツカツの構成)で、クソゴミクエリぶん回そうものなら即死してサービスダウンに陥ってたもんよ
今のクラウドのマネージドDBだったらただ遅いor費用が嵩むだけで落ちるとこまで行くことはそうそうないけど、昔は死活問題だった
たいがいそこが開発進行のボトルネックになってたけど当時は必要悪だったと思うよ
あの頃のオンプレの商用環境(しかも大抵カツカツの構成)で、クソゴミクエリぶん回そうものなら即死してサービスダウンに陥ってたもんよ
今のクラウドのマネージドDBだったらただ遅いor費用が嵩むだけで落ちるとこまで行くことはそうそうないけど、昔は死活問題だった
340デフォルトの名無しさん (アウアウエー Sadf-D2eP)
2024/09/30(月) 14:16:26.25ID:5Q41gUpla 一つの処理を一つのSQLクエリならアトミックになって問題無いけど
一つの処理を複数のSQLクエリで時間差が出来るから他所からデータ割り込まれたら困るケースがあるだろ
そこまで考慮してないアホばっか
一つの処理を複数のSQLクエリで時間差が出来るから他所からデータ割り込まれたら困るケースがあるだろ
そこまで考慮してないアホばっか
341デフォルトの名無しさん (ワッチョイ 7f85-D2eP)
2024/09/30(月) 16:35:49.13ID:eyZN3jLh0 一番早いのは個々のSQL連結したをストアドなんだよなー
JOINもINNNERとRIGHTは遅いからLEFTのみ
JOINもINNNERとRIGHTは遅いからLEFTのみ
342デフォルトの名無しさん (ワッチョイ 3fd9-GmTs)
2024/09/30(月) 16:59:05.93ID:90xjyaJO0 >>341
inner使ってたけどleftのが速いんだ?
inner使ってたけどleftのが速いんだ?
343デフォルトの名無しさん (ワッチョイ 7fd8-gB8o)
2024/09/30(月) 22:19:31.77ID:x8UwNGco0 そもそも得られる結合結果が違うし、INNERのほうが効率的なケースもLEFTのほうが効率的なケースも存在するから思考停止せずにしっかり実行計画確認しろ
「何にでも~~を使う!」ってのはバカの一つ覚えってんだ
「何にでも~~を使う!」ってのはバカの一つ覚えってんだ
344デフォルトの名無しさん (ワッチョイ cfcf-KiE/)
2024/09/30(月) 22:31:07.26ID:2/RvbFVp0 left と right で速度が違うとか言ってる奴の話を真に受けんな
345デフォルトの名無しさん (ワッチョイ e36e-v4Ln)
2024/09/30(月) 23:41:53.43ID:6IhSUC9Z0 >>344
結構あるで
結構あるで
346デフォルトの名無しさん (ササクッテロ Sp47-F/l5)
2024/10/01(火) 10:17:07.05ID:tNPrHSB3p リスト構造なら違いは無いよな?
347デフォルトの名無しさん (ワッチョイ 3f4d-GmTs)
2024/10/01(火) 16:04:12.61ID:20pFp1ah0 本読んでたらNextすげーいいじゃんと思ってきた、なんか学習コストは高そうな気がするけど
remixは調べてない
remixは調べてない
348デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/10/01(火) 16:46:36.79ID:Ig6Tf0ue0 最近はremixの方が優勢になってきてる
ChatGPTもnext.jsだったのにremixに移行した
ChatGPTもnext.jsだったのにremixに移行した
349デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/10/01(火) 16:47:26.48ID:Ig6Tf0ue0 ただしremixはフルスクラッチで作り直すから
大幅に変わりそう
だから今手を出すべきかは微妙
大幅に変わりそう
だから今手を出すべきかは微妙
350デフォルトの名無しさん (ワッチョイ 3f4d-GmTs)
2024/10/01(火) 16:48:32.91ID:20pFp1ah0 どっちにしろ新規プロジェクトだからNextかなあ
351デフォルトの名無しさん (ワッチョイ 3f4d-GmTs)
2024/10/01(火) 16:49:20.05ID:20pFp1ah0 じゃないRemix
352デフォルトの名無しさん (ワッチョイ 8f1f-bFHd)
2024/10/01(火) 18:54:14.07ID:gaoRlfpT0 まあフロントエンドなんて作り直すのは基本だし
まともなCTOがいたら予算も出るからその時の流行でよろしい
画面の動きを全部サーバーサイドの結果で判断できるように作っておけば問題なし
まともなCTOがいたら予算も出るからその時の流行でよろしい
画面の動きを全部サーバーサイドの結果で判断できるように作っておけば問題なし
353デフォルトの名無しさん (スッップ Sd1f-9JCP)
2024/10/01(火) 22:29:45.75ID:V2w3Ucz+d プロダクトの性質次第だろう
SaaSだとページ数多いしビジネス要件実装のウェイトが大きいから作り直しは難しい
SaaSだとページ数多いしビジネス要件実装のウェイトが大きいから作り直しは難しい
354デフォルトの名無しさん (ワッチョイ cfcf-KiE/)
2024/10/01(火) 22:30:17.57ID:7hV/Zxp/0355デフォルトの名無しさん (ワッチョイ 8f88-v4Ln)
2024/10/01(火) 22:41:15.98ID:PxjtxeQz0 >>354
あるで調べてみ
あるで調べてみ
356デフォルトの名無しさん (ワッチョイ ff6c-gB8o)
2024/10/01(火) 22:45:51.49ID:GFljMLhp0 leftと等価なrightへの書き換え、あるいはその逆の書き方を知らないだけでは?🤔
357デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/10/01(火) 23:53:40.67ID:Ig6Tf0ue0 right joinを使う必要があるとは思えんな
358デフォルトの名無しさん (JP 0Hdf-GCHr)
2024/10/02(水) 07:12:03.51ID:H5d/PPBcH 345は20年前のOracle8iみたいなルールベースの知識からアップデートできていないだけな気がする
359デフォルトの名無しさん (スプッッ Sd1f-PqsP)
2024/10/02(水) 08:15:16.76ID:L5vBX47Zd >>355
あるっつうならその実例出して
あるっつうならその実例出して
360デフォルトの名無しさん (ワッチョイ e3a8-v4Ln)
2024/10/02(水) 12:21:12.06ID:XNBCv0lf0 >>358
そーーかも
そーーかも
361デフォルトの名無しさん (ワッチョイ 6fcd-fhRs)
2024/10/02(水) 12:40:19.74ID:VhOKxDCS0 なんとなくいつもleftだわ
362デフォルトの名無しさん (ドコグロ MMff-Z4n8)
2024/10/02(水) 15:21:28.65ID:ntIVC1snM Nextはビルドツールが自前なのがな
RemixもsveltekitもNuxtもVite使ってるからそこでエコシステムの差が出てきそう
それが進んだらNextも厳しくなってくる
RemixもsveltekitもNuxtもVite使ってるからそこでエコシステムの差が出てきそう
それが進んだらNextも厳しくなってくる
363デフォルトの名無しさん (ワッチョイ 63f0-bFHd)
2024/10/02(水) 16:20:33.61ID:TLprtWVf0 JSはいつまでエコシステムとかやるんすかね
いい加減デファクトをみんなで作ろうよってならないのかね
主に政治的思惑で一つにしたくないのだろうけど
いい加減デファクトをみんなで作ろうよってならないのかね
主に政治的思惑で一つにしたくないのだろうけど
364デフォルトの名無しさん (ワッチョイ 83ea-gB8o)
2024/10/02(水) 17:16:13.23ID:BpVEd4dp0 right joinを使うと右から左へ、下から上へ読むようなクエリになるからな
読みづらいからrightは基本使わない
「遅いからrightは使わない」とか言ってる人は意味不明だけど
読みづらいからrightは基本使わない
「遅いからrightは使わない」とか言ってる人は意味不明だけど
365デフォルトの名無しさん (ワッチョイ b371-bFHd)
2024/10/02(水) 17:22:06.79ID:xvxi+lxb0 昔のDBでそういうのがあったんじゃないの?
知らんけど
知らんけど
366デフォルトの名無しさん (ワッチョイ c3db-jIqN)
2024/10/03(木) 00:02:27.79ID:fliyUvHO0 まあ特に理由がなければleftだよなあ
367デフォルトの名無しさん (ワッチョイ 23ee-9JCP)
2024/10/05(土) 12:16:43.81ID:RBSjgErc0 HR系のシステムにおける従業員(主)と部署(従)のように、あるビジネスドメインにおいて着目する主体ってのはだいたい決まっているものだ
なので、SQLを書くときもそのメンタルモデルに倣って主側に置くものをある程度固定したほうが読みやすいという考え方もある
ある条件を満たす従業員と所属部署の一覧を表示する際に、従業員不在の部署も表示したいという要件があったとして、
そのようなちょっとしたビュー要件によって主従関係が逆転してしまうのは好ましくない、ということだ
俺はそれでもLEFT統一の方が読みやすいと思う派だが、考え方としては理解できるものだろう
なので、SQLを書くときもそのメンタルモデルに倣って主側に置くものをある程度固定したほうが読みやすいという考え方もある
ある条件を満たす従業員と所属部署の一覧を表示する際に、従業員不在の部署も表示したいという要件があったとして、
そのようなちょっとしたビュー要件によって主従関係が逆転してしまうのは好ましくない、ということだ
俺はそれでもLEFT統一の方が読みやすいと思う派だが、考え方としては理解できるものだろう
368デフォルトの名無しさん (ワッチョイ eb23-vAd8)
2024/10/19(土) 07:55:36.48ID:kXgKzXcr0 svelte5のmilestoneが98%まで回復
369デフォルトの名無しさん (ワッチョイ 1923-pdRO)
2024/10/20(日) 20:29:57.78ID:XEBgqfIg0 release svelte@5.0.0
370デフォルトの名無しさん (ワッチョイ 1901-h/XG)
2024/10/28(月) 10:56:23.79ID:MeMed5MX0 svelteで作っていたサイトはもうastroにしたんだよなあ
svelteの強味がよくわからなかった
svelteの強味がよくわからなかった
EchoAPIは、テストが私のReactアプリに動力を提供するAPIを容易にし、開発を強化するための迅速な応答を提供。試してみてね
EchoAPIの直感的なインタフェースは、ReactアプリケーションでAPI応答を迅速に検証し、デバッグを容易にするのに役立つ。おすすめ!
373デフォルトの名無しさん (ワッチョイ f701-yqoI)
2024/12/27(金) 03:32:05.43ID:hxF8JUMM0374デフォルトの名無しさん (スッププ Sd9b-JlZ7)
2024/12/27(金) 20:34:35.48ID:YxIFlKOGd 本当だVue抜いてるじゃん
Astroは絵に描いた餅感のイメージ強いんだけど、
この間bolt適当に弄ってたら何故かASTROでコード吐いてきたので
AIの力も借りて遊びでなんか作ってみようかなぁ
Astroは絵に描いた餅感のイメージ強いんだけど、
この間bolt適当に弄ってたら何故かASTROでコード吐いてきたので
AIの力も借りて遊びでなんか作ってみようかなぁ
375デフォルトの名無しさん (ワッチョイ 61f0-nFNZ)
2024/12/28(土) 02:05:29.96ID:PwEyBlKD0 いやもうReactでいいよ…
376デフォルトの名無しさん (ワッチョイ f701-yqoI)
2024/12/28(土) 06:54:44.06ID:e4Tyi2oC0 jsx使ったことある人ならAstroは簡単に習得できると思う
377デフォルトの名無しさん (ワッチョイ 0fba-mSSC)
2025/02/08(土) 10:31:21.71ID:hJvS4i6R0378デフォルトの名無しさん (ワッチョイ 0fba-mSSC)
2025/02/08(土) 11:14:27.65ID:hJvS4i6R0 >>373
Viteの伸びもえぐいな、とうとうWebpack超えてしまったか
Reactも19になってようやく不満要素だった、テンプレート周りの改善とフォームのリアクティブ制御を実現してきた
ただReact普及に貢献してきたNextだけが、案の定Viteから爪弾き状態になってるのが気がかり
Remix、Astroはしっかり公式連携になってるのに
Viteの伸びもえぐいな、とうとうWebpack超えてしまったか
Reactも19になってようやく不満要素だった、テンプレート周りの改善とフォームのリアクティブ制御を実現してきた
ただReact普及に貢献してきたNextだけが、案の定Viteから爪弾き状態になってるのが気がかり
Remix、Astroはしっかり公式連携になってるのに
379デフォルトの名無しさん (ワッチョイ ffba-kH5e)
2025/02/09(日) 16:00:36.64ID:G+MTHt9S0 あとAngularはCSR、SSG、SSRをミックスした使い方ができる。これはフルスタックならではの強みであり芸当でもある
380デフォルトの名無しさん (ワッチョイ 0aad-jTq6)
2025/02/09(日) 18:38:29.52ID:wFwap3vs0 Angularってどう学べばいいの?
書籍は古いバージョンしか出てないし
公式サイト(日本)のはじめてのAngularだかも
今のバージョンでは動かなかったりして当てにならなかったわ
書籍は古いバージョンしか出てないし
公式サイト(日本)のはじめてのAngularだかも
今のバージョンでは動かなかったりして当てにならなかったわ
381デフォルトの名無しさん (ワッチョイ 1ae4-fV+3)
2025/02/09(日) 23:00:29.93ID:XCB8NOLW0382デフォルトの名無しさん (ワッチョイ 3f44-imkm)
2025/02/11(火) 10:22:24.86ID:jvkFh9pY0 >>380
ZennかQiitaあたりの使える記事を探すのが手っ取り早いかな
英語読めたらdev communityにも役立つ記事がいっぱいあるけど
Angularも14以降とそれ以前でReactの16.8以降と以前ぐらい別物の記述になってるから注意
あとAngular19からはstandalone標準だから、過去の動かしたい場合はstandalone: falseにしないと動かない
ZennかQiitaあたりの使える記事を探すのが手っ取り早いかな
英語読めたらdev communityにも役立つ記事がいっぱいあるけど
Angularも14以降とそれ以前でReactの16.8以降と以前ぐらい別物の記述になってるから注意
あとAngular19からはstandalone標準だから、過去の動かしたい場合はstandalone: falseにしないと動かない
383デフォルトの名無しさん (ワッチョイ eb01-LhIj)
2025/02/11(火) 17:22:38.85ID:nxcjaTzm0 AngularはFCP遅いのがな
一度読み込んだら速いけど
一度読み込んだら速いけど
384デフォルトの名無しさん (ワッチョイ 3f44-imkm)
2025/02/15(土) 10:10:33.69ID:HGo6DyGJ0 最近の業務待機時間多いから、その合間にここ数年の流行りに取り組んでいるんだけど
solidJSがかなり書きやすくていい。Vueのようなライフサイクルフックもあるし、JSXのループ周りに対しても面倒なmap地獄に遭わなくて済む。Reactかじってたら多分すぐ覚える
システム複雑じゃなくていいけど、JSXでさっと書きたいって人にはおすすめ
RemixとAstroもいい感じだ
RemixはNextほど複雑さがないし
AstroはJSX、Vue、Svelte、Solidどの書き方も通るのが便利そう
solidJSがかなり書きやすくていい。Vueのようなライフサイクルフックもあるし、JSXのループ周りに対しても面倒なmap地獄に遭わなくて済む。Reactかじってたら多分すぐ覚える
システム複雑じゃなくていいけど、JSXでさっと書きたいって人にはおすすめ
RemixとAstroもいい感じだ
RemixはNextほど複雑さがないし
AstroはJSX、Vue、Svelte、Solidどの書き方も通るのが便利そう
385デフォルトの名無しさん (ワッチョイ 6a57-l5Ii)
2025/02/15(土) 14:53:40.95ID:yHUAMZfW0 でも案件ないからね
386デフォルトの名無しさん (ワッチョイ 1501-oe3m)
2025/02/16(日) 01:34:44.13ID:T2962Blt0 ネットうろうろしてるとNextどころか
まだまだVue、Nuxt多いなぁ
Astroとか日本の商用サイトで採用してるとこあるの?
まだまだVue、Nuxt多いなぁ
Astroとか日本の商用サイトで採用してるとこあるの?
387sage (ワッチョイ 6d44-ot0k)
2025/02/16(日) 08:57:51.89ID:l718zIOz0 どこで何が役立つかわからん業界だし(今年はまさかのPerl大活躍)
>>386
Astro採用企業の有名どころはAmazon、ネトフリ、クックパッド(ここはかなり日和るが)とか
Microsoftもスポンサーになってるのが大きいかな、あとVite公認
>>386
Astro採用企業の有名どころはAmazon、ネトフリ、クックパッド(ここはかなり日和るが)とか
Microsoftもスポンサーになってるのが大きいかな、あとVite公認
388デフォルトの名無しさん (ワッチョイ 4501-990B)
2025/02/16(日) 09:40:54.74ID:TK5HkbV90 GoogleとかトリバゴもAstro使ってるはず
国内企業は知らんけど
国内企業は知らんけど
389デフォルトの名無しさん (アウアウウー Sa49-CJ2S)
2025/02/19(水) 06:48:32.03ID:Z9GTaoqfa Remix良いとは思うんだけど
こういうフレームワークを更にラップしたようなのって流行過ぎた頃に困る予感しかしないんだよな
バックエンド含んでるから古くてもまぁ動けばええじゃろでサボることもできんし
こういうフレームワークを更にラップしたようなのって流行過ぎた頃に困る予感しかしないんだよな
バックエンド含んでるから古くてもまぁ動けばええじゃろでサボることもできんし
390デフォルトの名無しさん (ワッチョイ 4501-990B)
2025/02/19(水) 07:02:57.77ID:tFpAjYQB0 >>389
どのフレームワーク使ってもその問題は付きまとうから気にしても意味ないような
どのフレームワーク使ってもその問題は付きまとうから気にしても意味ないような
391デフォルトの名無しさん (ワッチョイ 43d9-XFKP)
2025/02/19(水) 07:36:49.70ID:cyNyT1yf0 create-react-appが非推奨になったとかなんとか
392デフォルトの名無しさん (スプープ Sd43-oe3m)
2025/02/19(水) 13:07:51.68ID:3+8LLoUvd フルスタックものはだいたいそのリスクあるでしょ
堅牢なシステムを長期的に運用したいとかなんとかなら
結局愚直にバックエンドapi実装
堅牢なシステムを長期的に運用したいとかなんとかなら
結局愚直にバックエンドapi実装
393デフォルトの名無しさん (ワッチョイ 1b7b-iI+e)
2025/02/19(水) 14:31:22.96ID:mGrw3aeq0 大規模ならCOBOLかJAVAだろうね
394デフォルトの名無しさん (ワッチョイ 43d9-XFKP)
2025/02/19(水) 14:34:20.07ID:cyNyT1yf0 フルスタックのリスク回避でapiは別に設けるのもアリだよねって思ってもいる
Remixイジり始めたばかりだけど
Remixイジり始めたばかりだけど
395デフォルトの名無しさん (ワッチョイ edba-vA3c)
2025/02/20(木) 20:55:31.83ID:NisJn+800 海外ではQwikも人気出てきてるみたいだし本当に群雄割拠だ
自分は今、Svelteのrune触りまくってるけど、一層proxy制御ガチガチになってて
堅牢性と拡張性は大幅に改善されてたけど、あれじゃもう、Vueと並び初級者向けとは言えんぞ
自分は今、Svelteのrune触りまくってるけど、一層proxy制御ガチガチになってて
堅牢性と拡張性は大幅に改善されてたけど、あれじゃもう、Vueと並び初級者向けとは言えんぞ
396デフォルトの名無しさん (ワッチョイ 35cf-JytB)
2025/02/21(金) 02:50:21.40ID:y9XPTlRE0 Reactみたいに汎用的なフレームワークは消えると思ってる
やっぱり個別にコンポーネントをコンパイルした方が効率いいのは間違いないのだし
サーバーサイドありきにするならこの考えが自然なのよね
やっぱり個別にコンポーネントをコンパイルした方が効率いいのは間違いないのだし
サーバーサイドありきにするならこの考えが自然なのよね
397デフォルトの名無しさん (ワッチョイ 4501-990B)
2025/02/21(金) 05:02:26.87ID:9D9p9cHN0 >>396
litのこと言ってるのか?
litのこと言ってるのか?
398デフォルトの名無しさん (ワッチョイ 35cf-JytB)
2025/02/21(金) 18:42:50.18ID:y9XPTlRE0399デフォルトの名無しさん (ワッチョイ edba-ot0k)
2025/02/21(金) 20:23:41.29ID:xhvBpgKe0 >>396
ReactとVueはあくまでライブラリだからな。だからガワ(フロントエンドツール)として売り出す手段にも出てるわけで。それだけにReactもそろそろ使いやすさ重視しないと離れていくだろうな
特に、今後のエコシステム次第ではSolidに乗り換えられる可能性は大いにある
VueはdefineModelがチート性能すぎてある意味今後が怖い
ReactとVueはあくまでライブラリだからな。だからガワ(フロントエンドツール)として売り出す手段にも出てるわけで。それだけにReactもそろそろ使いやすさ重視しないと離れていくだろうな
特に、今後のエコシステム次第ではSolidに乗り換えられる可能性は大いにある
VueはdefineModelがチート性能すぎてある意味今後が怖い
400デフォルトの名無しさん (ワッチョイ fdf0-tmLj)
2025/02/22(土) 13:52:23.08ID:IP1R//230 spaとか糞なUIはそろそろ消えると予想。
画面リロードに対応できない仕組みでUI構築すべきではないと気付き始めるだろ。
画面リロードに対応できない仕組みでUI構築すべきではないと気付き始めるだろ。
401デフォルトの名無しさん (ワッチョイ b1ba-8jxH)
2025/02/23(日) 10:18:53.60ID:EtTS1kqD0 SSGもCORS問題が鬱陶しすぎる(ローカルで環境開発しにくいから開発コスト大)
のと、あとデータ量に比例して重くなっていく問題をなんとかせんと
のと、あとデータ量に比例して重くなっていく問題をなんとかせんと
402デフォルトの名無しさん (ワッチョイ 9501-7f0F)
2025/02/23(日) 11:27:58.14ID:SIbO7j//0403デフォルトの名無しさん (ワッチョイ 31a5-c6km)
2025/02/23(日) 16:53:00.51ID:hoXt0H0e0 react難し過ぎるだろ。
フックの伝播複雑過ぎて、メンテナンスできない説。
フックの伝播複雑過ぎて、メンテナンスできない説。
404デフォルトの名無しさん (ワッチョイ 31f6-dlJU)
2025/02/23(日) 20:10:37.18ID:NHXxiQzh0 まったく問題ないが
405デフォルトの名無しさん (ワッチョイ b1ba-8jxH)
2025/02/23(日) 20:19:02.78ID:EtTS1kqD0 コールバック関数、分割代入、proxy この3つを把握すればJSフレームワークはどれも同じ
406デフォルトの名無しさん (ワッチョイ 5abb-FQm1)
2025/02/23(日) 22:02:12.64ID:VD63caIp0 笑
407デフォルトの名無しさん (ワッチョイ 752d-c6km)
2025/02/23(日) 23:52:42.55ID:SCNJLFbC0 reactでShift選択するui作ったけど
自分で作ってもう触りたくない。
クリックのフックは子がハンドリングして親に返して、選択範囲の再描画は親が制御するみたいな。
これに余計な子は再描画しないようメモ化するとか入れると、頭こんがらがってくる。
どのフックで何のパラメータが変わってどれが再描画されるか解らなくなる。
設計書書かずに作ってるせいなんだが。
自分で作ってもう触りたくない。
クリックのフックは子がハンドリングして親に返して、選択範囲の再描画は親が制御するみたいな。
これに余計な子は再描画しないようメモ化するとか入れると、頭こんがらがってくる。
どのフックで何のパラメータが変わってどれが再描画されるか解らなくなる。
設計書書かずに作ってるせいなんだが。
408デフォルトの名無しさん (ワッチョイ 3d95-Ek8k)
2025/02/24(月) 01:31:40.21ID:BUsCxVnh0 逆に生で作ることを考えたらまだマシとなる
409デフォルトの名無しさん (ワッチョイ 3174-W5vA)
2025/02/24(月) 02:07:21.52ID:9ouheju+0 Shift選択のUIってこんな感じの挙動?
ttps://codepen.io/rkeqkdzm-the-reactor/pen/wBvWpyp
ttps://codepen.io/rkeqkdzm-the-reactor/pen/wBvWpyp
410デフォルトの名無しさん (ワッチョイ 9501-phV/)
2025/02/24(月) 05:09:50.45ID:Mu/PIHkN0 ReactのMemoはマジでゴミだけどReact Compilerでやっと解決するらしいから
411デフォルトの名無しさん (ワッチョイ b1ba-8jxH)
2025/02/24(月) 08:41:21.17ID:ApFSqceQ0 Reactでゴミなのはコントロールフロー系
Solidはそこをしっかり解決してる
もう一つのゴミだったルーター系も
Solidインスパイアしてるならそっちも真似したらいいのに
Solidにストア系実装されたらまじでシェア流れかねんぞ
Solidはそこをしっかり解決してる
もう一つのゴミだったルーター系も
Solidインスパイアしてるならそっちも真似したらいいのに
Solidにストア系実装されたらまじでシェア流れかねんぞ
412デフォルトの名無しさん (ワッチョイ d505-FQm1)
2025/02/24(月) 09:31:11.82ID:ESLDFy060 >>410
どこ情報?
どこ情報?
413デフォルトの名無しさん (ワッチョイ 9501-phV/)
2025/02/24(月) 10:02:28.68ID:Mu/PIHkN0414デフォルトの名無しさん (ワッチョイ b1ba-8jxH)
2025/02/24(月) 10:30:53.78ID:ApFSqceQ0415デフォルトの名無しさん (ワッチョイ 752d-gfH/)
2025/02/27(木) 01:30:31.68ID:5g/Kzzkv0 >>407だけどreactで作ったchrome拡張の審査通った。
苦労して作ったから使ってみて欲しい。
適当なブログ開いて拡張のアイコンクリックすると画像一覧表示するから
欲しいの選択してダウンロードボタンでzipにできる。
スライダーで拡大縮小できるのがreactっぽい。
ttps://chromewebstore.google.com/detail/kakeaonncmnkigiijohfhlnondeaanii?utm_source=item-share-cp
苦労して作ったから使ってみて欲しい。
適当なブログ開いて拡張のアイコンクリックすると画像一覧表示するから
欲しいの選択してダウンロードボタンでzipにできる。
スライダーで拡大縮小できるのがreactっぽい。
ttps://chromewebstore.google.com/detail/kakeaonncmnkigiijohfhlnondeaanii?utm_source=item-share-cp
416デフォルトの名無しさん (スッププ Sdfa-/AOM)
2025/02/27(木) 14:33:11.76ID:0d0Ldapzd 気が向いたらソースコード公開して
417デフォルトの名無しさん (ワッチョイ 3d63-Ek8k)
2025/02/27(木) 15:23:22.00ID:C53SLMw00 なんでこんなところで宣伝してるんだよ…
418デフォルトの名無しさん (ワッチョイ 752d-gfH/)
2025/02/27(木) 17:26:15.56ID:5g/Kzzkv0 reactらしいアプリ作ったから見て欲しかった。
419デフォルトの名無しさん (ワッチョイ 752d-gfH/)
2025/02/27(木) 17:40:04.07ID:5g/Kzzkv0 作ったのほとんどAIなんだけどね・・・
420デフォルトの名無しさん (ワッチョイ 8dbf-dlJU)
2025/02/28(金) 01:45:11.43ID:GlQ+7ZAn0 誰が作ったのかもわからん怪しいextensionなんかインストールしてはいかんよ
簡単に情報抜かれる
簡単に情報抜かれる
421デフォルトの名無しさん (ワッチョイ 3d79-Ek8k)
2025/02/28(金) 11:51:23.66ID:xWWtZGU60 公式でもザルだから入れない
422デフォルトの名無しさん (ワッチョイ 7387-kHpM)
2025/03/02(日) 15:42:07.55ID:AnJsL6nW0 みんなReactでフォーム作るときってinputタグ単位でコンポーネント作るの?
423デフォルトの名無しさん (ワッチョイ 6951-5VVp)
2025/03/02(日) 16:48:38.61ID:YYvymA+Y0 >>422
いや
いや
424デフォルトの名無しさん (ワッチョイ 9901-fJMW)
2025/03/02(日) 17:33:25.66ID:Zv8rdJ2Y0 コンポーネントって再利用しやすいように作るのであって
無駄に細分化すると面倒なことになる
必要になったら後からでもコンポーネント分けられるし
無駄に細分化すると面倒なことになる
必要になったら後からでもコンポーネント分けられるし
425デフォルトの名無しさん (ワッチョイ b16e-e/WV)
2025/03/03(月) 02:31:46.94ID:VRiiOt5H0 >>422
reRenderの単位かな
reRenderの単位かな
426デフォルトの名無しさん (ワッチョイ 592d-bSvP)
2025/03/03(月) 18:58:09.18ID:Smhsplev0 描画のタイミング自由に制御できるようになると、react楽しいねぇ。
それまでは糞だけど。
それまでは糞だけど。
427デフォルトの名無しさん (ワッチョイ 1962-e/WV)
2025/03/03(月) 19:53:09.42ID:s56BTABZ0 Reactのranderを封じて、
自前のタイミングで再描画する楽しさよ
自前のタイミングで再描画する楽しさよ
428デフォルトの名無しさん (ワッチョイ 9901-fJMW)
2025/03/03(月) 23:50:14.94ID:uSk7XRpe0 Reactはmillion.js使えばsvelteやsolidよりレンダリングのパフォーマンスが良くなるよ
429デフォルトの名無しさん (ワッチョイ 698f-5VVp)
2025/03/04(火) 12:24:56.86ID:hfrti5Ii0 randerて
430デフォルトの名無しさん (ワッチョイ c1ba-3WDN)
2025/03/09(日) 10:22:31.29ID:4G6sVQNz0 >>422
コンポーネントというより、質問のニュアンスだとフォーム部品ごとの出力オブジェクトか
制御フックのこと言ってるっぽいが
Reactはフォーム処理に関してSvelte、Vueにくらべたら糞性能というか、もともとが
深層ステート管理のためのライブラリだしな。複数のフォームを一発制御できる
useStateフックの書き方ググるかカスタムフックで作る
それかReact捨てて、簡単にリアルタイム制御できるVueかSvelteで作るかだな
どっちもストアライブラリ使わないとスパゲッティまっしぐらだがな
コンポーネントというより、質問のニュアンスだとフォーム部品ごとの出力オブジェクトか
制御フックのこと言ってるっぽいが
Reactはフォーム処理に関してSvelte、Vueにくらべたら糞性能というか、もともとが
深層ステート管理のためのライブラリだしな。複数のフォームを一発制御できる
useStateフックの書き方ググるかカスタムフックで作る
それかReact捨てて、簡単にリアルタイム制御できるVueかSvelteで作るかだな
どっちもストアライブラリ使わないとスパゲッティまっしぐらだがな
431デフォルトの名無しさん (ワッチョイ d901-9PhM)
2025/03/16(日) 20:48:29.74ID:tTfhwjnK0432デフォルトの名無しさん (ワッチョイ 6b17-aFR6)
2025/03/17(月) 14:00:57.63ID:jWjXnHtA0 芳根京子の公式サイトはNextだった
433デフォルトの名無しさん (ワッチョイ ebdb-ALb0)
2025/03/17(月) 21:32:57.57ID:wrJsj8Yz0 SvelteKitとても好きです。
434デフォルトの名無しさん (ワッチョイ 1101-vsiE)
2025/03/21(金) 06:23:05.04ID:/97bZQtT0 Astro触ってみたけどすごいなこりゃ
こんなのできるならよほど大規模なサービスでも無ければNext.jsは要らないのでは
こんなのできるならよほど大規模なサービスでも無ければNext.jsは要らないのでは
435デフォルトの名無しさん (ワッチョイ 4101-H5Hv)
2025/03/21(金) 08:43:51.55ID:oycs/B450 Astroまだちゃんと触ったことないけど
Reactコンポーネントを将来、全く別のフレームワークのコンポーネント、例えば引数とレンダリング結果が同等の動きをする、コンパイルされたバイナリなんかに差し替えたりとか出来たら面白いな
Reactコンポーネントを将来、全く別のフレームワークのコンポーネント、例えば引数とレンダリング結果が同等の動きをする、コンパイルされたバイナリなんかに差し替えたりとか出来たら面白いな
436デフォルトの名無しさん (ワッチョイ 41e4-LAUx)
2025/03/22(土) 21:59:34.30ID:amqAprOd0 どうせAI任せになるから関係ない
近いうちにAIが直接SSGしたりWeb Assemblyを直接生成するようになるからフレームワークなんか消滅する
近いうちにAIが直接SSGしたりWeb Assemblyを直接生成するようになるからフレームワークなんか消滅する
437デフォルトの名無しさん (ワッチョイ 138a-h6PX)
2025/03/22(土) 22:19:49.62ID:1zuGIIBA0 >>436
おまえの方が早く消滅しそう...
おまえの方が早く消滅しそう...
438デフォルトの名無しさん (ワッチョイ b33d-UJeM)
2025/06/10(火) 00:46:00.18ID:YuUkDZe90 Remix v3が大改造するみたいだな
従来のRemixはReact Router v7になってRemix v3はpreactベースになるということか
従来のRemixはReact Router v7になってRemix v3はpreactベースになるということか
439デフォルトの名無しさん (ワッチョイ e2b4-95xj)
2025/06/30(月) 02:27:29.14ID:34cw/UqT0 スレチだったらごめん
オンライン麻雀ゲームを作成しようと構想(妄想)してるんだけど、
いまから新規に作るならフロント側にはReactかVue.jsか、あるいは他のライブラリのどれを使えばいい?
先駆者 (書籍も出してる) は
> jQueryでないと美しく実装できない
https://blog.kobalab.net/entry/2021/03/25/205151
って言ってるけど、Webゲームのクライアントは特殊ってこと?
オンライン麻雀ゲームを作成しようと構想(妄想)してるんだけど、
いまから新規に作るならフロント側にはReactかVue.jsか、あるいは他のライブラリのどれを使えばいい?
先駆者 (書籍も出してる) は
> jQueryでないと美しく実装できない
https://blog.kobalab.net/entry/2021/03/25/205151
って言ってるけど、Webゲームのクライアントは特殊ってこと?
440デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:09:35.81ID:6K91Vfp30 その記事の人はReact使ったことがないから知識ゼロなんだろ
そもそも状態管理をして宣言的にUIを構築するんだからむしろReactのほうがスッキリ書ける
jQueryおじさんという化石思考に惑わされてはいけない
そもそも状態管理をして宣言的にUIを構築するんだからむしろReactのほうがスッキリ書ける
jQueryおじさんという化石思考に惑わされてはいけない
441デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:19:10.31ID:6K91Vfp30 > 宣言的アプローチでは「打牌中」の状態を描画できない
いや、Reactでは描画のための状態はUIコンポーネント内部に保持することでコアロジックを汚染することなく打牌中のような中間状態を美しく描画することができる
いや、Reactでは描画のための状態はUIコンポーネント内部に保持することでコアロジックを汚染することなく打牌中のような中間状態を美しく描画することができる
442デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:23:08.67ID:6K91Vfp30 Reactは宣言的UIは最終的な状態だけを表現するということではない
アニメーションやユーザー操作に伴う一時的な状態、ここでは打牌中もコンポーネントの内部状態やコンテキストAPIとかで管理できる
isPlayingAnimationのようなブーリアン型の状態を用意し、アニメーション中はtrueに設定し、アニメーションが終了したらfalseに戻す
打牌中の牌の位置や動きに関する情報を状態として持ち、その状態に基づいてCSSアニメーションを適用する
アニメーションやユーザー操作に伴う一時的な状態、ここでは打牌中もコンポーネントの内部状態やコンテキストAPIとかで管理できる
isPlayingAnimationのようなブーリアン型の状態を用意し、アニメーション中はtrueに設定し、アニメーションが終了したらfalseに戻す
打牌中の牌の位置や動きに関する情報を状態として持ち、その状態に基づいてCSSアニメーションを適用する
443デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:27:13.20ID:6K91Vfp30 > Majiang.ShoupaiはAIの思考ルーチンでも使用します。ここに描画の都合の「打牌中」などという状態を持ち込むとしたら、それは設計として誤っています
Reactでも描画に関わる状態とアプリケーションのコアロジックに関わる状態は分離して管理するのが一般的
コアロジックの麻雀の牌姿やルール進行を司る部分は、Reactコンポーネントからは独立した純粋なJavaScriptクラスや関数として実装するのが普通
Reactでも描画に関わる状態とアプリケーションのコアロジックに関わる状態は分離して管理するのが一般的
コアロジックの麻雀の牌姿やルール進行を司る部分は、Reactコンポーネントからは独立した純粋なJavaScriptクラスや関数として実装するのが普通
444デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:33:46.29ID:6K91Vfp30 > イベントハンドラ設定は描画処理と分離すべきである
Reactの設計思想はコンポーネントが自身の描画とそれに関連するイベントハンドリングをカプセル化すること
「対戦相手の手牌にイベントハンドラは不要だし、牌譜再生にも打牌のためのイベントハンドラは不要」という点についてはReactのコンポーネント設計で柔軟に対応できるからまったく問題なし
isInteractive: booleanなどを渡すことでイベントハンドラの有無を制御できる
牌譜再生時にはイベントハンドラが不要なモードでコンポーネントを描画すればいいだけだし
Reactの設計思想はコンポーネントが自身の描画とそれに関連するイベントハンドリングをカプセル化すること
「対戦相手の手牌にイベントハンドラは不要だし、牌譜再生にも打牌のためのイベントハンドラは不要」という点についてはReactのコンポーネント設計で柔軟に対応できるからまったく問題なし
isInteractive: booleanなどを渡すことでイベントハンドラの有無を制御できる
牌譜再生時にはイベントハンドラが不要なモードでコンポーネントを描画すればいいだけだし
445デフォルトの名無しさん (ワッチョイ e251-+g0z)
2025/06/30(月) 03:43:00.60ID:6K91Vfp30 > JSXを使う局面がない
> HTML に雛形として埋め込まれた「牌を表現するDOMノード」をコピーし差し込むことで実現しています。
Reactをまったく知らないからこんな恥ずかしことを堂々と言えるんだろう
こいつのもっとも無知なところだな
Reactは宣言型だからコピーするというコードを書くことすら不要なわけ
> HTML に雛形として埋め込まれた「牌を表現するDOMノード」をコピーし差し込むことで実現しています。
Reactをまったく知らないからこんな恥ずかしことを堂々と言えるんだろう
こいつのもっとも無知なところだな
Reactは宣言型だからコピーするというコードを書くことすら不要なわけ
446デフォルトの名無しさん (ワッチョイ eb7c-Qyzi)
2025/07/01(火) 16:48:29.62ID:SIBQ1DK00 牌なんてCanvasに直接描画すりゃエフェクトも自在だし変にエレメントにデータ持って
重くなることもなくていいんじゃね?って思うのは俺だけなのか
重くなることもなくていいんじゃね?って思うのは俺だけなのか
447デフォルトの名無しさん (ワッチョイ 62ad-i45a)
2025/07/03(木) 12:01:40.42ID:+b4ZnWKa0 >>446
俺もこう思う
そもそも牌をhtml要素とCSSで描画すること自体が微妙だよね
そういう意味だとjQueryでもReactでもなくてCanvas系のフレームワーク使ったほうが良いんじゃないかな
俺もこう思う
そもそも牌をhtml要素とCSSで描画すること自体が微妙だよね
そういう意味だとjQueryでもReactでもなくてCanvas系のフレームワーク使ったほうが良いんじゃないかな
448デフォルトの名無しさん (ワッチョイ 9f00-N87D)
2025/07/06(日) 06:18:05.39ID:GxvgQzqn0 宣言的UIに慣れるとCanvas全体を命令的に描画するのがあまりにもダル過ぎる
449デフォルトの名無しさん (ワッチョイ 9f4f-BzvG)
2025/07/06(日) 11:52:25.82ID:77BphujQ0 Canvas上の各表示オブジェクトを
Reactやビューで
あたかもHTMLの要素の様に操作できる(CSSプロパティ設定できる)
ライブラリってあるのかな。
Reactやビューで
あたかもHTMLの要素の様に操作できる(CSSプロパティ設定できる)
ライブラリってあるのかな。
450デフォルトの名無しさん (ワッチョイ 1f3d-duEB)
2025/07/06(日) 12:44:53.42ID:8Iwql4w40 flutterでよくね
451デフォルトの名無しさん (ワッチョイ 9701-5BqU)
2025/07/09(水) 16:01:11.75ID:2rb1ksuv0 実際のゲーム開発で宣言的UIが採用されることってあるの?
452デフォルトの名無しさん (ワッチョイ 877c-Bd2j)
2025/07/20(日) 07:51:42.37ID:SQq4ZXml0 設定画面とかチュートリアルなら、まあ宣言的UIを使うもアリ。
453デフォルトの名無しさん (ワッチョイ 1314-YkiE)
2025/10/14(火) 01:38:41.26ID:gsFi4uI80 Remixが謎方向に進んでいる
Reactを捨てるのか
Reactを捨てるのか
454デフォルトの名無しさん (ワッチョイ c9d5-9yaJ)
2025/10/14(火) 08:36:28.99ID:ADcABZ0f0 React捨ててReactもどきを新しく作ったのか
流石にもういらんだろ
流石にもういらんだろ
455デフォルトの名無しさん (ワッチョイ 7357-ov/o)
2025/10/14(火) 12:34:52.90ID:oZQKX5Mj0 Reactは迷走してるって言ってるけど『お前もじゃい!』って感じだな
しかしReact前提のフルスタック全滅したらバックエンドはどうしてくのが良くなるのかねぇ
しかしReact前提のフルスタック全滅したらバックエンドはどうしてくのが良くなるのかねぇ
456デフォルトの名無しさん (ワッチョイ 13eb-YkiE)
2025/10/14(火) 18:50:59.98ID:gsFi4uI80 バックエンドは今でもRailsが大人気だぞ
457デフォルトの名無しさん (ワッチョイ 9d7c-8bKI)
2025/11/16(日) 09:40:05.17ID:FZVYRGsX0 今さらPugやEJSやThymeleafJSが再流行するとも思えんよなあ
レスを投稿する
ニュース
- 中国国営メディア「沖縄は日本ではない」… ★2 [BFU★]
- 中国国営メディア「沖縄は日本ではない」… ★3 [BFU★]
- 高市政権にパイプ役不在…日中高まる緊張 公明党の連立離脱影響、自民内にも懸念「自分でまいた種は自分で刈り取ってもらわないと」 [ぐれ★]
- 小野田氏、”中国経済への依存“に警戒感 高市首相の国会答弁巡り [煮卵★]
- 【サッカー】独占入手 最年長JリーガーにW不倫疑惑 『お風呂覗きたいんですが笑』LINE流出も… 慰謝料トラブルを本人に直撃 [冬月記者★]
- 【こんなの初めて…】民泊には既にキャンセルも 中国の渡航自粛で [ぐれ★]
- 【画像】セクシー女優・天沢りんさん「お休み頂いてた半年間でこんな体になりました🪽🤍」👉予想通りの展開に [242521385]
- 中国国営放送「日本は琉球をただちに中国に返還せよ」 キタ━━━━(゚∀゚)━━━━!!!!! [314039747]
- 三嶋由紀夫ってネトウヨだったの? [633473628]
- とうすこ🏡愛され絵文字♡🤥👊😅👊👶♡
- お昼休みなので>>2のキャラをかいてあそぶ
- 【高市悲報】アメリカ戦争省「あのさ、何回シミュレートしてもわーくに中国に負けちゃうんだよね🤗」 [359965264]
