Slide 1

Slide 1 text

2015೥ʹ PUBLISHͨ͠NPM MODULE 2016/01/08 Gotanda.js #2 @mizuki_r

Slide 2

Slide 2 text

PROFILE @MIZUKI_R 5XJUUFS!NJ[VLJ@S (JUIVCSZ@NJ[VLJ OQNNJ[VLJ@S "OHVMBS 3JPU+4·ΘΓͷ࢖͍ख ࠷ۙ͸ϑϩϯτΤϯυͷΞʔΩς ΫνϟΛߟ͑Δ͜ͱ͕ଟ͍

Slide 3

Slide 3 text

PUBLISHED ON 2015 INTRODUCE FOR NPM MODULES

Slide 4

Slide 4 text

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()) })

Slide 16

Slide 16 text

PUBLISHING RECONSIDERATION ABOUT

Slide 17

Slide 17 text

GITHUBʹ্͕͛ͨɺ PUBLISH͍ͯ͠ͳ͍΋ͷ

Slide 18

Slide 18 text

RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͕͛ͨɺPUBLISH͍ͯ͠ͳ͍΋ͷ ▸ ్தͰ๞͖ͨ ▸ ࡞ͬͯΈ͚ͨͲɺผʹ࢖Θͳ͍΍ ▸ ΋ͬͱ͍͍΋ͷΛݟ͚ͭͨ ▸ ͱΓ͋͑ͣ΍Γ࢝ΊΔ͜ͱ͕େࣄ

Slide 19

Slide 19 text

GITHUBʹ ্͛ΔϝϦοτ

Slide 20

Slide 20 text

RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͛ΔϝϦοτ ▸ travis-ci΍֤छbadgeͳͲͷศརπʔϧ͕࢖͍΍͍͢ ▸ ʮ͜ΜͳͷΛॻ͍ͯΔΜͩͥʯ͍ͬͯ͏঺հ͕Ͱ͖Δ ▸ ৽͍ٕ͠ज़ʹ௅ઓ͢Δ͚ͩ͢Δ ▸ ͱΓ͋͑ͣ΍Γ࢝ΊΔ͜ͱ͕େࣄ

Slide 21

Slide 21 text

NPMʹ ্͛ΔϝϦοτ

Slide 22

Slide 22 text

RECONSIDE RATION ABOUT PUBLISHING NPMʹ্͛ΔϝϦοτ ▸ `npm install` ͰೖΕ΍͍͢ ▸ ͋ͬͪͬͪ͜Ͱ࢖͑Δɺ࢖͍΍͘͢ͳΔ ▸ ࢖ͬͯ΋Β͍΍͘͢ͳΔ ▸ ؾ߹ೖΕͯ࡞ΔΑ͏ʹͳΔ ▸ ؾ͍ͮͨΒ͍͍ײ͡ʹinstall͕৳ͼͯΔʢ͔΋͠Εͳ͍ʣ

Slide 23

Slide 23 text

൓ল఺

Slide 24

Slide 24 text

RECONSIDE RATION ABOUT PUBLISHING ൓ল఺ ▸ issueʹؾ͔ͮͳ͍ࣄ͕͋ͬͨ ▸ ͜·ΊʹgithubνΣοΫ ▸ ࣗ෼͕࢖Θͳ͘ͳΔͱ์ஔ͕ͪ͠ ▸ issue଴ͪ ▸ blogͱ͔Ͱshare͠ͳ͍ͱؾ͍ͮͯ΋Β͑ͳ͍ ▸ blogॻ͜͏

Slide 25

Slide 25 text

શମΛ௨ͯ͠

Slide 26

Slide 26 text

RECONSIDE RATION ABOUT PUBLISHING શମΛ௨ͯ͠ ▸ ۀ຿ͱ͸ҟͳΔӡ༻Ͱ஌ݟ͕޿͕ͬͨ ▸ version, changelogͷӡ༻ ▸ badgeΛར༻ͨ͠ΫΦϦςΟҡ࣋ ▸ DL਺΍Star਺͕૿͑ΔͱϞνϕ্͕͕Δ ▸ ීஈͱҧ͏ίτΛΧδϡΞϧʹࢼͤͯΠΠ ▸ ʮnpmʹ্͛Δͧʂʯͬͯࢥ͏ͱͳΜ͔ؾ߹͸͍Δ

Slide 27

Slide 27 text

2016 ASPIRATIONS OF

Slide 28

Slide 28 text

ASPIRATIONS OF 2016 2016೥ͷ๊ෛ ▸ ʮԑʯ͕͋Ε͹ͲΜͲΜpublish͍ͯͭ͘͠΋Γ ▸ ͔͠͠ίʔυΛॻ͘ΑΓઃܭΛߟ͑Δํָ͕͍͠࠷ۙ ▸ ࡞Γ͍ͨ΋ͷ͕͋ͬͨΒ࡞Δ͠ɺ
 ଞͷਓʹ࢖ͬͯ΋Β͍͍ͨͳͬͯࢥͬͨΒެ։͢Δ

Slide 29

Slide 29 text

ΑΖ͓͘͠ئ͍͠·͢ɻ 2016೥΋…