The Clean ArchitectureがWebフロントエンドでしっくりこないのは何故か / Why The Clean Architecture does not fit with Web Frontend

2025/02/28(金) JSConf.jp おかわり Node学園46時限目

[t-wada]

大きな反響を頂きました #tng46 での講演資料を公開しました。「The Clean Architecture」（※例の同心円）がWebフロントエンドではしっくりこない原因を品質特性と制約の観点から分析していきます

[repon]

めちゃくちゃ良かったです。公開ありがとうございます！ https://youtu.be/q5ZkrvP46RQ?t=2891

[kagerouttepaso]

システム全体を例のドーナツに当てれば、Webフロントエンドはシステムにおける青と緑の層の一部(Web,UI,Controller,Presenter)でしかないというという理解だった。

[uchiten]

"Clean Architectureの "Clean" は「きれいな」ではなく Bob おじさん」の書籍のシリーズ名" 衝撃的すぎる……。「これでワイらのシステムも「きれい」や！」と思って採用したプロジェクトも多くあろう。

[miyasakura]

フロントエンドでClean Architectureで実装する話題についていけてなかったんだけど結論誰もわかっていなかったということか

[takayamaki]

Webフロントエンド分野がOOPでなくFP的なのは、HTMLという木構造に基づく分割統治のなかでイベントハンドラを関数オブジェクトとして大量に根から枝葉の方向へ渡す必要があるからだと理解している

[turanukimaru]

こんな発表が必要なのなら、フロントの人は Clean Architecture をどうこう言う前に Android のスタンドアロンアプリとか Unity でゲームを作ったほうが良いのでは…。React とか画面の操作だけで精一杯というわけでもあるまいに。

[hachibeechan]

Clean Architectureに限らないけどアレ系のドーナッツを考えなしに模倣するのはやめようねってもうずっと言ってる

[yojik]

良い資料。ただリアクティブな値と組み合わせ可能な関数で構築する単方向データーフローがフロントエンドロジックの(今の)最適解だけど、いい感じの処理系があればバックエンドでも行けそうな気もする。

[PrivateIntMain]

"UI構築を主戦場とするフロントエンドにクリーンアーキテクチャ持ち込むという発想自体がナンセンス" あの同心円を信じるなら、フロントはAPIコールと表示の責務しか負ってはいけない。業務知識が漏れるのが間違い。

[taiyow]

ドメインロジックを長年保守する必要がある業界なら例のドーナツ構造で良いと思うが、数年でFWごとかわるサービスとか、スケーラビリティのためにインフラ性能を引き出さないといけないサービスには向かない。

[mohri]

「クリーン」＝「シン」という発見おもしろい

[shingo-sasaki-0529]

恥ずかしながら、Clean Architecture (書籍) は The Clean Architecture (アーキテクチャ) を全編で扱ってる本だと今の今まで思い込んでました。

[takezaki]

いいね

[matarillo]

リビジョンが上がってるそうなんだけどどこが変わったのかわからないと見直すことはないかも

[emmeleia]

この手のアーキテクチャ否定論、言ってることは凄くわかるものの、具体例がないことが多くてそれだけで終わるんですよね。ディレクトリ構成を含めたコードで例を提示して欲しい

[yarumato]

“クリーンアーキテクチャでは、フロントエンド（UI）やフレームワーク、Web、CLIといった外部と、ビジネスルールを表現する内部を分離、独立させることが重要と説いている”

[justgg]

クラスじゃなくて関数が使われる根拠がJSONだというのはあまりよくわからない。バックエンドのDBだってメソッドがないのは一緒な気がする。明確な根拠はなくてただの流行なのでは。

[Keisuke69]

"例の同心円" w 良い話が語られてる

[hc0001]

前段の Frontend/Backend と Client/Server の分解軸と職能の責任領域・品質特性と制約などの整理が非常に明解で、本題がスッと入ってくる

[uehaj]

だったらそう名付ける方がクソッタレな話だ。theを付けるというのは、そのことに対する絶対的な唯一の決定版だということを示唆する。

[slack_pulse]

クリーンアーキテクチャの「形状」ではなく原則を理解せよっていうこととフロントエンド特有の適切なアプローチを選択せよということだね

[strawberryhunter]

デザインパターンに振り回されるのと同じだな。20年たっても人類は進化しないんだ。私は最初から無視している。

[ssfu]

このカラーリングは、スーパーCDロムロムだ。

[queeuq]

多くの人間が諭旨を理解せずにただドーナツと名称だけを見てそれを模倣して失敗しているだけ。名前が本当によくない。

[issyurn]

あのボブおじさんが発表したアーキテクチャっていうのも主語が強すぎたんだと思う。これは決して本人のせいじゃない。文脈を読み違えたインフルエンサーや使い手側の問題。

[unmarshal]

最近、クリーンアーキテクチャやDDDはシステムのためというより「そのネタで飯を食う人達」の為に存在している気がしてきた...

[katsyoshi]

知り合いのアンクルボブファンのおじさんが嘆いとったで

[kabuquery]

まじ理解するの難しいよね

[tomono-blog]

「日本人は、新しいものが好きなんだよ! まさにスクラップ&ビルド」(デザイナーが飽きやすい)

[s-nanagi]

Webフロントエンドはドメイン薄くて関心がUIなどの具象の方にあるからCAがあまり役に立たないのは知ってたけど、イベント主体だから関数主体の方が自然でOOPよりFPというのはそこまで意識してなかった。

[FreeCatWork]

難しいことはよくわかんないにゃ！でも、頑張ってるみんなを応援するにゃ！

[otihateten3510]

2012年の、webもアプリも今と全然違う設計をありがたがってるの謎だよね。信仰なんだよなあ。

[zentarou]

何を何のためにどのように抽象化するのか自分でちゃんと考えよう