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
510

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
310
app-state-diagram
Avatar for Akihito Koriyama koriym
0
73
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.9k
Unconf: RWA読書会
Avatar for Akihito Koriyama koriym
0
590
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
8k

Other Decks in Technology

See All in Technology
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
Avatar for Lamoda Tech lamodatech
0
270
原則から考える保守しやすいComposable関数設計
Avatar for Mori Atsushi moriatsushi
3
500
Prox Industries株式会社 会社紹介資料
Avatar for Prox proxindustries
0
190
第9回情シス転職ミートアップ_テックタッチ株式会社
Avatar for forester3003 forester3003
0
130
Amazon ECS & AWS Fargate 運用アーキテクチャ2025 / Amazon ECS and AWS Fargate Ops Architecture 2025
Avatar for iselegant iselegant
13
4.3k
CSS、JSをHTMLテンプレートにまとめるフロントエンド戦略
Avatar for Saito Ayumu d120145
0
210
AIエージェントの継続的改善のためオブザーバビリティ
Avatar for PharmaX（旧YOJO Technologies）開発チーム pharma_x_tech
6
1.4k
A2Aのクライアントを自作する
Avatar for Ryunosuke Iwai rynsuke
1
150
Clineを含めたAIエージェントを 大規模組織に導入し、投資対効果を考える / Introducing AI agents into your organization
Avatar for Masato Ishigaki / 石垣雅人 i35_267
4
1.4k
AI技術トレンド勉強会 #1 MCPの基礎と実務での応用
Avatar for Nisei Kimura nisei_k
1
240
JSX - 歴史を振り返り、⾯⽩がって、エモくなろう
Avatar for 晴れ井戸 pal4de
3
1.1k
Agentic Workflowという選択肢を考える
Avatar for takuya kikuchi tkikuchi1002
1
370

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
92
6.1k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
51k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
BBQ
Avatar for Matthew Crist matthewcrist
89
9.7k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
299
21k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.5k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
94
14k

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