2015年をズザザザザっと 振り返ってみる

京大マイコンクラブ( kmc.jp )の2016年春合宿で講座を行った際のスライドです

Transcript

1. 2015೥Λζββββͬͱ ৼΓฦͬͯΈΔ Pasta-K 2016/02/11 pastak@kmc.gr.jp
2. ͜Μʹͪ͸
3. ͜Μʹͪ͸
4. Πϯλʔωοτ׆ಈ twitter.com/pastak id: Pasta-K pastak.hatenablog.com pastak-diary.hatenadiary.com github.com/pastak
5. KMCͰͷ׆ಈ KMC 37୅໨ ޿ใ OSC Kyotoग़ల ɹYAPCεϙϯαʔ࡞ઓ JavaScriptͰੈքฏ࿨2014
7. KMCͰͷ׆ಈ KMC 37୅໨ ޿ใ OSC Kyotoग़ల ɹYAPCεϙϯαʔ࡞ઓ JavaScriptͰੈքฏ࿨2014 KMCτοϓϖʔδ୲౰ (new)
9. ͜Ε͕๻
10. ͜Ε͸ௗऔٰ࠭
11. 8FCαΠτͷ
    ΦγϟϨԽʹߩݙ
12. ΦγϟϨ౓ൺֱ      ͜Ε·Ͱ ࠷৽ ※pastakͷମײʹجͮ͘άϥϑ
13. ΦγϟϨ౓ൺֱ      ͜Ε·Ͱ ࠷৽ ※pastakͷମײʹجͮ͘άϥϑ
14. ΦγϟϨ౓ൺֱ      ͜Ε·Ͱ ࠷৽ ※pastakͷମײʹجͮ͘άϥϑ ମײൺഒ
15. ΞϧόΠτ
    d Πϯλʔϯ
    Ն Πϯλʔϯ
    Ն Πϯλʔϯ
    ౙ
19. ࣗࡱΓ
22. ࣗݾ঺հͷ
    ࠷ޙʹ
    ͍ͭ΋ͷ
24. ΞχϝϑΝϯ
26. ࠓ͔ΒԿΛ࿩͢ͷ͔
27. ๻ͷ2015೥ͷ׆ಈ ʹ͍ͭͯ
30. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
31. 4݄ 5݄ 6݄ 7݄ 8݄ 9݄ 10 11 1݄ ɹɹ 2݄ ɹɹ ࠓ͔Β͜ΕΒ
    શ෦ͷ࿩Λ
    βοͱ͢Δͧ
32. ਂ͘ฉ͖͍ͨ ৔߹͸2" ͔-5Ͱ
33. 4݄
34. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
35. ৽קྫձߨ࠲
36. http://www.slideshare.net/pastak/javascript-47327211
37. 8FC
    "VEJP
    "1*ͷ࿩ͨ͠
38. http://pastak.github.io/audio-data-api-sample/
39. 8FC
    "VEJP
    "1*
40. Web Audio API • ϒϥ΢βͰԻΛ໐Β͢ํ๏ͷ1ͭ • Ұ൪؆୯ͳͷ͸ <audio> • Google Chrome / Firefox ڞʹαϙʔτ • Firefox ʹ͸ Audio Data APIͱ͍͏ͷ͕࣮૷ ͞Ε͍͕ͯͨɺͪ͜Βʹ౷Ұ͢Δํ਑ͬΆ͍ • NodeΛ઀ଓ͢Δ͜ͱͰϑΟϧλʔͨ͠Γ৭ʑ ग़དྷΔ
41. ΦγϨʔλʔ
42. ภͬͨDTM༻ޠࣙయ - ΦγϨʔλʔ:Oscillatorͱ͸ - DTM / MIDI ༻ޠ ͷҙຯɾղઆ | g200kg Music & Software http://www.g200kg.com/jp/docs/dic/oscillator.html ൃৼثͷࣄɻγϯηαΠβʔͰ͸Իͷݩ ͱͳΔ೾ܗΛ࡞Γग़͢෦෼ʹ૬౰͢Δɻ লུͯ͠OSCͱॻ͔ΕΔࣄ΋ଟ͍ɻΧφ දهͷ৔߹͸ʮΦγϨʔλʔʯɺ·ͨ͸ ʮΦογϨʔλʔʯͱॻ͔ΕΔɻ
43. Իͷ೾Λ࡞Δ΍ͭ
44. var audioctx = new AudioContext(); var osc = audioctx.createOscillator(); osc.frequency.value = 440; osc.type = "square"; osc.connect(audioctx.destination); osc.start(1);
45. var audioctx = new AudioContext(); var osc = audioctx.createOscillator(); osc.frequency.value = 440; osc.type = "square"; osc.connect(audioctx.destination); osc.start(1); प೾਺
46. var audioctx = new AudioContext(); var osc = audioctx.createOscillator(); osc.frequency.value = 440; osc.type = "square"; osc.connect(audioctx.destination); osc.start(1); ೾ܗͷछྨ ɾ"sine" : αΠϯ೾ ɾ"square" : ۣܗ೾ ɾ"sawtooth":ڒࣃঢ়೾ ɾ"triangle":ࡾ֯೾
47. var audioctx = new AudioContext(); var osc = audioctx.createOscillator(); osc.frequency.value = 440; osc.type = "square"; osc.connect(audioctx.destination); osc.start(1); ࠶ੜʂʂʂʂʂʂ
48. σΟετʔγϣϯΤϑΣΫτ
49. σΟετʔγϣϯ (Իڹػث) - Wikipedia http://ja.wikipedia.org/wiki/ %E3%83%87%E3%82%A3%E3%82%B9%E3%83%88%E3%83%BC %E3%82%B7%E3%83%A7%E3%83%B3_%28%E9%9F%B3%E9%9F%BF %E6%A9%9F%E5%99%A8%29 σΟετʔγϣϯ (Distortion)͸ɺҙਤత ʹ࿪ΜͩʢͻͣΜͩʣԻ৭ΛಘΔΤϑΣ ΫλʔͰ͋Δɻ
50. ԻΛ࿪·ͤΔ΍ͭ
51. var shaper = audioctx.createWaveShaper(); osc.connect(shaper); shaper.connect(audioctx.destination); var curve = new Float32Array(4096); // ディストーションカーブを表す配列を なんとかして作る shaper.curve = curve;
52. var shaper = audioctx.createWaveShaper(); osc.connect(shaper); shaper.connect(audioctx.destination); var curve = new Float32Array(4096); // ディストーションカーブを表す配列を なんとかして作る shaper.curve = curve; ΦγϨʔλʔͱ઀ଓ͢Δ
53. Web Audio APIͰଞʹग़དྷΔࣄ • ԻྔΛௐ੔͢Δ • ԻݯΛಡΈࠐΉ • ϑΟϧλʔΛ͔͚Δ • ೾ܗΛऔಘ͢Δ • ίϯϓϨοαʔΛ͔͚Δ • ΫϩεϑΣʔυͤ͞Δ ͳͲͳͲ
54. ɍ
55. 5݄
56. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
57. &MFDUSPO͸
    ޙड़
59. What’s “Scratch” • Scratch (εΫϥον) ͱ͸ॳ৺ऀ͕࠷ॳʹਖ਼͠ ͍ߏจͷॻ͖ํΛ֮͑Δ͜ͱແ݁͘ՌΛಘΒ ΕΔϓϩάϥϛϯάݴޠֶश؀ڥͰ͋ΔɻMIT ϝσΟΞϥϘ͕։ൃ͠ɺ༡ͼ৺ͷ͋Δ࣮ݧ΍ ΠϯλϥΫςΟϒΞχϝʔγϣϯɺήʔϜͳ Ͳͷ੡࡞Λ௨ͯ͠͞ΒͳΔֶशͷ΍ΔؾΛى ͤ͜͞Δ͜ͱΛҙਤ͍ͯ͠Δɻ https://ja.wikipedia.org/wiki/Scratch_(%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F %E3%83%B3%E3%82%B0%E8%A8%80%E8%AA%9E) ΑΓ
61. What’s “ScratchX” • ͦͷScratchΛJSͰ֦ுՄೳʹͨ͠΋ͷ • ϒϥ΢βͷίϯςΩετͰར༻Ͱ͖ΔAPIΛ ͢΂ͯར༻Մೳ (XHR, DOM API etc ) http://mactkg.hateblo.jp/entry/2015/05/12/020537 ͱ͔͕ৄ͍͠
62. scratchx-websensor https://github.com/pastak/scratchx-websensor • Scratch্ͰWeb Sensor APIsΛར༻Ͱ͖ΔΑ͏ʹͨ͠΋ͷ • Light sensor • Battery Level • Acceleration • Geolocation
63. $(window).on('devicelight', function(event) { ext.getLightSensor = function(){ return event.originalEvent.value; } }) return event.originalEvent.accelerationIncludingGravity[direction] } }) ext.getLightSensor = function() {}; ext.getBatteryLevel = function() { return navigator.battery; }; var descriptor = { blocks: [ ['r', 'Light sensor', 'getLightSensor',null], ['r', 'Battery', 'getBatteryLevel',null] ] };
64. ɍ
65. 6݄
66. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
67. uiureo/ssslack uiureo/ssslack-chrome-extension • SlackͷlogΛऔΓग़ͯ͠อଘͰ͖ΔαʔϏε
68. pastak/ssslack-firefox-addon • uiureo/sslack-chrome-extensionͱಉ౳ͷৼΔ෣͍Λ ͢ΔFirefoxΞυΦϯ • jpmͰ࡞ͬͨ • jpmʹ͍ͭͯ͸ࡢ೥ͷय़߹॓εϥΠυΛࢀর • http://www.slideshare.net/pastak/firefox-addon- sdk
69. ໰୊ൃੜ
72. ͜ͷ෦෼ʹରԠ͢Δ Ϟδϡʔϧ͕jpmʹ͸ͳ͍
73. KQNͷલ਎ͷ
    DGYʹ͸͋ΔͷͰ ͦΕΛ࢖͑͹͍͍ ͷͰ͸ʁ
75. ࣦഊ
76. Ϟδϡʔϧͱ͔͕ ݁ߏมΘͬͯΔ
77. ͔֬ʹ
78. ఘΊΑ͏
79. "1*͋ΔͬΆ͍
80. ؾ߹͍Ͱ΍ͬͯ ͍͜͏
81. ؾ࣋ͪ
83. ؾ߹͍Ͱ
    ॻ͖௚ͨ͠
84. ग़དྷͨ
85. https://github.com/pastak/moz-urlbarbutton/
86. ஌ݟ
87. var doc = require('sdk/window/utils') .getMostRecentBrowserWindow().document; var urlBarIcons = doc.getElementById('urlbar-icons'); var btn = doc.createElement('toolbarbutton'); btn.setAttribute('id', option.id); btn.setAttribute('image', option.image); btn.addEventListener('command', option.onClick, false); urlBarIcons.appendChild(btn);
88. var doc = require('sdk/window/utils') .getMostRecentBrowserWindow().document; var urlBarIcons = doc.getElementById('urlbar-icons'); var btn = doc.createElement('toolbarbutton'); btn.setAttribute('id', option.id); btn.setAttribute('image', option.image); btn.addEventListener('command', option.onClick, false); urlBarIcons.appendChild(btn); ͜ΕͰwindowࣗମͷDOM(ҙ༁)͕औΕΔ
89. var doc = require('sdk/window/utils') .getMostRecentBrowserWindow().document; var urlBarIcons = doc.getElementById('urlbar-icons'); var btn = doc.createElement('toolbarbutton'); btn.setAttribute('id', option.id); btn.setAttribute('image', option.image); btn.addEventListener('command', option.onClick, false); urlBarIcons.appendChild(btn); ͋ͱ͸ҰൠతͳDOMૢ࡞Ͱ<toolbarbutton>Λ௥Ճ
90. ޙ೔ஊ
91. KQN޲͚Ϟδϡʔϧ
    ͱͯ͠GPSLݩʹ
    औΓࠐ·Εͯ
    OQNʹެ։͞Εͯͨ
94. ɍ
95. 7݄
96. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
97. (ZB[P
    GPS
    -JOVY
    $*ϏϧυϦϦʔε
    ؀ڥߏங
98. ͦΕ·Ͱͷ
    (ZB[P
    GPS
    -JOVY
99. • https://github.com/kambara/Gyazo-for- Linux/downloads ͔Β debϑΝΠϧΛDL • % sudo apt-get install ruby imagemagick • % sudo dpkg -i gyazo_XXX_all.deb
100. ͦΕ͔Βͷ
     (ZB[P
     GPS
     -JOVY
101. • Debian / Ubuntu • % curl -s https://packagecloud.io/install/ repositories/gyazo/gyazo-for-linux/script.deb.sh | sudo bash • % sudo apt-get install gyazo • CentOS • curl -s https://packagecloud.io/install/ repositories/gyazo/gyazo-for-linux/script.rpm.sh | sudo bash • $ sudo yum install gyazo
102. ԿΛͲ͏͔ͨ͠
103. ౰࣌ͷঢ়گ • ݩʑNota Incͷ֎෦ͷ༗ࢤ͕࡞ͬͯԼͬͨ͞΋ ͷͩͬͨͷͰɺbuildखॱͳͲΛ஌͍ͬͯΔਓ ͕ࣾ಺ʹډͳ͔ͬͨ • ϦϦʔε΋GitHubͷDownloadػೳΛར༻ͯ͠ ͍͕ͨഇࢭࡁΈͩͬͨ
104. ࡞ઓํ਑ • ݩʑNota Incͷ֎෦ͷ༗ࢤ͕࡞ͬͯԼͬͨ͞΋ ͷͩͬͨͷͰɺbuildखॱͳͲΛ஌͍ͬͯΔਓ ͕ࣾ಺ʹډͳ͔ͬͨ • ϦϦʔε΋GitHubͷDownloadػೳΛར༻ͯ͠ ͍͕ͨഇࢭࡁΈͩͬͨ → ҆ఆͯ͠ϏϧυՄೳͳΑ͏ʹCIͰࣗಈԽ → ΠϯετʔϧΛDebian/Ubuntu͸apt-getͰ ɹ Մೳʹ͢Δ
105. ಉ࣌ظʹ
     13དྷͯͨ
107. 
     13.ύοέʔδ ΛCVJME͢Δ13
108. ྆ํͳΜͱ͔
     ͏·͘ѻ͑Δ
     Α͏ʹ͠Α͏
109. Ϗϧυ༻ͷ$*
110. CI্ͰͷϏϧυʹ͍ͭͯ • ଞͷϓϩμΫτͰ΋ར༻͍ͯ͠ΔCircleCIΛɹ ར༻͢Δ͜ͱʹ • CIrcleCIͷίϯςφʔOS͸Ubuntu • debύοέʔδͷbuild͸Մೳ ⭕ • rpmύοέʔδͷbuild͸ࠔ೉ ❌
111. $JSDMF$*্Ͱ
     SQNͷϏϧυ
     ͍ͨ͠ʂʂʂ
112. ٹੈओొ৔ʂ
114. %PDLFS
     ʹ͍ͭͯ
     ஌Γ͍ͨਓ
115. ͜ͷ͋ͱͷ
     XBTT͘Μͷ
     ߨ࠲ΛݟΑ͏
116. from http://techtarget.itmedia.co.jp/tt/news/1408/21/news02.html
117. ղܾҊ
119. Ͱ
120. Ͳ͔ʔΜͱ
121. $JSDMF$*ͷ 6CVOUVʹ
122. $FOU04
     ߏங
125. Ϗϧυ੒ޭʂ
127. BQUJUVEF
     
     ZVN޲͚ʹ SFQPTJUPSZΛެ։͢Δ
129. packagecloud.ioΛར༻ • ެ։༻ͳΒແྉͰ݁ߏ࢖͑Δ • upload༻ͷίϚϯυ͸gem • gem install packagecloud • CircleCIͷυΩϡϝϯτʹ΋ࡌͬͯΔ • https://circleci.com/docs/pushing-packages-to- packagecloud
130. packagecloudͰϦϦʔε • $user/$repo/$os/$versionΛࢦఆ͢Δ • packagecloudͷఏڙ͍ͯ͠Δinstall.sh͸ɺɹ/etc/ debian_versionͳͲΛಡΜͰɺ$osͱ$version͕ݻఆ͞ΕΔ ͷͰɺͦΕͧΕʹରԠͨ͠ϑΝΠϧΛpush͢Δඞཁ͕͋Δ • ͲΜͲΜσΟετϦ૿͑ΔͷͰɺϦϦʔε࣌ʹ https:// packagecloud.io/api/v1/distributions.json ΛಡΜͰλʔ ήοτΛऔಘ͢Δ • ͋ͱ͸ઌ΄ͲͷཁྖͰbuildͨ͠΋ͷΛͲΜͲΜpush͢Δ
131. 5SZ
     JU
132. ɍ
133. 8݄
134. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
135. ϋοΧιϯத
137. ௨஌ۂ໊౳͕ 6OEFpOFEʹ
138. Ͳ͏΍Βಛఆͷ ָۂͰى͖Δ
139. ͦͷָۂ͕ ͪ͜Β
142. ոͦ͠͏ͳ෦෼
145. νʔϜϋφϠ Ϛλ
146. \OBNFՖϋགྷϨϠ͍Ζ ͸ʹ΄ BSUJTUνʔϜ ϋφϠϚλ BMCVNՖ ϋགྷϨϠ͍Ζ͸ʹ΄
     
     &1^
147. KXBMHSBOQMBZCBDL
     Λؾ߹͍Ͱ
     ௚ͦ͏ͱ͢Δ
148. J5VOFTΛୟͨ͘Ίʹ
     "QQMF4DSJQUͰؾ߹͍Ͱ
     +40/ੜ੒ͯͨ͠
149. ඪ४ͷ
     "QQMF4DSJQU ͚ͩͰ͸ਖ਼نදݱͳͲ͕ ෆՄೳ
150. ͦ͏͍͑͹ʜ
151. +BWB4DSJQU
     GPS
     "VUPNBUJPO
152. JT
153. :FU
     "OPUIFS
     "QQMF
     4DSJQU
154. JavaScript for Automation(JXA) • Mac OSX 10.10 Yosemite ͔Βར༻Մೳʹ • ͦΕ·ͰͷApple Scriptͱಉ౳ͷ͜ͱΛJSͰදݱՄೳʹ • ެࣜυΩϡϝϯτ: https://developer.apple.com/library/ mac/releasenotes/InterapplicationCommunication/RN- JavaScriptForAutomation/Articles/Introduction.html • αϯϓϧ๛෋: https://github.com/dtinth/JXA-Cookbook • Script Editor.app > ΢Οϯυ΢ > ϥΠϒϥϦ
155. #FGPSF
156. on IsPlaying() tell ApplicationLib if ApplicationIsRunning("iTunes") then tell application "iTunes" return player state is playing end tell else return false end if end tell end IsPlaying on GetCurrentTrack() if IsPlaying() then tell application "iTunes" if not (exists current track) then return null set trackName to (get name of current track) set trackArtist to (get artist of current track) set trackAlbum to (get album of current track) return "{\"name\":\"" & trackName & "\",\"artist\":\"" & trackArtist & "\",\"album\":\"" & trackAlbum & "\"}" end tell else return "null" end if end GetCurrentTrack
157. on IsPlaying() tell ApplicationLib if ApplicationIsRunning("iTunes") then tell application "iTunes" return player state is playing end tell else return false end if end tell end IsPlaying on GetCurrentTrack() if IsPlaying() then tell application "iTunes" if not (exists current track) then return null set trackName to (get name of current track) set trackArtist to (get artist of current track) set trackAlbum to (get album of current track) return "{\"name\":\"" & trackName & "\",\"artist\":\"" & trackArtist & "\",\"album\":\"" & trackAlbum & "\"}" end tell else return "null" end if end GetCurrentTrack
158. "GUFS
159. function IsPlaying() { if (IsRunning()) { return Application('iTunes').playerState() === 'playing' } return false } function GetCurrentTrack() { if (!IsPlaying()) { return null } var iTunes = Application('iTunes') var track = iTunes.currentTrack return JSON.stringify({ name: track.name(), artist: track.artist(), album: track.album() }) }
160. ɍ
161. 9݄
162. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
163. (BNF1BE
     "1*
164. GamePad API ֓ཁ • USB GamePad ͳͲͷೖྗΛऔಘͰ͖ΔJS API • https://www.w3.org/TR/gamepad/ • https://developer.mozilla.org/en-US/docs/Web/API/ Gamepad_API/Using_the_Gamepad_API • gamepadconnected Event • event.gamepad • gamepaddisconnected Event • navigator.getGamepads() • Array͕ฦͬͯ͘Δ͕ɺChromeͩͱlength > 3 Ͱ undefinedͰຒ·ͬͨͷ͕ฦͬͯ͘Δʢͩͬͨ͸ͣ)
165. GamePad API ֓ཁ • GamePad.index • GamePad.id • GamePad.buttons • Buttonͷ഑ྻʢϘλϯ͝ͱʹ൪஍͕ݻఆ͞Ε͍ͯΔʣ • GamePad.axes • εςΟοΫͷ܏͖۩߹ʢेࣈϘλϯ΋ؚ·ΕΔ৔߹΋ • Button.pressed • Button.value • Ϙλϯͷԡ͞Ε۩߹
166. .FOVCBS"QQ
     XJUI
     &MFDUSPO
167. 8IBU`T
     &MFDUSPO
168. http://qiita.com/pastak/items/108d34d19927f26de0d0
169. ElectronͰMenubarৗறΞϓϦ • maxogden/menubar Λར༻͢Δͱmenubarʹৗற͠ ͯɺ͔ͦ͜Βੜ͑ͯ͘ΔΑ͏ʹ΢Οϯυ΢Λදࣔ͢Δ ΞϓϦέʔγϣϯΛॻ͘͜ͱ͕ग़དྷΔ • ϝχϡʔΛग़͚ͩ͢ͳΒɺˢ͸ෆཁ • https://github.com/atom/electron/blob/master/ docs/api/menu.md • https://github.com/atom/electron/blob/master/ docs/api/menu-item.md
170. https://github.com/pastak/gyazo-menubar https://github.com/pastak/electonic-ninetan
171. menubar ϞδϡʔϧΛར༻ const menubar = require('menubar') const mb = menubar() mb.on('ready', function ready () { const loadPath = 'file://'+ __dirname+'/static/view.html' mb.window.loadUrl(loadPath) })
172. menubar Ϟδϡʔϧඇར༻ const Menu = require('electron').Menu const menu = new Menu(); menu.append(new MenuItem({ label: 'MenuItem1', click: function() { console.log('item 1 clicked') } })) menu.append(new MenuItem({type: 'separator'})) menu.append(new MenuItem({ label: 'MenuItem2', type: 'checkbox', checked: true }))
173. ɍ
174. 10݄
175. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: GamePad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
176. QBTTXPSE
     Έ͍ͨʹ
     &MFDUSPO"QQͱ
     $ISPNF&YUΛ
     ࿈ܞ͍ͤͨ͞ ※1password͸ElectronAppͰ͸ͳ͍
177. QBTTXPSEͷ $ISPNF
     &YU؍࡯
178. XFCTPDLFUΛ
     ར༻͍ͯ͠ΔͬΆ͍
179. ͳΔ΄Ͳ
180. ΍ͬͯΈΑ͏
181. 8FC4PDLFU
     PO
     &MFDUSPO
     "QQ
182. Πϝʔδਤ
183. ᶃ ىಈͯ͘͠Ε! ᶄ ͪ͜ΒͰ͢ ᶅ ྑ͍ײ͡ʹ ɹඈΜͰ͖ͨ৘ใΛ ɹར༻
184. Electron App Side const ws = require("nodejs-websocket") const server = ws.createServer(function (conn) { console.log("New connection") conn.on("text", function (text) { if (text !== 'open') return console.log('called') do_something() // ② }) conn.on("close", function (code, reason) { console.log("Connection closed") }) }).listen(3652)
185. Chrome Extension Side var ws = new WebSocket('ws://localhost:3652/') ws.onmessage = function (event) { //適切にwsで飛んできたdataを渡す res(event.data) // ③ ws.close() } ws.onopen = function () { ws.send('open') // ① }
186. %&.0
187. ɍ
188. 11݄
189. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
190. ݄෼Ͱ
     ·ͱΊͯ
     ࿩͢
191. ɍ
192. 1݄
193. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
194. 'JUCJU
195. http://www.slideshare.net/pastak/2016fitbit
196. $ISPNF
     &YUFOTJPO
     #VJME
     
     3FMFBTF
     ࣗಈԽେ࡞ઓ
197. ·ͣ$-*πʔϧ Λॻ͍ͨ
198. DISPNFXFCTUPSF NBOBHFS
199. chrome-webstore-manager • Google OAuthͷaccess_tokenऔಘ • ೝূʹ͸ϒϥ΢β͕ඞཁ • refresh_tokenऔಘ • Extensionͷొ࿥ / ߋ৽ / ެ։
200. $*ͩͱUPLFOΛ ӬଓԽग़དྷͳ͍
201. ӬଓԽͰ͖Δ
     Α͏ʹͨ͠Β
     ྑͦ͞͏
202. Πϝʔδਤ
203. GitHubͰPRΛ merge refresh token Kick! extension.zip ΛPOST upload & publish ݁ՌΛ௨஌ %#ʹ UPLFOΛೖΕΔʂ ։ൃऀ
205. DISPNFXFCTUPSF NBOBHFSͷػೳΛ
     SFRVJSFͰ͖ΔΑ͏ʹ
206. αʔό΋
     /PEF+4
     Ͱγϡοͱ
207. LPB
208. What’s “koa” • 1.x ͸ generator • 2.x ͸ await / async • CallBack஍ࠈͱexpress͔Βͷ୤٫
209. koa’s middleware pattern • functionΛొ࿥ॱʹݺͿ const koa = require('koa') const app = koa() app.use(function *(next) { this.body = 'Hello' yield next }) app.use(function *(next) { this.body += 'World' yield next }) app.listen(3000)
210. router.get('/callback', function *(next) { const callbackUrl = `${this.request.origin}/callback` const tokenData = yield chromeWebstoreManager.getAccessToken(query['code'], callbackUrl).then((data) => { data = JSON.parse(data) data.expired_at = Date.now() + (Number(data.expires_in) * 1000) return data }) try { yield setToken(JSON.stringify(tokenData)) this.body = 'Success!' } catch (e) { this.status = 500 this.body = 'failed...' } })
211. ׬੒඼͕
     ͪ͜Β
212. https://github.com/pastak/chrome-extension-release-heroku
213. IFSPLV
     EFQMPZ ϘλϯҰൃͰ
     ଈ͝ར։࢝༻Մೳ
214. HZB[PHZB[P DISPNF FYUFOTJPO
     Ͱӡ༻த
215. ɍ
216. 2݄
217. 4݄: audio API 5݄: Electronࢼ࢝͠ΊΔ / ScratchX 6݄: Firefox Add-on module 7݄: Build deb package on Circle CI 8݄: JavaScript for Automation (JXA) 9݄: Gamepad API / Menubar with Electron 10݄: Connection Electron App with Chrome Extension 11݄: Chrome Extension Build Tool / heroku / koa.js 1݄: Fitbit ɹɹ Auto release Chrome Extension with heroku 2݄: Open CV with NodeJS on heroku by Docker ɹɹ Format manifest.json for Firefox WebExtension
218. QBTUBLOFU
     υϝΠϯΛ࢖ͬͯ IFSPLV্Ͱ
     ༡ͿϒʔϜ౸དྷ
219. HBMMFSZ
     QBTUBLOFU
221. ݟͲ͜Ζ
222. XIBUXHGFUDI
     3FBDU
223. HPTFJ
     QBTUBLOFU http://192.168.220.16:3002/
224. XFC্ͷը૾ʹ
     QBTUBLΛ
     ߹੒Ͱ͖Δ
229. ݟͲ͜Ζ
230. DBOWBTͰ͸
     $034ͷΞϨͰ
     Կ΋ग़དྷͳ͍
231. ཪͰJNBHFNBHJDL
     ୟ͍ͯ߹੒ͯ͠Δ
232. LBPIBNF HFOFSBUPS
     IFSPLVBQQDPN
233. إࣸਅΛ
     Ξοϓϩʔυ͢Δͱ
     إϋϝ؃൘ͷࣸਅʹ
     ߹੒ͯ͘͠ΕΔ
236. Πϝʔδਤ
237. ࣗ෼ͷࣸਅ ΠϯλʔωοτͰऩूͨ͠ إϋϝ؃൘ه೦ࣸਅ
238. ࣗ෼ͷࣸਅ ΠϯλʔωοτͰऩूͨ͠ إϋϝ؃൘ه೦ࣸਅ OpenCVͰإΛݟ͚ͭΔ
239. ࣗ෼ͷࣸਅ ΠϯλʔωοτͰऩूͨ͠ إϋϝ؃൘ه೦ࣸਅ إΛϦαΠζͯ͠إϋϝ؃൘ը૾ʹҠ২
240. ࣗ෼ͷࣸਅ ΠϯλʔωοτͰऩूͨ͠ إϋϝ؃൘ه೦ࣸਅ
241. ݟͲ͜Ζ
243. ج൫͸heroku
244. ج൫͸heroku Docker on heroku
245. ج൫͸heroku Docker on heroku Running OpenCV node-opencv
246. 8IZ
     %PDLFS
247. Կނherokuͷ্Ͱdockerͳͷ͔ • σϑΥϧτͷheroku্ͷUbuntuʹ͸OpenCV ͕ͳ͍ • Buildͯ͠ར༻Ͱ͖ΔΑ͏ʹͯ͠΍Δඞཁ͕ ͋Δ
248. Build and Deploy Docker to Heroku % heroku plugins:install heroku-docker % echo “web: npm run start” > Procfile % heroku docker:init % docker-compose build % heroku docker:release heroku-dockerϓϥάΠϯΛΠϯετʔϧ ProcfileΛੜ੒ جຊతͳDockerfileͳͲ͕ੜ੒͞ΕΔ docker imageΛbuild herokuʹdeploy
249. ஫ҙ఺ • DockerfileͷFROMʹࢦఆ͢Δͷ͸heroku/ cederΛϕʔεʹͨ͠imageͰ͋Δඞཁ͕͋Δ • heroku/nodejs, heroku/ruby, heroku/python, heroku/go, heroku/java, heroku/gradle, heroku/scala
250. IFSPLV্Ͱ࢖͑Δ Α͏ʹ0QFO$7Λ CVJMEͨ͠
     JNBHF Λ࡞Δ
251. Docker imageͷ࡞Γํ • ͗͢ΌʔΜ͞Μͷ sugyan/heroku-python- opencv Λࢀߟʹ • ͗͢ΌʔΜ͞Μͷ͸Python༻ͳͷͰɺͦΕΛ ࢀߟʹOpenCVͷBuildΛͯ͠heroku/nodejs ΛࢀߟʹNodeJSΛಋೖ͢Δ
252. ׬੒඼
254. ͝ར༻
     ͍ͩ͘͞
255. 8FC
     &YUFOTJPO
256. 'JSFGPYͰ
     ಈ࡞ՄೳʹͳΔ
     ϒϥ΢β֦ுͷܗࣜ
257. ڈ೥ͷ
     ߨ࠲
258. http://www.slideshare.net/pastak/firefox-addon-sdk
259. ͓͞Β͍
260. Firefoxͷϒϥ΢β֦ுܗࣜ • XUL + XPCOMΛ༻͍ͨ։ൃ • Addon-SDKΛ༻͍ͨ։ൃ (crx / jpm)
261. Firefoxͷϒϥ΢β֦ுܗࣜ • XUL + XPCOMΛ༻͍ͨ։ൃ • Addon-SDKΛ༻͍ͨ։ൃ (crx / jpm) • ChromeExtensionޓ׵ͷίʔυ (new)
262. ڈ೥ͷ
     ,.$Ξυϕϯτ ΧϨϯμʔ
263. http://pastak.hatenablog.com/entry/2015/12/05/013527
264. ࠷৽ͷݱঢ় • Firefox v46 (ݱࡏDE, Canary) Ͱalphaʹͳͬͨ • 2016-08-02ʹstableೖΓ͢Δ༧ఆͷFirefox v48Ͱ stableʹͳΔ໨ඪ • chrome -> browser • addon.mozilla.org ʹΞοϓϩʔυ͢Δ͜ͱͰॺ໊ Մೳʹ • ະ࣮૷ͷAPI΋͔ͳΓݮ͖ͬͯͨ • https://developer.mozilla.org/en-US/Add-ons/ WebExtensions/Chrome_incompatibilities
265. NBOJGFTUKTPO ඇޓ׵໰୊
266. manifest.jsonඇޓ׵໰୊ • ͍͔ͭ͘ͷະ࣮૷Ωʔ • ͍͔ͭ͘ͷະ࣮૷ϓϩύςΟ • ChromeExtensionͰ͸(ݱঢ়)invalidͳ applicationΩʔ
267. manifest.jsonඇޓ׵໰୊ • ͍͔ͭ͘ͷະ࣮૷Ωʔ • ͍͔ͭ͘ͷະ࣮૷ϓϩύςΟ • ChromeExtensionͰ͸(ݱঢ়)invalidͳ applicationΩʔ Firefoxʹ ΠϯετʔϧෆՄ
268. manifest.jsonඇޓ׵໰୊ • ͍͔ͭ͘ͷະ࣮૷Ωʔ • ͍͔ͭ͘ͷະ࣮૷ϓϩύςΟ • ChromeExtensionͰ͸(ݱঢ়)invalidͳ applicationΩʔ Firefoxʹ ΠϯετʔϧෆՄ Chromeʹ ΠϯετʔϧෆՄ
269. ݱঢ়྆ํͰಈ͘
     NBOJGFTUKTPO
     ͸࡞Εͳ͍
271. NBOJGFTUKTPO
     ͳΜͱ͔ͯ͘͠ΕΔ܅ ࡞ͬͨ
272. 8FC&YUFOTJPO
     .BOJGFTU
     'PSNBUUFS
273. https://github.com/pastak/wemf
274. What’s wemf • ඞؚͣ·Ε͍ͯΔ΂͖ΩʔͱରԠ͢Δ஋Λ௥Ճ • ෆ଍͍ͯ͠ΔΩʔ͕͋Δ৔߹͸ package.json ͳͲ͔Βੜ੒ͭ͠ ͭɺର࿩ΠϯλʔϑΣΠεͰੜ੒͠·͢ • ະରԠͷΩʔΛ࡟আ • ݱঢ়ະରԠͷΩʔ͕͋ΔͱΠϯετʔϧʹࣦഊ͢ΔͷͰɺͦͷ Α͏ͳΩʔΛ࡟আ͠·͢ɻ • ະରԠͷΩʔϫʔυͷ࢖༻Λ௨஌ • web_accessible_resourcesͰϫΠϧυΧʔυ͕࢖͑ͳ͍ͳͲ͕ ͋ΔͷͰɺͦͷΑ͏ͳΩʔϫʔυΛؚΜͰ͍Δ৔߹͸࡟আͤͣ ʹ௨஌͠·͢ɻ
275. ɍ
276. ࠷ޙʹ
277. ࠓ೥΋ָ͍͠
     ̍೥ʹ͠Α͏