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
350
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
全員がリーダーである世界へ キリマンジャロ登頂とシェアド・リーダー
jinwatanabe
0
130
例外の正しい扱い方 そのエラー try-catchして大丈夫?
jinwatanabe
0
390
レンタル移籍のすゝめ | カオスエンジニアリングを人に適応する
jinwatanabe
0
43
シン・リスコフの置換原則 〜現代風に考えるSOLIDの原則〜
jinwatanabe
0
390
ソフトウェアを 「道具」にする技術 〜OOUIとAIが交差するフロントエンドのドメインモデリング〜
jinwatanabe
0
270
キーフレーズ抽出手法「SIFRank」について
jinwatanabe
0
820
Other Decks in Programming
See All in Programming
Prismを使った型安全な暗号化_関数型まつり2026
_fhhmm
0
150
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
230
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
520
ルールを書いて終わらせないハーネスエンジニアリング
yug1224
4
1.7k
AI時代、エンジニアはどう育つのか -未経験エンジニアの成長を間近で見て考えたこと-
thasu0123
0
140
エンジニア向け会社紹介/Findy Company Profile
findyinc
6
360k
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
340
エンジニアにデザインハーネスを 〜デザインプロセスを規定するためのハーネス〜 / Design harness from an engineer's perspective
rkaga
2
1.6k
AI時代の仕事技芸論〜ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ(スクフェス仙台 2026バージョン)
kuranuki
0
710
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
430
関数型プログラミングのメリットって何だろう?
wanko_it
0
190
FDEが実現するAI駆動経営の現在地
gonta
2
200
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
51
53k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
3
1.1k
Become a Pro
speakerdeck
PRO
31
6k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
390
Java REST API Framework Comparison - PWX 2021
mraible
34
9.5k
Utilizing Notion as your number one productivity tool
mfonobong
4
450
Evolving SEO for Evolving Search Engines
ryanjones
0
240
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.3k
Test your architecture with Archunit
thirion
1
2.3k
Breaking role norms: Why Content Design is so much more than writing copy - Taylor Woolridge
uxyall
0
350
Building a Scalable Design System with Sketch
lauravandoore
463
34k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
230
Transcript
脱★JSON色付け係 わたなべじん
とあるところに重要人物の言及がありました
品質向上で人物名の構造が変わりました
HTML上で文字列結合しようとするドライバー それは絶対だめだ!と叫ぶナビゲーター
フロントエンドのドメインについて 考え方がサーバーと混ざってしまってない?
脱★JSON色付け係
そもそもドメインとはなにか?
すべてのソフトウェアプログラムは、 使用するユーザの何らかの活動や関心と関係がある。 ユーザがプログラムを適用する対象領域が、 ソフトウェアのドメインである。
フロントエンドにおける 「ユーザーの何らかの活動や関心」とはなんだろう
当時のコンピュータは、文字を動かすだけでも複雑なコマンドや「モード」の切り替えが必 須で、専門家にとっても手間のかかる「特殊な操作」でした。ラリー・テスラーはこの不便さ を解消し、現実世界のハサミと糊のように誰もが直感的に行える「当たり前の動作」として 編集作業を再定義しました。 彼がその成果を披露した際、歴史的な場面が訪れます。ラリーがいつものカット・アンド・ ペーストをやったとき、突然ピーター・ドゥイッチが立ち上がって、 スクリーンを指さして叫んだ。 「今やったのは、やったんじゃないかと俺が思ってることか?」 ドゥイッチが衝撃を受けたのは、かつては苦労した操作が「ユーザーがこうしたいと意図し た通り」に、一瞬で完了したその魔法のような簡潔さにあったのです。
『未来をつくった人々』の Chapter 15要約
フロントエンドのドメインはユーザーが 「した」と思ったことを、画面に「表す」こと
つまり「操作」と「表示」
サーバーサイドのドメインは ビジネス(業務)ロジック ビジネスロジックはフロントエンドには「ない」
フロントエンド開発中は ビジネスロジックという言葉は使われない サーバー感覚でやるとドメインを見失う
我々はJSON色付け係ではない
フロントエンド開発中は ビジネスロジックという言葉は使われない サーバー感覚でやるとドメインを見失う
HTML上で文字列結合しようとするドライバー
None
Viewはユーザーに何を示すのかに注力する
None
ドメインオブジェクトはあくまで「このデータは今 『エラー状態』である」という業務上の判断(意味) だけを返し、それをどう装飾するかはViewが決め るので下はNG
None
フロントエンドの多くは「画面設計」に注力されがちだが 「ソフトウェア設計」も大切にしよう
参考文献 WEBフロントエンドにおけるソフトウェア設計の考察 現場で役立つシステム設計の原則 ~変更を楽で安全にするオブジェクト指向の実践技法 エリック・エヴァンスのドメイン駆動設計 未来をつくった人々: ゼロックス・パロアルト研究所とコンピュータエイジの黎明