Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2015年にpublishしたnpm modules
Search
mizuki_r
January 08, 2016
Technology
0
97
2015年にpublishしたnpm modules
GotandaJS #2 の発表資料です
mizuki_r
January 08, 2016
Tweet
Share
More Decks by mizuki_r
See All by mizuki_r
FrontendUp_新規事業で_Remixを採用した理由と対策.pdf
rymizuki
0
96
税理士ドットコムの 技術的挑戦 #tapioca_lt
rymizuki
0
260
PHPを始めて1年、レガシーシステムにどう向き合っているか #phpstudy
rymizuki
1
660
モダンとレガシー #gotandaem
rymizuki
0
530
Vuexに型を付けるパターンを調べた #gotandajs
rymizuki
0
110
DockerでNodeの開発は厳しいのか? #gotandajs
rymizuki
3
360
マネージャー!きみは何者だ! #gotandaem
rymizuki
0
1.7k
物語を楽しむための物語論
rymizuki
0
500
失敗と向き合う
rymizuki
0
1.3k
Other Decks in Technology
See All in Technology
実は強い 非ViTな画像認識モデル
tattaka
3
1.4k
エンジニアリング価値を黒字化する バリューベース戦略を用いた 技術戦略策定の道のり
kzkmaeda
7
3.2k
Amazon Aurora のバージョンアップ手法について
smt7174
2
180
事業を差別化する技術を生み出す技術
pyama86
2
440
【詳説】コンテンツ配信 システムの複数機能 基盤への拡張
hatena
0
280
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
280
MIMEと文字コードの闇
hirachan
2
1.4k
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
230
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
170
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
3
540
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
510
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
220
Featured
See All Featured
Six Lessons from altMBA
skipperchong
27
3.6k
Site-Speed That Sticks
csswizardry
4
410
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Embracing the Ebb and Flow
colly
84
4.6k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
It's Worth the Effort
3n
184
28k
Code Review Best Practice
trishagee
67
18k
Transcript
2015ʹ PUBLISHͨ͠NPM MODULE 2016/01/08 Gotanda.js #2 @mizuki_r
PROFILE @MIZUKI_R 5XJUUFS!NJ[VLJ@S (JUIVCSZ@NJ[VLJ OQNNJ[VLJ@S "OHVMBS 3JPU+4·ΘΓͷ͍ख ࠷ۙϑϩϯτΤϯυͷΞʔΩς ΫνϟΛߟ͑Δ͜ͱ͕ଟ͍
PUBLISHED ON 2015 INTRODUCE FOR NPM MODULES
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 2015ʹPUBLISHͨ͠NPM MODULEҰཡ ▸
hariko ▸ angular-period ▸ action-tracker
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 σϏϡʔͯ͠ܦͬͯͳ͍ͻΑͬ͜Ͱ͢
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ͲΜͳϥΠϒϥϦΛެ։͔ͨ͠ɺ ެ։ͯ͠Ͳ͏͔ͩͬͨΛͭΒͭΒޠΓ·͢
hariko
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 HARIKO ▸ https://www.npmjs.com/package/hariko
▸ API-BlueprintͷυΩϡϝϯτʹैͬͯɺAPIϞοΫαʔόʔΛ ্ཱͪ͛Δ ▸ ʮுΓࢠʯ໊͕લͷ༝དྷ ▸ stubcellͱeasymockͷྑ͍ॴΛഈआͯ͠ιʔεΛAPI- Blueprintʹͨ͠ ▸ ଞͷϞοΫαʔόʹͳ͔ͬͨʮΓ͍ͨ͜ͱʯΛ٧ΊࠐΜͩ
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”}
angular-period
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ANGULAR-PERIOD ▸ https://www.npmjs.com/package/angular-period
▸ ظؒΛࢦఆ͢Δͱɺݱࡏ࣌ͷʮաڈʯʮݱࡏʯʮະདྷʯ ͷύλʔϯͰDOMΛग़͚͠ΔAngularJSͷDirective ▸ ͦ͏͍͏༷Ͱ࣮ͨ͠ࡍʹʮ͜ΕଞͰ͑Δͳʯͱࢥͬ ͯ֎ग़ͨ͠͠
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>
action-tracker
INTRODUCE FOR NPM MODULES PUBLISHED ON 2015 ACTION-TRACKER ▸ https://www.npmjs.com/package/action-tracker
▸ Google Analyticsͷϥούʔ ▸ PromiseͰॲཧͰ͖ͨΓ͢Δ ▸ ͱͱτϥοΩϯάͷ൚༻తͳI/FΛࢦ͍ͯͨ͠Μͩ ͚ͲɺͨͲΓண͔ͣʹͨͩͷϥούʔʹͳͬͨ ▸ ػձ͕͋Εͦ͏͍͏ײ͡ʹ͢Δ͔͠Εͳ͍
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>
PUBLISHING RECONSIDERATION ABOUT
GITHUBʹ্͕͛ͨɺ PUBLISH͍ͯ͠ͳ͍ͷ
RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͕͛ͨɺPUBLISH͍ͯ͠ͳ͍ͷ ▸ ్தͰ͖ͨ ▸ ࡞ͬͯΈ͚ͨͲɺผʹΘͳ͍ ▸
ͬͱ͍͍ͷΛݟ͚ͭͨ ▸ ͱΓ͋͑ͣΓ࢝ΊΔ͜ͱ͕େࣄ
GITHUBʹ ্͛ΔϝϦοτ
RECONSIDE RATION ABOUT PUBLISHING GITHUBʹ্͛ΔϝϦοτ ▸ travis-ci֤छbadgeͳͲͷศརπʔϧ͕͍͍͢ ▸ ʮ͜ΜͳͷΛॻ͍ͯΔΜͩͥʯ͍ͬͯ͏հ͕Ͱ͖Δ ▸
৽͍ٕ͠ज़ʹઓ͢Δ͚ͩ͢Δ ▸ ͱΓ͋͑ͣΓ࢝ΊΔ͜ͱ͕େࣄ
NPMʹ ্͛ΔϝϦοτ
RECONSIDE RATION ABOUT PUBLISHING NPMʹ্͛ΔϝϦοτ ▸ `npm install` ͰೖΕ͍͢ ▸
͋ͬͪͬͪ͜Ͱ͑Δɺ͍͘͢ͳΔ ▸ ͬͯΒ͍͘͢ͳΔ ▸ ؾ߹ೖΕͯ࡞ΔΑ͏ʹͳΔ ▸ ؾ͍ͮͨΒ͍͍ײ͡ʹinstall͕৳ͼͯΔʢ͔͠Εͳ͍ʣ
ল
RECONSIDE RATION ABOUT PUBLISHING ল ▸ issueʹؾ͔ͮͳ͍ࣄ͕͋ͬͨ ▸ ͜·ΊʹgithubνΣοΫ ▸
͕ࣗΘͳ͘ͳΔͱ์ஔ͕ͪ͠ ▸ issueͪ ▸ blogͱ͔Ͱshare͠ͳ͍ͱؾ͍ͮͯΒ͑ͳ͍ ▸ blogॻ͜͏
શମΛ௨ͯ͠
RECONSIDE RATION ABOUT PUBLISHING શମΛ௨ͯ͠ ▸ ۀͱҟͳΔӡ༻Ͱݟ͕͕ͬͨ ▸ version, changelogͷӡ༻
▸ badgeΛར༻ͨ͠ΫΦϦςΟҡ࣋ ▸ DLStar͕૿͑ΔͱϞνϕ্͕͕Δ ▸ ීஈͱҧ͏ίτΛΧδϡΞϧʹࢼͤͯΠΠ ▸ ʮnpmʹ্͛Δͧʂʯͬͯࢥ͏ͱͳΜ͔ؾ߹͍Δ
2016 ASPIRATIONS OF
ASPIRATIONS OF 2016 2016ͷ๊ෛ ▸ ʮԑʯ͕͋ΕͲΜͲΜpublish͍ͯͭ͘͠Γ ▸ ͔͠͠ίʔυΛॻ͘ΑΓઃܭΛߟ͑Δํָ͕͍͠࠷ۙ ▸ ࡞Γ͍ͨͷ͕͋ͬͨΒ࡞Δ͠ɺ
ଞͷਓʹͬͯΒ͍͍ͨͳͬͯࢥͬͨΒެ։͢Δ
ΑΖ͓͘͠ئ͍͠·͢ɻ 2016…