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
520

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
140
AI Centric
Avatar for Akihito Koriyama koriym
0
340
app-state-diagram
Avatar for Akihito Koriyama koriym
0
87
OOP, Double Dispatch and Visitor Pattern
Avatar for Akihito Koriyama koriym
2
150
BEAR.Sunday 2014-2024
Avatar for Akihito Koriyama koriym
0
66
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
Avatar for Akihito Koriyama koriym
4
8.2k
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
結局QUICで通信は速くなるの？
Avatar for kota-yata kota_yata
8
7.5k
Agent Development Kitで始める生成 AI エージェント実践開発
Avatar for danishi danishi
0
160
Amazon GuardDuty での脅威検出：脅威検出の実例から学ぶ
Avatar for KintoTech_Dev kintotechdev
0
130
[kickflow]20250319_少人数チームでのAutify活用
Avatar for shin otouhujej
0
170
信頼できる開発プラットフォームをどう作るか？-Governance as Codeと継続的監視／フィードバックが導くPlatform Engineeringの進め方
Avatar for yuriemori yuriemori
1
180
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
Avatar for oracle4engineer oracle4engineer
PRO
2
6.4k
20250818_KGX・One Hokkaidoコラボイベント
Avatar for tohge05 tohgeyukihiro
0
110
Backlog AI アシスタントが切り開く未来
Avatar for vvatanabe vvatanabe
1
170
datadog-distribution-of-opentelemetry-collector-intro
Avatar for tetsuya28 tetsuya28
0
120
20250807 Applied Engineer Open House
Avatar for Sakana AI sakana_ai
PRO
2
610
プロダクトエンジニアリングで開発の楽しさを拡張する話
Avatar for sagawa / barometrica barometrica
0
210
メルカリIBIS：AIが拓く次世代インシデント対応
Avatar for ktykogm 0gm
2
450

Featured

See All Featured
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.6k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
184
22k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k

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