2015年にpublishしたnpm modules

GotandaJS #2 の発表資料です

Transcript

1. 2015೥ʹ PUBLISHͨ͠NPM MODULE 2016/01/08 Gotanda.js #2 @mizuki_r
2. PROFILE @MIZUKI_R 5XJUUFS
   
   !NJ[VLJ@S
   (JUIVC
   
   
   SZ@NJ[VLJ
   OQN
   
   
   
   
   
   NJ[VLJ@S
   "OHVMBS
   3JPU+4·ΘΓͷ࢖͍ख
   ࠷ۙ͸ϑϩϯτΤϯυͷΞʔΩς ΫνϟΛߟ͑Δ͜ͱ͕ଟ͍
3. PUBLISHED ON 2015 INTRODUCE FOR NPM MODULES
4. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 2015೥ʹPUBLISHͨ͠NPM MODULEҰཡ ▸ hariko ▸ angular-period ▸ action-tracker
5. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 σϏϡʔͯ͠൒೥ܦͬͯͳ͍ͻΑͬ͜Ͱ͢
6. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ͲΜͳϥΠϒϥϦΛެ։͔ͨ͠ɺ ެ։ͯ͠Ͳ͏͔ͩͬͨΛͭΒͭΒޠΓ·͢
7. hariko
8. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 HARIKO ▸ https://www.npmjs.com/package/hariko ▸ API-BlueprintͷυΩϡϝϯτʹैͬͯɺAPIϞοΫαʔόʔΛ ্ཱͪ͛Δ ▸ ʮுΓࢠʯ໊͕લͷ༝དྷ ▸ stubcellͱeasymockͷྑ͍ॴΛഈआͯ͠ιʔεΛAPI- Blueprintʹͨ͠ ▸ ଞͷϞοΫαʔόʹͳ͔ͬͨʮ΍Γ͍ͨ͜ͱʯΛ٧ΊࠐΜͩ
9. 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”}
10. angular-period
11. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ANGULAR-PERIOD ▸ https://www.npmjs.com/package/angular-period ▸ ظؒΛࢦఆ͢Δͱɺݱࡏ೔࣌ͷʮաڈʯʮݱࡏʯʮະདྷʯ ͷύλʔϯͰDOMΛग़͠෼͚ΔAngularJSͷDirective ▸ ͦ͏͍͏࢓༷Ͱ࣮૷ͨ͠ࡍʹʮ͜ΕଞͰ΋࢖͑Δͳʯͱࢥͬ ͯ֎ग़ͨ͠͠
12. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ANGULAR-PERIOD angular.module('campaign', ['angularPeriod']); <div class="campaign" ng-period ng-period-start="'2016-01-08T19:30:00'" ng-period-end ="'2016-01-08T23:59:59'"> <!-- ظؒલͷදࣔ --> <div ng-period-when="previous"> <p>ޒ൓ాJS։࠵͢ΔΑʂ</p> <!-- ظؒதͷදࣔ --> <div ng-period-when=“during”> <p>ઈࢍLTதʂ</p> </div> <!-- ظؒޙͷදࣔ --> <div ng-period-when="after"> <p>ϒϩάΛॻ͘·Ͱ͕ͨ͐͝͡ʔʂ</p> </div> </div>
13. action-tracker
14. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ACTION-TRACKER ▸ https://www.npmjs.com/package/action-tracker ▸ Google Analyticsͷϥούʔ ▸ PromiseͰॲཧͰ͖ͨΓ͢Δ ▸ ΋ͱ΋ͱ͸τϥοΩϯάͷ൚༻తͳI/FΛ໨ࢦ͍ͯͨ͠Μͩ ͚ͲɺͨͲΓண͔ͣʹͨͩͷϥούʔʹͳͬͨ ▸ ػձ͕͋Ε͹ͦ͏͍͏ײ͡ʹ͢Δ͔΋͠Εͳ͍
15. INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ACTION-TRACKER <script src="dist/action-tracker.min.js"></script> <script> ga('create', {YOUR PROPERTY ID}) </script> <script> var tracker = ActionTracker() $('a[data-tracker]').on('click', function () { tracker.emit('anchor', 'click', $(this).text()) }) </script>
16. PUBLISHING RECONSIDERATION ABOUT
17. GITHUBʹ্͕͛ͨɺ PUBLISH͍ͯ͠ͳ͍΋ͷ
18. RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͕͛ͨɺPUBLISH͍ͯ͠ͳ͍΋ͷ ▸ ్தͰ๞͖ͨ ▸ ࡞ͬͯΈ͚ͨͲɺผʹ࢖Θͳ͍΍ ▸ ΋ͬͱ͍͍΋ͷΛݟ͚ͭͨ ▸ ͱΓ͋͑ͣ΍Γ࢝ΊΔ͜ͱ͕େࣄ
19. GITHUBʹ ্͛ΔϝϦοτ
20. RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͛ΔϝϦοτ ▸ travis-ci΍֤छbadgeͳͲͷศརπʔϧ͕࢖͍΍͍͢ ▸ ʮ͜ΜͳͷΛॻ͍ͯΔΜͩͥʯ͍ͬͯ͏঺հ͕Ͱ͖Δ ▸ ৽͍ٕ͠ज़ʹ௅ઓ͢Δ͚ͩ͢Δ ▸ ͱΓ͋͑ͣ΍Γ࢝ΊΔ͜ͱ͕େࣄ
21. NPMʹ ্͛ΔϝϦοτ
22. RECONSIDE RATION ABOUT PUBLISHING NPMʹ্͛ΔϝϦοτ ▸ `npm install` ͰೖΕ΍͍͢ ▸ ͋ͬͪͬͪ͜Ͱ࢖͑Δɺ࢖͍΍͘͢ͳΔ ▸ ࢖ͬͯ΋Β͍΍͘͢ͳΔ ▸ ؾ߹ೖΕͯ࡞ΔΑ͏ʹͳΔ ▸ ؾ͍ͮͨΒ͍͍ײ͡ʹinstall͕৳ͼͯΔʢ͔΋͠Εͳ͍ʣ
23. ൓ল఺
24. RECONSIDE RATION ABOUT PUBLISHING ൓ল఺ ▸ issueʹؾ͔ͮͳ͍ࣄ͕͋ͬͨ ▸ ͜·ΊʹgithubνΣοΫ ▸ ࣗ෼͕࢖Θͳ͘ͳΔͱ์ஔ͕ͪ͠ ▸ issue଴ͪ ▸ blogͱ͔Ͱshare͠ͳ͍ͱؾ͍ͮͯ΋Β͑ͳ͍ ▸ blogॻ͜͏
25. શମΛ௨ͯ͠
26. RECONSIDE RATION ABOUT PUBLISHING શମΛ௨ͯ͠ ▸ ۀ຿ͱ͸ҟͳΔӡ༻Ͱ஌ݟ͕޿͕ͬͨ ▸ version, changelogͷӡ༻ ▸ badgeΛར༻ͨ͠ΫΦϦςΟҡ࣋ ▸ DL਺΍Star਺͕૿͑ΔͱϞνϕ্͕͕Δ ▸ ීஈͱҧ͏ίτΛΧδϡΞϧʹࢼͤͯΠΠ ▸ ʮnpmʹ্͛Δͧʂʯͬͯࢥ͏ͱͳΜ͔ؾ߹͸͍Δ
27. 2016 ASPIRATIONS OF
28. ASPIRATIONS OF 2016 2016೥ͷ๊ෛ ▸ ʮԑʯ͕͋Ε͹ͲΜͲΜpublish͍ͯͭ͘͠΋Γ ▸ ͔͠͠ίʔυΛॻ͘ΑΓઃܭΛߟ͑Δํָ͕͍͠࠷ۙ ▸ ࡞Γ͍ͨ΋ͷ͕͋ͬͨΒ࡞Δ͠ɺ
 ଞͷਓʹ࢖ͬͯ΋Β͍͍ͨͳͬͯࢥͬͨΒެ։͢Δ
29. ΑΖ͓͘͠ئ͍͠·͢ɻ 2016೥΋…