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

いいね送るマン #JSオジサン #21cafe

n0bisuke
December 14, 2017

いいね送るマン #JSオジサン #21cafe

ラスト21cafeのイベントです。 JSオジサンは2年後くらいにまたやるらしい。 https://atnd.org/events/93011

言いたかったこと 「JSでカノジョ作ろう」

・j5-chromeを使うことでChrome Bookだけで 電子工作できる
・タップには電気を通そう
・browser-serialport きになる。

n0bisuke

December 14, 2017
Tweet

More Decks by n0bisuke

Other Decks in Programming

Transcript

  1. ͍͍ͶૹΔϚϯ
    n0bisuke

    View full-size slide

  2. ͓͜ͱΘΓʮMac͕յΕͯChrome BookΛ࢖͍ͬͯͨͱ͖ͷ࿩ʯ
    ͳͷͰεϥΠυࡶͰ͢

    View full-size slide

  3. Chrome BookͰ΋࡞Εͨ
    ͍͍Ͷ࿈ଧϚγʔϯ
    n0bisuke

    View full-size slide

  4. ͜Μͳܦݧ͋Γ·ͤΜ͔

    View full-size slide

  5. ࢓ࣄతͳఆ
    ظ࿈བྷ
    ཁ݅తʹ͸೺
    Ѳͯ͠ΔͷͰ
    ݐલ্͍͍Ͷ
    ΛૹΔ

    View full-size slide

  6. ͍͍Ͷ௨஌Ͱ࣌ؒऔΒΕΔ

    View full-size slide

  7. ʮ͍͍ͶૹΔϚϯʯʹͳͬͯΔͷͰ
    ͔ͤͬ͘ͳΒʮ͍͍ͶૹΔϚγʔϯʯͰରԠ

    View full-size slide

  8. ࡞ͬͨ - ੡࡞࣌ؒ1.5H

    View full-size slide

  9. σόοά͸૬खΛબ΅͏

    View full-size slide

  10. ࡐྉ
    ɾArduino - (ͦͷลʹམͪͯͨ)
    ɾδϟϯύϫΠϠ x 3 - (ͦͷลʹམͪͯͨ)
    ɾαʔϘϞʔλ - (ͦͷลʹམͪͯͨ)
    ɾׂΓṟ -ʢ͖͢Ոʣ
    ɾλονϖϯ - (ඦۉ)
    ɾηϩςʔϓ -ʢͦͷลʹམͪͯͨʣ
    ɾϔΞΰϜ -ʢঁੑࣾһ͔ΒआΓͨʣ
    ɾεϚϗɹ-ʢࣗ෼ͷʣ

    View full-size slide

  11. ࡞Γํ
    λονϖϯΛյ͢

    View full-size slide

  12. ࡞Γํ
    ࠇ͍෦෼ΛׂΓṟʹ

    View full-size slide

  13. ࡞Γํ
    ిؾΛ௨͞ͳ͍ͱ൓Ԡ͠ͳ͍

    View full-size slide

  14. ࡞Γํ
    ిؾΛ௨͞ͳ͍ͱ൓Ԡ͠ͳ͍

    View full-size slide

  15. େมͩͬͨͱ͜Ζ
    ɾChrome BookͰͷ։ൃ
    ɾجຊతʹChrome Book͸։ൃͰ͖ͳ͍
    ɾJohnny-FiveΛChrome Book͔Β࢖͑ΔChrome App͕͋ͬͨ
    ɾλονϖϯ͸੩ిࣜͳͷͰͦͷ··Ͱ͸൓Ԡ͠ͳ͍
    ɾ5V͔ΒҾͬு͖ͬͯͨ
    ɾ3.3vͩͱ͏·͍͔͘ͳ͍

    View full-size slide

  16. Ԡ༻
    ɾ͍͍ͶͩͱϔουϨεChromeͳͲͰ΋Ͱ͖Δ
    ɾ͔ͤͬ͘ͳΒΞϓϦͩΑͶ
    ɾσϞ

    View full-size slide

  17. Ԡ༻
    ɾ͍͍ͶͩͱϔουϨεChromeͳͲͰ΋Ͱ͖Δ
    ɾ͔ͤͬ͘ͳΒΞϓϦͩΑͶ
    ɾϚονϯά཰Λ্͛ΔͨΊͷࢪࡦ
    ɾCROSSɹMEͰ͸଍੻ػೳ͕͋ͬͯ(ry

    View full-size slide

  18. ͪͳΈʹ
    ɾڈ೥ͷΧϊδϣ͍ͳ͍ΞυϕϯτΧϨϯμʔͰ΋…

    View full-size slide

  19. ·ͱΊ
    ɾChrome BookͰ΋ిࢠ޻࡞Ͱ͖ͨ - J5-Chrome
    ɾFirmataॻ͖ࠐΈ
    ɾbrowser-serialport
    ɾMacͷૉ੖Β͠͞
    ɾChrome BookͰͷ։ൃ݁ߏେม
    ɾΧϊδϣͰ͖ͳ͍
    ɾCROSS ME ͸͜Ε͔Βͷقઅ͍͍ΞϓϦ
    ɾJSͰΧϊδϣͭ͘Ζ͏

    View full-size slide