node.jsでつくられたものをいろいろ触ってみた

node.js

Transcript

1. node.jsͰͭ͘ΒΕͨ΋ͷΛ ͞Βͬͱ͍Ζ͍Ζ৮ͬͯΈͨɻ 2016.04.18ɹͮ΍ձɹvol.4
2. ࣗݾ঺հ ໊લ:ɹϠελΧ ৬छ:ɹόοΫΤϯυΤϯδχΞ ॅॴ: ɹ௕໺ݝʢ໺৲ބͷۙ͘ʣ ΤϯδχΞྺ:ɹ̍೥൒͘Β͍ LIGྺ:ɹ൒೥
3. milkcocoa
4. milkcocoaͷಛ௃ IoTσόΠεɾεϚʔτϑΥϯɾPC ؒͰ؆୯ʹϦΞϧλΠϜͳσʔλ ͷ΍ΓऔΓ͕ग़དྷΔΑ͏ʹͳΔΫ ϥ΢υϓϥοτϑΥʔϜ milkcocoa ΤόϯδΣϦετ ͷͼ͚͢
5. ؆୯ͳνϟοτπʔϧΛ࡞ͬͯΈΔ ඇಉظ௨৴ͱ͍͑͹ϦΞϧλΠϜνϟοτͰ͠ΐͱࢥͬͯ ݕࡧͯ͠ΈͨΒ… http://liginc.co.jp/web/programming/ server/129348 ·͔͞ͷLIGϒϩάʘ(^o^)ʗ
6. ࣮ԋ ΊͪΌͪ͘Ό؆୯ʹνϟοτΞϓϦͰ͖ͨʂʂ
7. Electron
8. Electronͱ͸ʁ Mac/Linux/WindowsͰ ಈ͘σεΫτοϓΞϓϦ ࡞੒͕Ͱ͖Δ HTML/CSS/jsͰ։ൃ ΤσΟλʔͷAtom΍KobitoͰ΋࠾༻͞ΕͯΔɻ
9. Πϯετʔϧ $ npm install -g electron-prebuilt
10. ͱΓ͋͑ͣ hello, world • package.json • main.js • index.html 3ͭͷϑΝΠϧΛ༻ҙ { "name": "hello-electron", "main": "main.js" } QBDLBHFKTPO
11. ͱΓ͋͑ͣ hello, world // Electron ͷϞδϡʔϧΛϩʔυ͢Δ var app = require('app'); var BrowserWindow = require('browser- window'); var mainWindow = null; // ΢Οϯυ΢͕͢΂ͯดͨ͡ͱ͖ͷڍಈ Λఆٛ app.on('window-all-closed', function() { if (process.platform != 'darwin') { app.quit(); } }); app.on('ready', function() { // ϒϥ΢β΢Οϯυ΢Λ࡞Δ mainWindow = new BrowserWindow( { width: 800, height: 600 } ); // main.jsͱಉ͡σΟϨΫτϦʹ͋Δ index.htmlΛಡΈࠐΉ mainWindow.loadUrl( 'file://' + __dirname + '/index.html' ); mainWindow.on('closed', function() { mainWindow = null; }); }); NBJOKT
12. ͱΓ͋͑ͣ hello, world (࣮ߦ) $ electron .
13. OS.js
14. Πϯετʔϧ $ curl -sS http://os.js.org/installer | sh
15. ىಈ $ cd OS.js $ sh bin/start-dist.sh http://localhost:8000/Ͱ઀ଓ͢Δɻ
16. ghost
17. Πϯετʔϧ https://ghost.org/download/ ͜ͷϖʔδ͔ΒzipϑΝΠϧΛμ΢ϯϩʔυͯ͠ల։ $ npm install --production $ npm start Πϯετʔϧ͕ऴΘͬͨΒ ϒϥ΢βͰ127.0.0.1:2368ʹ઀ଓ
18. ؅ཧը໘ HIPTUͰ؅ཧը໘ʹ઀ଓ
19. nodeͷόʔδϣϯͰ͸·ͬͨΒ… Πϯετʔϧ͞Ε͍ͯΔnode.jsͷόʔδϣϯΛ֬ೝ $ nvm ls ݱࡏͷnodeͷόʔδϣϯΛ֬ೝ $ node -v ࢦఆͨ͠όʔδϣϯΛΠϯετʔϧ $ nvm install 0.11 ࢖༻͢ΔόʔδϣϯΛ੾Γସ͑Δ $ nvm use 0.11
20. ·ͱΊ • jsΛαʔόʔαΠυͰ࢖͏ͱ͍͏͚ͩͰͳ͍͘Ζ Μͳ༻్Ͱ࢖͑ͦ͏ • ຊ֨తʹnode.jsͰ࣮૷͢ΔͱͳΔͱɺಉظॲཧͷ ͍Ζ͍ΖΛߟྀ͢Δͷ͸݁ߏେมɻɻɻ • ͦͷͨΊʹmilkcocoa΍soket.ioͳͲͷϥΠϒϥϦ Λ࢖ͬͯ؆୯ʹ࣮૷Ͱ͖Δ࢓૊Έ͕ॆ࣮ • ͜Ε͔Β΋node.jsͷ࢖༻ൣғ͸ͲΜͲΜ޿·ͬͯ ͍͖ͦ͏ɻ
21. ௕໺ΦϑΟεͷ͝঺հ
22. ৔ॴ ←͜͜
23. ΦϑΟεͷ͝঺հ • ͍ͭͰ΋ؾܰʹ༡ͼʹདྷ͍ͯͩ͘͞ɻ • wifiɺిݯ͋Γ·͢ɻ • Πϕϯτ։࠵ͳͲ͝૬ஊ͍ͩ͘͞ɻ
24. ௕໺Ͱ͸اۀ߹॓΋ड͚෇͚͍ͯ·͢ʂʂ
25. ௕໺ΦϑΟεͷΞΧ΢ϯτ lig_nagano @Lig_Nagano twitterɾinstagram΍ͬͯ·͢ɻ
26. ௕໺ΦϑΟεͰ͸Ұॹʹಇ͚Δ
 ஥ؒΛืूதͰ͢ʂʂ •ϑϩϯτΤϯυΤϯδχΞ •όοΫΤϯυΤϯδχΞ •σβΠφʔ •σΟϨΫλʔ •ϥΠλʔ ʂʂཁ͢Δʹશ৬छʂʂ
27. Ͳ͜Ͱ΋ΦϑΟε͸͡Ί·ͨ͠ɻ
28. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ