Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
560
5

Hypermedia Affordance

Hypermedia Affordance with BEAR.Sunday

Avatar for Akihito Koriyama

Akihito Koriyama

July 30, 2017

More Decks by Akihito Koriyama

See All by Akihito Koriyama
BEAR.Sunday — リソース指向 PHP アプリケーションフレームワーク
Avatar for Akihito Koriyama koriym
0
60
存在論的プログラミング： 時間と存在を記述する
Avatar for Akihito Koriyama koriym
5
1.3k
Be Framework: 生命システムとしての存在理解
Avatar for Akihito Koriyama koriym
0
200
新世界の理解
Avatar for Akihito Koriyama koriym
0
270
AI Centric
Avatar for Akihito Koriyama koriym
0
830
app-state-diagram
Avatar for Akihito Koriyama koriym
0
190
OOP, Double Dispatch and Visitor Pattern
Avatar for Akihito Koriyama koriym
3
230
BEAR.Sunday 2014-2024
Avatar for Akihito Koriyama koriym
0
110
イベント駆動コンテンツ (a.k.a Webアプリケーションの効率を再定義するBEAR.Sundayの分散キャッシングフレームワーク)
Avatar for Akihito Koriyama koriym
5
10k

Other Decks in Technology

See All in Technology
Railsで挑む大量データ永続化 〜600億件を永続化するための設計とボトルネックとの戦い〜
Avatar for Shoichi Ochi occhi
1
580
[JAWS-UG彩の国埼玉#12]そろそろ準備する？re:Invent2026をやさしく解説 / reinvent2026-sainokuni
Avatar for sh_fk2 sh_fk2
1
340
re:Invent初参加で変わったこと、2回目にやってみたいこと（JAWS-UG彩の国埼玉 #12）
Avatar for 株式会社みずほ銀⾏ 情報数理⼯学研究所 デジタル技術開発部 mhrtech
2
220
NDIでApple Vision Proにリアルタイム映像送信
Avatar for jyouryuusui jyouryuusui
0
120
DGX Spark でどこまでハッキングができるのか？
Avatar for kash1064 kash1064
3
1.3k
触りたくないデータに、どう触るか AI時代のRBACアクセスガバナンス
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
260
分析の民主化を支えるメタデータ整備の実践
Avatar for KAKEHASHI kakehashi
PRO
4
1.4k
事業成長とデータ活用を止めないためのマネジメントへ挑戦
Avatar for Noriaki Hiraki hiracky16
0
390
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
Avatar for KNOWLEDGE WORK / 株式会社ナレッジワーク kworkdev
PRO
2
1.2k
しろおびから始める！ログ活用の第一歩
Avatar for Shumei Ito shumei_ito
0
950
AI コーディングと人間の認知スループット / CTO Night & Day 2026 Morning Session / AI Coding and Human Cognitive Throughput
Avatar for Tamirlan 893 Torgayev prog893
4
1k
スプシの手作業からの解脱 ~更新はClaude Codeに、見せ方と使い方はGASアプリに任せる~
Avatar for KentaroFujii kentarofujii
0
150

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.9k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
530
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
4k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
306
120k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
410
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
3.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
232
55k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
630
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.5k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.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