Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Hypermedia Affordance

Avatar for Akihito Koriyama Akihito Koriyama
July 30, 2017
Technology
5
530

Hypermedia Affordance

Hypermedia Affordance with BEAR.Sunday

Avatar for Akihito Koriyama

Akihito Koriyama

July 30, 2017
Tweet

More Decks by Akihito Koriyama

See All by Akihito Koriyama
新世界の理解
Avatar for Akihito Koriyama koriym
0
160
AI Centric
Avatar for Akihito Koriyama koriym
0
380
app-state-diagram
Avatar for Akihito Koriyama koriym
0
95
OOP, Double Dispatch and Visitor Pattern
Avatar for Akihito Koriyama koriym
2
150
BEAR.Sunday 2014-2024
Avatar for Akihito Koriyama koriym
0
69
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
Avatar for Akihito Koriyama koriym
4
8.4k
Unconf: RWA読書会
Avatar for Akihito Koriyama koriym
0
610
REST 6+4の制約
Avatar for Akihito Koriyama koriym
2
2.8k
RESTful Web API 読書会 #1
Avatar for Akihito Koriyama koriym
3
300

Other Decks in Technology

See All in Technology
いま注目しているデータエンジニアリングの論点
Avatar for Ikki Miyazaki ikkimiyazaki
0
530
日経が挑戦するデータ民主化 ~ セルフサービス基盤がもたらす利点と苦悩~/nikkei-tech-talk-37
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
210
ZennとCloud Runの歩み - プロダクト開発に全集中できる相棒になるまで
Avatar for Yusuke Wada wadayusuke
5
620
Pure Goで体験するWasmの未来
Avatar for asuka askua
1
150
about #74462 go/token#FileSet
Avatar for tom twinkle tomtwinkle
1
260
20250929_QaaS_vol20
Avatar for Shin Murakami mura_shin
0
110
2重リクエスト完全攻略HANDBOOK / Double Request Handbook
Avatar for ShoheiMitani shoheimitani
5
7k
Tomorrow graphlib, Let us use everybody
Avatar for HayaoSuzuki hayaosuzuki
0
140
OCI Network Firewall 概要
Avatar for oracle4engineer oracle4engineer
PRO
1
7.7k
pprof vs runtime/trace (FlightRecorder)
Avatar for task4233 task4233
0
140
Why React!?? Next.jsそしてReactを改めてイチから選ぶ
Avatar for ypresto ypresto
9
3.5k
バイブコーディングと継続的デプロイメント
Avatar for nwiizo nwiizo
2
340

Featured

See All Featured
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
56
6.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
460k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.6k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.8k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
78
6k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k

Transcript

  1. Hypermedia affordance with BEAR.Sunday @koriym 2017

  2. None

  3. IUUQTFOXJLJQFEJBPSHXJLJ"⒎PSEBODF

  4. IUUQFLSJUTKQXQDPOUFOUVQMPBETDPNJDB⒎PSEBODFQEG

  5. None

  6. GET /menu

  7. None
  8. None

  9. no affordance

  10. None
  11. None

  12. rel=“order” !

  13. /order
 
 but how ?

  14. OPTIONS /order

  15. None
  16. None

  17. POST /order/?name=latte ☕

  18. None

  19. PUT /order?id=123&extra=shot

  20. None

  21. GET /order?id=123

  22. None

  23. OPTIONS /payment

  24. PUT: the payment should be idempotent

  25. IUUQTXXXJOGPRDPNKQBSUJDMFTXFCCFSSFTUXPSLqPX Resource interface for state machine URI as state "

    " "

  26. 200 GET /menu
 201 POST /order/?name=latte
 100 PUT /order/?order_id=1234&extra=shot
 200

    PUT /payment?order_id&card_num=123&expire=101018
 URIs as event source

  27. * CQS * CQRS * Discoverable * Cache * Observe

    * Message Driven Development * Micro Service * Event Sourcing * Decoupled Component REST++

  28. Hypermedia API

  29. Hypermedia Driven Development

  30. None

  31. IUUQTXXXXPSHJOUFHSBUJPOXPSLTIPQQIZQFSNFEJBPSJFOUFEEFTJHOQEG

  32. IUUQTXXXJOGPRDPNKQBSUJDMFTXFCCFSSFTUXPSLqPX

  33. None
  34. None

  35. Self-Descriptive API

  36. None

  37. CURIEs (Compact URI) IUUQTFOXJLJQFEJBPSHXJLJ$63*&

  38. None
  39. None
  40. None

  41. IUUQKTPOTDIFNBPSH

  42. backend + front-end UPEPKTPO UPEPTKTPO

  43. None

  44. ? REST API

  45. REST != CRUD over HTTP

  46. REST != Return JSON with pretty URI

  47. None

  48. IUUQTXXXJOGPRDPNOFXT$36%3&45

  49. IUUQTUXJUUFSDPNpFMEJOHTUBUVT

  50. None
  51. None

  52. Network affordance

  53. Information (+ affordance) NFOV SFMlPSEFSz

  54. hypermedia affordance SFMlPSEFSz

  55. Internet Programing

  56. = Programing Internet

  57. BEE B⒎PSEBODF