Scheme On The Browser - Speaker Deck

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

ಥવͰ͕͢Έͳ͞Μ

Slide 4

Slide 4 text

REPLͬͯීஈ ࢖͍·͢ΑͶʁ

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

WEBϖʔδ࡞ͬͯΔͱ͖ ;ͱը໘্ʹREPL͕ཉ͍͠ͱ ࢥͬͨ͜ͱ͋Γ·ͤΜ͔ʁ

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

ʢͪͳΈʹ๻͸͋Μ·Γͳ͍Ͱ͢ʣ

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

scheme-on-the-browser

Slide 11

Slide 11 text

ʲ஫ҙࣄ߲ʳ

Slide 12

Slide 12 text

※໎ϥΠϒϥϦ࿮Ͱ͢

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

͋Γ͕ͱ͏͍͟͝·ͨ͠