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
95
税理士ドットコムの 技術的挑戦 #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
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
45k
EDRの検知の仕組みと検知回避について
chayakonanaika
12
4.9k
生成AI×財務経理:PoCで挑むSlack AI Bot開発と現場巻き込みのリアル
pohdccoe
1
730
Share my, our lessons from the road to re:Invent
naospon
0
140
Охота на косуль у древних
ashapiro
0
100
スキルだけでは満たせない、 “組織全体に”なじむオンボーディング/Onboarding that fits “throughout the organization” and cannot be satisfied by skills alone
bitkey
0
180
【内製開発Summit 2025】イオンスマートテクノロジーの内製化組織の作り方/In-house-development-summit-AST
aeonpeople
2
670
EMConf JP 2025 懇親会LT / EMConf JP 2025 social gathering
sugamasao
2
190
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
170
OSS構成管理ツールCMDBuildを使ったAWSリソース管理の自動化
satorufunai
0
640
Amazon Aurora のバージョンアップ手法について
smt7174
2
150
Snowflake ML モデルを dbt データパイプラインに組み込む
estie
0
100
Featured
See All Featured
Thoughts on Productivity
jonyablonski
69
4.5k
Faster Mobile Websites
deanohume
306
31k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
It's Worth the Effort
3n
184
28k
Embracing the Ebb and Flow
colly
84
4.6k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Code Reviewing Like a Champion
maltzj
521
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
Building Adaptive Systems
keathley
40
2.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
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…