Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Hypermedia Affordance

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

Other Decks in Technology

See All in Technology
Active Directory 勉強会 第 6 回目 Active Directory セキュリティについて学ぶ回
Avatar for Eureka eurekaberry
10
3.4k
ローカルVLM OCRモデル + Gemini 3.0 Proで日本語性能を試す
Avatar for Gota gotalab555
1
220
Flutter Thread Merge - Flutter Tokyo #11
Avatar for JaiChangPark itsmedreamwalker
1
110
段階的に進める、 挫折しない自宅サーバ入門
Avatar for yut yu_kod
4
1.6k
研究開発部メンバーの働き⽅ / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
3
21k
組織の“見えない壁”を越えよ！エンタープライズシフトに必須な3つのPMの「在り方」変革 #pmconf2025
Avatar for Masakazu Inaba masakazu178
1
1k
mablでリグレッションテストをデイリー実行するまで #mablExperience
Avatar for 弁護士ドットコム bengo4com
0
430
adk-samples に学ぶデータ分析 LLM エージェント開発
Avatar for na0 na0
3
890
命名から始めるSpec Driven
Avatar for Kurowi kuruwic
1
640
レガシーで硬直したテーブル設計から変更容易で柔軟なテーブル設計にする
Avatar for Red Frasco red_frasco
4
650
Symfony AI in Action
Avatar for Christopher Hertel el_stoffel
1
190
【ASW21-02】STAMP/CAST分析における生成AIの支援 ～羽田空港航空機衝突事故を題材として （Support of Generative AI in STAMP/CAST Analysis - A Case Study Based on the Haneda Airport Aircraft Accident -）
Avatar for Hiroyuki.Anraku hianraku9498
1
280

Featured

See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.6k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.4k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Docker and Python
Avatar for Tania Allard trallard
46
3.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
680
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
73
4.9k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.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