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

Hypermedia Affordance

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Akihito Koriyama Akihito Koriyama
July 30, 2017
Technology
5
540

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
BEAR.Sunday Framework Masterclass
Avatar for Akihito Koriyama koriym
0
25
Be Framework: 生命システムとしての存在理解
Avatar for Akihito Koriyama koriym
0
80
新世界の理解
Avatar for Akihito Koriyama koriym
0
190
AI Centric
Avatar for Akihito Koriyama koriym
0
460
app-state-diagram
Avatar for Akihito Koriyama koriym
0
120
OOP, Double Dispatch and Visitor Pattern
Avatar for Akihito Koriyama koriym
3
180
BEAR.Sunday 2014-2024
Avatar for Akihito Koriyama koriym
0
83
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
Avatar for Akihito Koriyama koriym
5
9.2k
Unconf: RWA読書会
Avatar for Akihito Koriyama koriym
0
650

Other Decks in Technology

See All in Technology
OCI Database Management サービス詳細
Avatar for oracle4engineer oracle4engineer
PRO
1
7.3k
GCASアップデート（202510-202601）
Avatar for 高橋広和 techniczna
0
250
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
Avatar for Rocket Martue rocketmartue
1
280
ZOZOにおけるAI活用の現在 ~開発組織全体での取り組みと試行錯誤~
Avatar for ZOZO Developers zozotech
PRO
4
4.8k
生成AI時代にこそ求められるSRE / SRE for Gen AI era
Avatar for ymotongpoo ymotongpoo
5
2.6k
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
10
73k
GitHub Issue Templates + Coding Agentで簡単みんなでIaC/Easy IaC for Everyone with GitHub Issue Templates + Coding Agent
Avatar for AEON aeonpeople
1
170
Frontier Agents (Kiro autonomous agent / AWS Security Agent / AWS DevOps Agent) の紹介
Avatar for msysh msysh
3
140
SREのプラクティスを用いた3領域同時 マネジメントへの挑戦 〜SRE・情シス・セキュリティを統合した チーム運営術〜
Avatar for coconala_engineer coconala_engineer
2
580
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
10k
SREが向き合う大規模リアーキテクチャ 〜信頼性とアジリティの両立〜
Avatar for Kuniaki Moriya zepprix
0
390
Webhook best practices for rock solid and resilient deployments
Avatar for Guillaume Laforge glaforge
1
260

Featured

See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
120
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
79
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
170
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
It's Worth the Effort
Avatar for 3n 3n
188
29k
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
420
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
Abbi's Birthday
Avatar for Violet Bock coloredviolet
1
4.7k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
770

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