Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

yasuo424
April 18, 2016

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

node.js

yasuo424

April 18, 2016
Tweet

More Decks by yasuo424

Other Decks in Programming

Transcript

  1. node.jsͰͭ͘ΒΕͨ΋ͷΛ
    ͞Βͬͱ͍Ζ͍Ζ৮ͬͯΈͨɻ
    2016.04.18ɹͮ΍ձɹvol.4

    View Slide

  2. ࣗݾ঺հ
    ໊લ:ɹϠελΧ
    ৬छ:ɹόοΫΤϯυΤϯδχΞ
    ॅॴ: ɹ௕໺ݝʢ໺৲ބͷۙ͘ʣ
    ΤϯδχΞྺ:ɹ̍೥൒͘Β͍
    LIGྺ:ɹ൒೥

    View Slide

  3. milkcocoa

    View Slide

  4. milkcocoaͷಛ௃
    IoTσόΠεɾεϚʔτϑΥϯɾPC
    ؒͰ؆୯ʹϦΞϧλΠϜͳσʔλ
    ͷ΍ΓऔΓ͕ग़དྷΔΑ͏ʹͳΔΫ
    ϥ΢υϓϥοτϑΥʔϜ
    milkcocoa
    ΤόϯδΣϦετ
    ͷͼ͚͢

    View Slide

  5. ؆୯ͳνϟοτπʔϧΛ࡞ͬͯΈΔ
    ඇಉظ௨৴ͱ͍͑͹ϦΞϧλΠϜνϟοτͰ͠ΐͱࢥͬͯ
    ݕࡧͯ͠ΈͨΒ… http://liginc.co.jp/web/programming/
    server/129348
    ·͔͞ͷLIGϒϩάʘ(^o^)ʗ

    View Slide

  6. ࣮ԋ
    ΊͪΌͪ͘Ό؆୯ʹνϟοτΞϓϦͰ͖ͨʂʂ

    View Slide

  7. Electron

    View Slide

  8. Electronͱ͸ʁ
    Mac/Linux/WindowsͰ
    ಈ͘σεΫτοϓΞϓϦ
    ࡞੒͕Ͱ͖Δ
    HTML/CSS/jsͰ։ൃ
    ΤσΟλʔͷAtom΍KobitoͰ΋࠾༻͞ΕͯΔɻ

    View Slide

  9. Πϯετʔϧ
    $ npm install -g electron-prebuilt

    View Slide

  10. ͱΓ͋͑ͣ hello, world
    • package.json
    • main.js
    • index.html
    3ͭͷϑΝΠϧΛ༻ҙ
    {
    "name": "hello-electron",
    "main": "main.js"
    }
    QBDLBHFKTPO

    View Slide

  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

    View Slide

  12. ͱΓ͋͑ͣ hello, world (࣮ߦ)
    $ electron .

    View Slide

  13. OS.js

    View Slide

  14. Πϯετʔϧ
    $ curl -sS http://os.js.org/installer | sh

    View Slide

  15. ىಈ
    $ cd OS.js
    $ sh bin/start-dist.sh
    http://localhost:8000/Ͱ઀ଓ͢Δɻ

    View Slide

  16. ghost

    View Slide

  17. Πϯετʔϧ
    https://ghost.org/download/
    ͜ͷϖʔδ͔ΒzipϑΝΠϧΛμ΢ϯϩʔυͯ͠ల։
    $ npm install --production
    $ npm start
    Πϯετʔϧ͕ऴΘͬͨΒ
    ϒϥ΢βͰ127.0.0.1:2368ʹ઀ଓ

    View Slide

  18. ؅ཧը໘
    HIPTUͰ؅ཧը໘ʹ઀ଓ

    View Slide

  19. nodeͷόʔδϣϯͰ͸·ͬͨΒ…
    Πϯετʔϧ͞Ε͍ͯΔnode.jsͷόʔδϣϯΛ֬ೝ
    $ nvm ls
    ݱࡏͷnodeͷόʔδϣϯΛ֬ೝ
    $ node -v
    ࢦఆͨ͠όʔδϣϯΛΠϯετʔϧ
    $ nvm install 0.11
    ࢖༻͢ΔόʔδϣϯΛ੾Γସ͑Δ
    $ nvm use 0.11

    View Slide

  20. ·ͱΊ
    • jsΛαʔόʔαΠυͰ࢖͏ͱ͍͏͚ͩͰͳ͍͘Ζ
    Μͳ༻్Ͱ࢖͑ͦ͏
    • ຊ֨తʹnode.jsͰ࣮૷͢ΔͱͳΔͱɺಉظॲཧͷ
    ͍Ζ͍ΖΛߟྀ͢Δͷ͸݁ߏେมɻɻɻ
    • ͦͷͨΊʹmilkcocoa΍soket.ioͳͲͷϥΠϒϥϦ
    Λ࢖ͬͯ؆୯ʹ࣮૷Ͱ͖Δ࢓૊Έ͕ॆ࣮
    • ͜Ε͔Β΋node.jsͷ࢖༻ൣғ͸ͲΜͲΜ޿·ͬͯ
    ͍͖ͦ͏ɻ

    View Slide

  21. ௕໺ΦϑΟεͷ͝঺հ

    View Slide

  22. ৔ॴ
    ←͜͜

    View Slide

  23. ΦϑΟεͷ͝঺հ
    • ͍ͭͰ΋ؾܰʹ༡ͼʹདྷ͍ͯͩ͘͞ɻ
    • wifiɺిݯ͋Γ·͢ɻ
    • Πϕϯτ։࠵ͳͲ͝૬ஊ͍ͩ͘͞ɻ

    View Slide

  24. ௕໺Ͱ͸اۀ߹॓΋ड͚෇͚͍ͯ·͢ʂʂ

    View Slide

  25. ௕໺ΦϑΟεͷΞΧ΢ϯτ
    lig_nagano
    @Lig_Nagano
    twitterɾinstagram΍ͬͯ·͢ɻ

    View Slide

  26. ௕໺ΦϑΟεͰ͸Ұॹʹಇ͚Δ

    ஥ؒΛืूதͰ͢ʂʂ
    •ϑϩϯτΤϯυΤϯδχΞ
    •όοΫΤϯυΤϯδχΞ
    •σβΠφʔ
    •σΟϨΫλʔ
    •ϥΠλʔ
    ʂʂཁ͢Δʹશ৬छʂʂ

    View Slide

  27. Ͳ͜Ͱ΋ΦϑΟε͸͡Ί·ͨ͠ɻ

    View Slide

  28. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂʂ

    View Slide