Scheme On The Browser

2017/12/14
Nihonbashi.js #3 100star以下限定！細かすぎて伝わらない自作ライブラリ選手権
https://nihonbashi-js.connpass.com/event/72065/

Transcript

1. Scheme On The Browser
   EDWARD FOX 2017/12/14
   @Nihonbashi.js #3 100starҎԼݶఆʂࡉ͔͗ͯ͢఻ΘΒͳ͍ࣗ࡞ϥΠϒϥϦબखݖ
   

   View Slide

2. @edwardkenfox
   Edward Fox
   ɾΤϯδχΞ@Reproגࣜձࣾ
   ɾ୅ʑ໦ͷํ͔Βདྷ·ͨ͠
   ɾRuby, JavaScript, AWS
   ɾϒϥ΢βٕज़શൠ, PWA, Vue.js
   

   View Slide

3. ಥવͰ͕͢Έͳ͞Μ
   

   View Slide

4. REPLͬͯීஈ
   ࢖͍·͢ΑͶʁ
   

   View Slide

5. REPL
   ɾRead-Eval-Print Loop ͷུ
   ɾCLIͰىಈ͢Δݴޠॲཧܥ͕Ұൠత
   ɾJSͳΒNode.jsɺRubyͳΒirb΍pryɺ
   Pythonͱ͔PHPͱ͔Haskellͱ͔…
   

   View Slide

6. WEBϖʔδ࡞ͬͯΔͱ͖
   ;ͱը໘্ʹREPL͕ཉ͍͠ͱ
   ࢥͬͨ͜ͱ͋Γ·ͤΜ͔ʁ
   

   View Slide

7. ͦΕ΋JavaScriptͰ͸ͳ͘
   ผͷݴޠͰʂ
   

   View Slide

8. ʢͪͳΈʹ๻͸͋Μ·Γͳ͍Ͱ͢ʣ
   

   View Slide

9. Nihonbashi.jsͰൃද͢ΔωλͷͨΊʹ
   ͦ͏ࢥ͏ਓͷͨΊʹ࡞Γ·ͨ͠
   

   View Slide

10. scheme-on-the-browser
    

    View Slide

11. ʲ஫ҙࣄ߲ʳ
    

    View Slide

12. ※໎ϥΠϒϥϦ࿮Ͱ͢
    

    View Slide

13. େتརͷճ౴ͩͱࢥͬͯ
    ฉ͍͍ͯͩ͘͞
    ͓΋Ζ͍ͱࢥͬͯ΋Β͑ͨΒ
    ࠲෍ஂͷϊϦͰ ͍ͩ͘͞
    

    View Slide

14. scheme-on-the-browser
    ɾLispͷํݴͰ͋ΔSchemeͷॲཧܥΛ
    WebAssemblyͰίϯύΠϧͨ͠΋ͷ
    = ϒϥ΢βͰಈ͘SchemeͷREPL
    

    View Slide

15. ʢຊ౰͸rubyΛϒϥ΢βಈ͔͔ͨͬͨ͠
    ͚Ͳ࠳ંͨ͜͠ͱ͸ൿີʣ
    

    View Slide

16. ͱΓ͋͑ͣσϞ
    https://edwardkenfox.com/playground/scheme-on-the-browser/
    

    View Slide

17. scheme-on-the-browser
    ɾC++Ͱॻ͔ΕͨSchemeͷॲཧܥΛEmscriptenͰ
    wasmʹίϯύΠϧ
    ɾॲཧܥࣗମ͸Schemeݴޠͷαϒηοτ
    ɾindex.html -> index.js -> index.wasm
    ͱϩʔυ࣮͠ߦ͞ΕΔ
    

    View Slide

18. 
    ɾͱͯ͠ಡΈࠐΉ͚ͩͰ<br/>WEBϖʔδͰREPL͕࢖͑Δ<br/>ɾwasm͔ͩΒ࣮ߦ͕଎͍<br/>

    View Slide

19. 
    ɾtypo === ࢮ
    ɾʢʣͷ਺ؒҧ͑Δͱऴྃ
    ɾpromptͳͷͰଞͷॲཧΛϒϩοΫ͢Δ
    ɾJS͔Β৮Εͳ͍
    

    View Slide

20. ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide