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
500

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
AI Centric
Avatar for Akihito Koriyama koriym
0
300
app-state-diagram
Avatar for Akihito Koriyama koriym
0
64
OOP, Double Dispatch and Visitor Pattern
Avatar for Akihito Koriyama koriym
2
140
BEAR.Sunday 2014-2024
Avatar for Akihito Koriyama koriym
0
66
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
Avatar for Akihito Koriyama koriym
4
7.8k
Unconf: RWA読書会
Avatar for Akihito Koriyama koriym
0
580
REST 6+4の制約
Avatar for Akihito Koriyama koriym
2
2.8k
RESTful Web API 読書会 #1
Avatar for Akihito Koriyama koriym
3
290
RESTの力 / The Power of REST
Avatar for Akihito Koriyama koriym
10
7.9k

Other Decks in Technology

See All in Technology
GigaViewerにおけるMackerel APM導入の裏側
Avatar for koudenpa 7474
0
460
從開發到架構設計的可觀測性實踐
Avatar for philipz philipz
0
120
JNation 2025 - Quarkus for Spring Developers
Avatar for Eric Deandrea edeandrea
PRO
0
110
コードの考古学 〜労務システムから発掘した成長の糧〜
Avatar for Kenta SEKINE kenta_smarthr
1
1.2k
S3 Tables を図解でやさしくおさらい～基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
Avatar for emi emiki
2
340
Javaアプリケーションの配布とパッケージング / Distribution and packaging of Java applications
Avatar for hogelog hogelog
1
250
オープンソースのハードウェアのコンテストに参加している話
Avatar for misoji engineer iotengineer22
0
650
データ戦略部門 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.1k
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.6k
エンジニアが組織に馴染むために勉強会を主催してチームの壁を越える
Avatar for uutan1108 ohmori_yusuke
2
120
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
300
ITエンジニアを取り巻く環境とキャリアパス / A career path for Japanese IT engineers
Avatar for 高玉 広和 / TAKATAMA Hirokazu takatama
4
1.5k

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
129
19k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
8.1k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
233
17k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
137
34k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
32
2.3k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
42
2.3k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.8k

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