INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
2015ʹPUBLISHͨ͠NPM MODULEҰཡ
▸ hariko
▸ angular-period
▸ action-tracker
Slide 5
Slide 5 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
σϏϡʔͯ͠ܦͬͯͳ͍ͻΑͬ͜Ͱ͢
Slide 6
Slide 6 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
ͲΜͳϥΠϒϥϦΛެ։͔ͨ͠ɺ
ެ։ͯ͠Ͳ͏͔ͩͬͨΛͭΒͭΒޠΓ·͢
Slide 7
Slide 7 text
hariko
Slide 8
Slide 8 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
HARIKO
▸ https://www.npmjs.com/package/hariko
▸ API-BlueprintͷυΩϡϝϯτʹैͬͯɺAPIϞοΫαʔόʔΛ
্ཱͪ͛Δ
▸ ʮுΓࢠʯ໊͕લͷ༝དྷ
▸ stubcellͱeasymockͷྑ͍ॴΛഈआͯ͠ιʔεΛAPI-
Blueprintʹͨ͠
▸ ଞͷϞοΫαʔόʹͳ͔ͬͨʮΓ͍ͨ͜ͱʯΛ٧ΊࠐΜͩ
Slide 9
Slide 9 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
HARIKO
# GET /api/message
+ Response 200 (text/plain)
{“content”: “message”}
$ npm install -g hariko
$ hariko -f docs/api/message.md
[INFO] Running Hariko Server ... http://localhost:3000
$ curl http://localhost:3000/api/message
{“content”: “message”}
Slide 10
Slide 10 text
angular-period
Slide 11
Slide 11 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
ANGULAR-PERIOD
▸ https://www.npmjs.com/package/angular-period
▸ ظؒΛࢦఆ͢Δͱɺݱࡏ࣌ͷʮաڈʯʮݱࡏʯʮະདྷʯ
ͷύλʔϯͰDOMΛग़͚͠ΔAngularJSͷDirective
▸ ͦ͏͍͏༷Ͱ࣮ͨ͠ࡍʹʮ͜ΕଞͰ͑Δͳʯͱࢥͬ
ͯ֎ग़ͨ͠͠
Slide 12
Slide 12 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
ANGULAR-PERIOD
angular.module('campaign', ['angularPeriod']);
ޒాJS։࠵͢ΔΑʂ
ઈࢍLTதʂ
ϒϩάΛॻ͘·Ͱ͕ͨ͐͝͡ʔʂ
Slide 13
Slide 13 text
action-tracker
Slide 14
Slide 14 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
ACTION-TRACKER
▸ https://www.npmjs.com/package/action-tracker
▸ Google Analyticsͷϥούʔ
▸ PromiseͰॲཧͰ͖ͨΓ͢Δ
▸ ͱͱτϥοΩϯάͷ൚༻తͳI/FΛࢦ͍ͯͨ͠Μͩ
͚ͲɺͨͲΓண͔ͣʹͨͩͷϥούʔʹͳͬͨ
▸ ػձ͕͋Εͦ͏͍͏ײ͡ʹ͢Δ͔͠Εͳ͍
Slide 15
Slide 15 text
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015
ACTION-TRACKER
ga('create', {YOUR PROPERTY ID})
var tracker = ActionTracker()
$('a[data-tracker]').on('click', function () {
tracker.emit('anchor', 'click', $(this).text())
})