サービスデザインプロジェクトB 第5回「ウェブサービスデザイン 1」 / Web Service Design 1

2020年11月9日、慶應義塾大学大学院メディアデザイン研究科の「サービスデザインプロジェクトB (2020 秋)」第5回にて使用したスライドです。

Transcript

1. B 2020 5 1 ( ) B 2020 — 5 1 — 2020-11-09 – p.1/23
2. https://speakerdeck.com/ks91 Discord Discord ( / / ) Zoom URL ( ) B 2020 — 5 1 — 2020-11-09 – p.2/23
3. ( ) 1 10 12 • 2 10 19 • 3 10 26 • 4 11 2 • 5 11 9 1 • 6 11 16 2 7 11 30 8 12 7 4 ( 3 ) ↓ B 2020 — 5 1 — 2020-11-09 – p.3/23
4. Web API ( ) BBc-1 – Ethereum API B 2020 — 5 1 — 2020-11-09 – p.4/23
5. B 2020 — 5 1 — 2020-11-09 – p.5/23
6. 2. API (1) ( ) (2) Web API 2020 11 7 ( ) 23:59 JST B 2020 — 5 1 — 2020-11-09 – p.6/23
7. . . . . . . 12 9 ( 11:00 ) ( ) / ( / ) : ( etc) ( ) ( ) ( ) B 2020 — 5 1 — 2020-11-09 – p.7/23
8. Y W ⇒ ( ) : Proof of Work ↑ : ↑ ∼ B 2020 — 5 1 — 2020-11-09 – p.8/23
9. N ← ⇒ ( ) B 2020 — 5 1 — 2020-11-09 – p.9/23
10. T Qiita ⇒ Stack Exchange B 2020 — 5 1 — 2020-11-09 – p.10/23
11. T IC IC ⇒ PUF (Physically Unclonable Function) B 2020 — 5 1 — 2020-11-09 – p.11/23
12. Web API ( ) API : Application Programming Interface Interface through which an application can make use of some features provided somewhere Web API : API by HTTP(S) requests In the case, features are provided by a web server B 2020 — 5 1 — 2020-11-09 – p.12/23
13. REST (Representational State Transfer) Stateless client/server protocol Well-defined set of methods POST, GET, PUT, DELETE vs. CRUD (Create/Read/Update/Delete) CRUD represents the basic set of operations against a database Uniquely identify resources by URI Some demonstrations later Often returns results in the form of JSON (JavaScript Object Notation) B 2020 — 5 1 — 2020-11-09 – p.13/23
14. REST – contd. Hypermedia that can handle both application information and state transitions An example of state transitions (state machines) (For example, on the web, page = state, and the page presents possible operations in that state as a set of buttons) A stack is a last-in, fast-out date store You can push data in, and pop data out A design would be like, POST to create a stack POST to push to the stack POST to pop from the stack GET to peek in the stack state PUT to update an item DELETE to delete the stack B 2020 — 5 1 — 2020-11-09 – p.14/23
15. Demonstration $ git clone https://github.com/ks91/sample-web-api.git This is a really simple sample API that provides stacks (requires Python3 and Flask) Run the simple web API server $ python stack.py See README to discover how to try At the end of this demo, we will try (5 − 2) × (3 + 4) B 2020 — 5 1 — 2020-11-09 – p.15/23
16. BBc-1 – Ethereum Ethereum https://speakerdeck.com/beyondblockchain/bbc-1-hands-on-installation-and-file-content-proof Ethereum https://speakerdeck.com/beyondblockchain/bbc-1-hands-on-ledger-subsystem-with-ethereum B 2020 — 5 1 — 2020-11-09 – p.16/23
17. ( Ethereum ) จॻ  จॻ  จॻ  จॻ  จॻ O ཌ೔ͷ׭ใ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ ح਺ͷ৔߹͸ ෳ੡͢Δ ˞
    μΠδΣετ͸ݩͷ ɹ
    σʔλ͕
     ϏοτͰ΋ ɹ
    ҟͳΔͱશ͘ҟͳΔ஋ ɹ
    ͱͳΓɺ·ͨɺμΠδΣ ɹ
    ετ͔ΒݩͷσʔλΛ ɹ
    ਪଌ͢Δ͜ͱ͸Ͱ͖ͳ͍ɻ ɾจॻ 
    Λ։ࣔ͞Εͨ " ࢯ͸ɺಉ࣌ʹϒϧʔͰࣔ͞ΕΔμΠδΣετͱͦΕ͕ࠨӈͷͲͪΒʹҐஔ͢Δ͔Λड͚औΔɻ ɾ" ࢯ͸จॻ  ͷμΠδΣετ͔Β࢝Ίͯɺ࿈݁͢΂͖Ұ࿈ͷμΠδΣετΛ஌Δ͜ͱʹͳΔͷͰɺϚʔΫϧϧʔτʹࢸΔ·Ͱͷ ɹܭࢉΛ࠶ݱͰ͖ɺಘΒΕͨϚʔΫϧϧʔτ͕จॻͷ࡞੒೔ͷཌ೔ͷ׭ใʹهࡌ͞Ε͍ͯΔ஋ͱҰக͢Δ͜ͱΛ֬ೝͰ͖Δɻ هࡌ͢Δ ੥ٻʹج͖ͮ ։ࣔ͞Ε͏Δ ৘ใ ެ։͞ΕΔ৘ใ ϚʔΫϧϧʔτ Ϛ ồ Ϋ ϧ ໦
    ߦ ੓ ͕ อ ؅ ͠ ෦ ෼ త ʹ ։ ࣔ ͢ Δ ʜʜ ʜʜ ʜʜ ʜʜ ʜʜ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ μΠδΣετ B 2020 — 5 1 — 2020-11-09 – p.17/23
18. API B 2020 — 5 1 — 2020-11-09 – p.18/23
19. B 2020 — 5 1 — 2020-11-09 – p.19/23
20. ( / ) : ( etc) ( ) ( ) ( ) miro Verifiable credentials B 2020 — 5 1 — 2020-11-09 – p.20/23
21. B 2020 — 5 1 — 2020-11-09 – p.21/23
22. 3. API (1) ( ) (2) Web API 2020 11 14 ( ) 23:59 JST B 2020 — 5 1 — 2020-11-09 – p.22/23
23. B 2020 — 5 1 — 2020-11-09 – p.23/23