Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
脱★JSON色付け係
Search
Watanabe Jin
January 30, 2026
Programming
300
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
脱★JSON色付け係
Watanabe Jin
January 30, 2026
More Decks by Watanabe Jin
See All by Watanabe Jin
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
120
レンタル移籍のすゝめ | カオスエンジニアリングを人に適応する
jinwatanabe
0
25
シン・リスコフの置換原則 〜現代風に考えるSOLIDの原則〜
jinwatanabe
0
320
ソフトウェアを 「道具」にする技術 〜OOUIとAIが交差するフロントエンドのドメインモデリング〜
jinwatanabe
0
230
キーフレーズ抽出手法「SIFRank」について
jinwatanabe
0
820
Other Decks in Programming
See All in Programming
Oxcを導入して開発体験が向上した話
yug1224
4
290
3Dシーンの圧縮
fadis
1
670
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
260
不変条件と整合性境界—ビジネスが決める設計判断と実現パターン / Invariants and Consistency Boundaries
nrslib
13
3.5k
Language Server 使ってる? 〜VSCode と Zed の場合〜 / Are you using a Language Server? ~For VS Code and Zed~
handlename
0
770
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
470
AIで効率化できた業務・日常
ochtum
0
110
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.3k
JJUG CCC 2026 Spring: JSpecify で実現する Kotlin フレンドリーな Java API 設計
ternbusty
1
150
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
17
6.2k
セキュリティの専門家じゃなくてもできる。「セキュリティ意識」をアップデートして サプライチェーン攻撃への耐性を高めよう。
tk3fftk
5
660
柔軟なPDFレイアウトエディタを支える型システム設計 — Discriminated UnionとConditional Typeの実践
minako__ph
4
1.5k
Featured
See All Featured
Claude Code のすすめ
schroneko
67
230k
How to Talk to Developers About Accessibility
jct
2
220
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
marcoroth
1
160
Heart Work Chapter 1 - Part 1
lfama
PRO
7
36k
30 Presentation Tips
portentint
PRO
1
320
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Abbi's Birthday
coloredviolet
2
8k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
150
A Tale of Four Properties
chriscoyier
163
24k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
850
Embracing the Ebb and Flow
colly
88
5.1k
Transcript
脱★JSON色付け係 わたなべじん
とあるところに重要人物の言及がありました
品質向上で人物名の構造が変わりました
HTML上で文字列結合しようとするドライバー それは絶対だめだ!と叫ぶナビゲーター
フロントエンドのドメインについて 考え方がサーバーと混ざってしまってない?
脱★JSON色付け係
そもそもドメインとはなにか?
すべてのソフトウェアプログラムは、 使用するユーザの何らかの活動や関心と関係がある。 ユーザがプログラムを適用する対象領域が、 ソフトウェアのドメインである。
フロントエンドにおける 「ユーザーの何らかの活動や関心」とはなんだろう
当時のコンピュータは、文字を動かすだけでも複雑なコマンドや「モード」の切り替えが必 須で、専門家にとっても手間のかかる「特殊な操作」でした。ラリー・テスラーはこの不便さ を解消し、現実世界のハサミと糊のように誰もが直感的に行える「当たり前の動作」として 編集作業を再定義しました。 彼がその成果を披露した際、歴史的な場面が訪れます。ラリーがいつものカット・アンド・ ペーストをやったとき、突然ピーター・ドゥイッチが立ち上がって、 スクリーンを指さして叫んだ。 「今やったのは、やったんじゃないかと俺が思ってることか?」 ドゥイッチが衝撃を受けたのは、かつては苦労した操作が「ユーザーがこうしたいと意図し た通り」に、一瞬で完了したその魔法のような簡潔さにあったのです。
『未来をつくった人々』の Chapter 15要約
フロントエンドのドメインはユーザーが 「した」と思ったことを、画面に「表す」こと
つまり「操作」と「表示」
サーバーサイドのドメインは ビジネス(業務)ロジック ビジネスロジックはフロントエンドには「ない」
フロントエンド開発中は ビジネスロジックという言葉は使われない サーバー感覚でやるとドメインを見失う
我々はJSON色付け係ではない
フロントエンド開発中は ビジネスロジックという言葉は使われない サーバー感覚でやるとドメインを見失う
HTML上で文字列結合しようとするドライバー
None
Viewはユーザーに何を示すのかに注力する
None
ドメインオブジェクトはあくまで「このデータは今 『エラー状態』である」という業務上の判断(意味) だけを返し、それをどう装飾するかはViewが決め るので下はNG
None
フロントエンドの多くは「画面設計」に注力されがちだが 「ソフトウェア設計」も大切にしよう
参考文献 WEBフロントエンドにおけるソフトウェア設計の考察 現場で役立つシステム設計の原則 ~変更を楽で安全にするオブジェクト指向の実践技法 エリック・エヴァンスのドメイン駆動設計 未来をつくった人々: ゼロックス・パロアルト研究所とコンピュータエイジの黎明