ruby.wasm 最前線 2024 - wasmでMockServerをつくる #rubykaigi

After RubyKaigi 2024の登壇資料です。
https://findy.connpass.com/event/315981/

RubyKaigi 2024 のruby.wasm関連セッションの紹介と、
発表内容を活かして作ってみたMockServerの解説をしています。

Demoはこちら:
https://ruby-wasm-oas-mock.lnilab.net/boot.html

補足記事はこちら:
https://lnilab.hatenablog.com/entry/2024/06/09/153822

#rubykaigi #kaigieffect

参考資料:
https://speakerdeck.com/kateinoigakukun/rubygems-on-ruby-dot-wasm
https://speakerdeck.com/largo/the-frontend-rubyist
https://speakerdeck.com/ledsun/using-ruby-in-the-browser-is-wonderful
https://speakerdeck.com/remore/turning-cdn-edge-into-a-rack-web-server-with-ruby-dot-wasm
https://udzura.jp/slides/2024/rubykaigi/

Transcript

1. SVCZXBTN࠷લઢ
    
   "GUFS
   3VCZ,BJHJ
   
   !MOJ@5
   
   ϧχ
2. ࣗݾ঺հ w5XJUUFS 9
   *%
   !MOJ@5
   
   ΑΈ͔ͨ
   ϧχ
   w.FE1FFS
   ɹαʔόʔαΠυ
   ϦʔυΤϯδχΞ
   w3VCZ3BJMTྺ
   ೥ʙݱࡏ
   
   w3BJMT
   
   ʙ
   3BJMT
   ·Ͱܦݧ
   
   
4. 4 ͍·ͷ͓͠͝ͱ
5. 3VCZ,BJHJ͓ർΕ༷Ͱͨ͠ʂ
6. ͳ͔ͥݱ஍ͰλΠϐϯά଎౓ότϧͯͨ͠
7. ࠓ೥΋ଟ༷ͳηογϣϯ
8. ຊ೔ͷτʔΫςʔϚ SVCZXBTN
9. SVCZXBTN͓͞Β͍
10. SVCZXBTN
    
    3VCZ͕ϒϥ΢βͰಈ͘΍ͭʂʁ ͱ͍͏͚ͩͰͳ͘
11. 8FC"TTFNCMZ
12. 8FC"TTFNCMZ 8BTN  Ϟμϯϒϥ΢βͰಈ࡞͢Δ
    όΠφϦίʔυͷ৽͍͠ϑΥʔϚοτ
     ಛ௃
     )JHI
    1FSGPSNBODF
     1PSUBCMF
     ಛఆͷݴޠʹґଘ͠ͳ͍
     4BOECPY؀ڥͳͲͰ҆શʹ࣮ߦͰ͖Δ
13. 3VCZ
    
    8FC"TTFNCMZ  3VCZ
    8"4*ϕʔεͷ8FC"TTFNCMZαϙʔτ
     8BTN؀ڥͰ$3VCZ͕ಈ࡞͢ΔΑ͏ʹͳͬͨ
14. 8"4*
15. ʮ༷ʑͳ؀ڥʯͰ
    ʮ҆શʯ͔ͭʮޮ཰తʯʹ
    ϓϩάϥϜΛಈ͔͍ͨ͠ʂʂ
16. 8"4*  8FC
    "TTFNCMZ
    4ZTUFN
    *OUFSGBDF
    8"4*
     04ʹґଘ͢ΔγεςϜίʔϧΛந৅Խ͢Δ࢓༷
     ˞ϑΝΠϧγεςϜ΁ͷΞΫηεͳͲ 8BTN
    3VOUJNF 7. )PTU
    4ZTUFN 8"4*
17. 8"4*  8BTNࣗମ͸γεςϜΠϯλʔϑΣΠεΛ࣋ͨͳ͍
    7.ͷ্Ͱ࣮ߦ͞ΕΔ
     8"4*͸͜ΕΛن֨Խ͢Δ 8BTN
    3VOUJNF 7. )PTU
    4ZTUFN 8"4*
18. 8"4*  8BTNࣗମ͸γεςϜΠϯλʔϑΣΠεΛ࣋ͨͳ͍
    7.ͷ্Ͱ࣮ߦ͞ΕΔ
     8"4*͸͜ΕΛن֨Խ͢Δ
     ϒϥ΢βҎ֎ͷ؀ڥͰ΋ಈ͔ͤΔΑ͏ʹʂ
     $%/ͷ&EHF؀ڥ
     'BB4؀ڥ
     ͦͷଞ8BTNϥϯλΠϜ 8BTN
    3VOUJNF 7. )PTU
    4ZTUFN 8"4*
19. SVCZXBTN
    ͷ
    8"4*
    
    7'4
20. 8"4*
    
    7'4  Ծ૝ϑΝΠϧγεςϜ 7'4 Λ8"4*্ʹ࣮૷
     ϑΝΠϧૢ࡞͕Ͱ͖ͳ͍؀ڥͰ΋
    ϑΝΠϧγεςϜ͔ΒͷಡΈࠐΈ͕Ͱ͖ΔΑ͏ʹ
     7'4ʹʮSCʯΛຒΊࠐΉ͜ͱͰ୯ҰϑΝΠϧʹύοέʔδԽՄೳ
21. 8"4*
    
    7'4  7'4ʹʮSCʯΛຒΊࠐΉ͜ͱͰ୯ҰϑΝΠϧʹύοέʔδԽՄೳ SVCZXBTN 3VCZΠϯλϓϦλ
    $3VCZ BQQSC SVCZXBTN͸
    SVCZίʔυΛ࣮ߦՄೳ
22.  7'4ʹʮSCʯΛຒΊࠐΉ͜ͱͰ୯ҰϑΝΠϧʹύοέʔδԽՄೳ 8"4*
    
    7'4 SVCZXBTN 3VCZΠϯλϓϦλ
    $3VCZ BQQSC XBTJWGTͰύοέʔδʂ
23.  7'4ʹʮSCʯΛຒΊࠐΉ͜ͱͰ୯ҰϑΝΠϧʹύοέʔδԽՄೳ 8"4*
    
    7'4 SVCZXBTN 3VCZΠϯλϓϦλ
    $3VCZ NZBQQXBTN BQQSC XBTJWGTͰύοέʔδʂ
24. ͜ͷลͷ͞ΘΓͷ஌͕ࣝ͋Δͱ
    SVCZXBTNτʔΫΛ
    ཧղ͠΍͍͢ʂ
25. 3VCZ,BJHJ
    
    SVCZXBTN
    τʔΫ
26. 3VCZ(FNT
    PO
    SVCZXBTN IUUQTTQFBLFSEFDLDPNLBUFJOPJHBLVLVOSVCZHFNTPOSVCZEPUXBTN
27. 3VCZ(FNTαϙʔτ  ࠓճ͸(FN
    *OTUBMMFSͷ࿩
     ʮ8BTN্ͰͷHFN
    JOTUBMMʯͱʮϏϧυ࣌ʹHFN
    JOTUBMM͓ͯ͘͠ʯͷ಺
    ޙऀͷ͓࿩
    1SFJOTUBMMBUJPO
    
    
28. ڻ͖ͷσϞ  .BTUPEPO͕ϒϥ΢βʔ಺Ͱಈ͘ʂ
     4FSWJDF
    8PSLFS಺Ͱ3BJMTͦͷଞॾʑΛಈ͔͢
29. "O
    NSVCZ
    GPS
    8FC"TTFNCMZ IUUQTVE[VSBKQTMJEFTSVCZLBJHJ
30. XBTN؀ڥͰಈ͘NSVCZ  NSVCZFEHF
    ։ൃͷ͓࿩
     ZFU
    BOPUIFS
    3VCZ
    PO
    XBTN
     ࣗ෼ಠࣗͷ7.Λͭ͘Γ͍ͨʂ
31. 5IF
    'SPOUFOE
    3VCZJTU IUUQTTQFBLFSEFDLDPNMBSHPUIFGSPOUFOESVCZJTU
32. -5ͰͷSVCZXBTNτʔΫ  ϒϥ΢βʔͰ3VCZ͕ಈ͘ʜ
     ͞Βʹɺ&MFDUSPOʹΑΓ%FTLUPQ؀ڥͰ΋ಈ͘ʂ
     SVCZXBTN։ൃΛॿ͚ΔHFNͷ঺հ
     IUUQTHJUIVCDPNMBSHPKTH
     ϑΝΠϧΛ։͘อଘ
    "1*
    ΍
    ͦͷଞଟ਺ͷ"1*࣮ߦํ๏ͷ঺հ
33. 5VSOJOH
    $%/
    FEHF
    JOUP
    B
    3BDL
    XFC
    TFSWFS
    XJUI
    SVCZXBTN IUUQTTQFBLFSEFDLDPNSFNPSFUVSOJOHDEOFEHFJOUPBSBDLXFCTFSWFSXJUISVCZEPUXBTN
34. $%/
    &EHFΛ3BDLΞϓϦʹ͢Δ  PVUTJEF
    CSPXTFSͳXBTN࿩
     $%/
    &EHFͰ3BDLΛಈ͔͢·ͰͷରԠղઆ
     'BTUMZ
    $PNQVUF!&EHF؀ڥͰ
    4JOBUSB3BDLͷࣗ࡞ϒϩάΞϓϦ͕ಈ͍ͨʂ
35. 6TJOH
    3VCZ
    JO
    UIF
    CSPXTFS
    JT
    XPOEFSGVM IUUQTTQFBLFSEFDLDPNMFETVOVTJOHSVCZJOUIFCSPXTFSJTXPOEFSGVM
36. $3VCZͱ+BWB4DSJQUͷՍ͚ڮʹ  +4ʹ͋ͬͯ3VCZʹͳ͍΋ͷ΁ͷରԠ
     OFXԋࢉࢠ
     +4Ͱ΋࢖͑ΔSFRVJSF@SFMBUJWF
     λʔϛφϧ
    
    ϒϥ΢β
    Ͱಈ͘ήʔϜͰίʔυͷڞ௨Խ͕Ͱ͖Δ
     3VCZͰ࡞ΔϑϩϯτΤϯυϑϨʔϜϫʔΫʹ͍ͭͯͷ࿩΋
     IUUQTHJUIVCDPNMFETVOPSCJUBM@SJOH
37. ηογϣϯ಺༰Λ׆༻͢Δ
38. 3VCZ(FNTରԠͷݱঢ়  1VSF
    3VCZͳHFN͸Ϗϧυ࣌ʹΠϯετʔϧՄೳʹ
     $֦ுΛؚΉHFN͸͍͔ͭ͘ະϚʔδͷ13͕͋Δ͕΋͏͙͢Մೳʹ
39. ϒϥ΢βʔ͚ͩ
    Ͱ
    3BJMT  .BTUPEPO͕ϒϥ΢βʔ಺Ͱಈ͘ʂ
     4FSWJDF
    8PSLFS಺Ͱ3BJMTͦͷଞॾʑΛಈ͔͢
40. 4FSWFSMFTT ຊ౰ʹͳ͍
    ͰαʔόʔΛݐͯΔ ΍ͬͯΈΑ͏
41. CVOEMFSʹରԠ͍ͯ͠Δ  CVOEMF
    BEE
    SVCZ@XBTN
    ͢Δ͚ͩͰϏϧυͰ͖ΔΑ͏ʹͳ͍ͬͯΔ
42. ૣ଎΍ͬͯΈΑ͏  CVOEMF
    JOTUBMMͰSVCZXBTN؀ڥ͕੔͏
     ˞ผ్3VTU؀ڥ͸ඞཁ
     KT
    HFN͸ϒϥ΢βͰͷಈ࡞ʹඞཁ
43. ͓΋ΉΖʹHFNΛ௥Ճ  PQFOBQJ@QBSTFSΛೖΕͯΈΔ
     ˞ݱࡏ
    XBTN্Ͱͷಈ࡞ʹ͸
    )BDL༻ίʔυ͕ඞཁͰ͢N @
    @ N
     IUUQTMOJMBCIBUFOBCMPHDPNFOUSZ
44.  SCXBTN
    CVJME
    ίϚϯυͰόΠφϦ͕׬੒͢Δ
45. 0"4ͷZNM͕ಡΊΔ  UFYUBSFBͷ಺༰͕ύʔεͰ͖Δ
46. 0"4ͷZNM͕ಡΊΔ  UFYUBSFBͷ಺༰͕ύʔεͰ͖Δ
    ɹɹɹɹ
47. 0"4ͷZNM͕ಡΊΔ  UFYUBSFBͷ಺༰͕ύʔεͰ͖Δ
    ɹɹɹɹº
     αʔόʔ͕ಈ͘
48. 0"4ͷZNM͕ಡΊΔ  UFYUBSFBͷ಺༰͕ύʔεͰ͖Δ
    ɹɹɹɹº
     αʔόʔ͕ಈ͘ ϞοΫαʔόʔ
    ʹ͍ͨ͠ʂ
49. 4FSWJDF8PSLFS  ϖʔδͱ͸ผʹཪଆͰ࣮ߦ͞ΕΔεΫϦϓτ
     ϑϩϯτΤϯυˠόοΫΤϯυɹͷϦΫΤετʹׂΓࠐΜͰ
    όοΫΤϯυͷ୅ΘΓʹϨεϙϯεΛฦͨ͠ΓͰ͖Δ IUUQTMFBSONJDSPTPGUDPNKBKQNJDSPTPGUFEHFQSPHSFTTJWFXFCBQQTDISPNJVNIPXUPTFSWJDFXPSLFST
50. 4FSWJDF8PSLFS  ϦΫΤετʹׂΓࠐΜͰ+40/Λฦ͢
51. μϛʔͷϨεϙϯε  ύʔεͨ͠ZNM͔ΒμϛʔͷԠ౴Λฦ͢
     Ԡ౴Λ࡞Δͷ͸ࣗલͰ͕Μ͹Δ
52. 4FSWFSMFTT ຊ౰ʹͳ͍
    Ͱαʔόʔ͕ݐͬͨʂ Ͱ͖ͨʂʂ
53. ͦΖͦΖ͓ผΕͷ࣌ؒ
54. ͓ΘΓʹ  SVCZXBTNͷྗͰαʔόىಈ͕ෆཁͳϞοΫαʔόʔ͕Ͱ͖ͨʂ
     SVCZXBTNͷϏϧυखॱͳͲ͕ͲΜͲΜ੔උ͞Ε͍ͯΔ
     ͍Ζ͍Ζͳ࣮༻खஈΛ୳͍͖͍ͯͨͧ͠ʂ
55. 1 Copyright(C) 2020 ALL RIGHTS RESERVED , MedPeer,Inc. CONFIDENTIAL 開発ブログ We are hiring！ https://tech.medpeer.co.jp/ 会社紹介資料 https://speakerdeck.com/medpeer_recruit/me dopiagurupushao-jie-zi-liao 募集要項 https://hrmos.co/pages/medpeer/jobs?categor y=1282250054368546816 ご興味ある方、ぜひこの後の懇親会で メドピアメンバーへお声がけください！