{"id":7905,"date":"2017-06-02T01:06:14","date_gmt":"2017-06-01T16:06:14","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=7905"},"modified":"2017-06-02T01:29:11","modified_gmt":"2017-06-01T16:29:11","slug":"%e4%bc%9a%e7%a4%be%e3%81%a7-npm-private%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%80%811%e3%83%b6%e6%9c%88%e3%81%a78%e5%80%8b%e3%81%bb%e3%81%a9%e3%83%91%e3%83%83%e3%82%b1%e3%83%bc%e3%82%b8%e4%bd%9c","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=7905","title":{"rendered":"\u4f1a\u793e\u3067 npm Private\u5c0e\u5165\u3057\u3066\u30011\u30f6\u6708\u30678\u500b\u307b\u3069\u30d1\u30c3\u30b1\u30fc\u30b8\u4f5c\u6210\u3057\u305f\u304a\u8a71\u3002"},"content":{"rendered":"

\u3069\u3082\u3067\u3059\u3002<\/p>\n

\u7686\u3055\u3093\u3001\u304a\u4ed5\u4e8b\u9811\u5f35\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n

\u79c1\u306f\u3001\u306a\u3093\u3060\u304b\u3093\u3060\u3067\u307c\u3061\u307c\u3061\u9811\u5f35\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n

 <\/p>\n

\u3068\u3001\u8a00\u3046\u308f\u3051\u3067\u3001\u8868\u984c\u306e\u3068\u304a\u308a\u3001\u00a0\u4f1a\u793e\u3067\u30b3\u30c4\u30b3\u30c4\u3068\u3001 \u300cnpm Private\u300d\u5c0e\u5165\u3057\u3066\u30011\u30f6\u6708\u30678\u500b+\u03b1 \u307b\u3069\u30d1\u30c3\u30b1\u30fc\u30b8\u4f5c\u6210\u3057\u3066\u304a\u308a\u307e\u3057\u305f\u3002<\/p>\n

npm<\/strong><\/p>\n

https:\/\/www.npmjs.com\/<\/a><\/p>\n

\"\"<\/p>\n

 <\/p>\n

\u3068\u3001\u8a00\u3046\u306e\u3082\u3001\u5b9f\u306f\u79c1\u3001\u518d\u3073\u30b2\u30fc\u30e0\u696d\u754c\u306e\u65b9\u3078\u3068\u8ee2\u8077\u3057\u3066\u304a\u308a\u307e\u3057\u305f\u3002<\/p>\n

\u306a\u3093\u3060\u304b\u3093\u3060\u3067\u3001\u3042\u3063\u3068\u3044\u3046\u9593\u306b1\u30f6\u6708\u304c\u904e\u304e\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<\/p>\n

\u518d\u3073\u3001DHTML\u3067\u30cd\u30a4\u30c6\u30a3\u30d6\u3055\u306a\u304c\u3089\u306e\u30b2\u30fc\u30e0\u4f5c\u308a\u306b\u6ca1\u982d\u3059\u308b\u65e5\u3005\u3068\u306a\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3082\u5171\u901a\u3067\u4f7f\u3044\u307e\u308f\u3059\u4ed5\u7d44\u307f\u3082\u306a\u3044\u3002<\/p>\n

\u3042\u308b\u306b\u306f\u3042\u308b\u306e\u3067\u3059\u304c\u3001\u6642\u304c\u7d4c\u3066\u308b\u306e\u3082\u3042\u3063\u3066\u3001\u4eca\u306e\u6642\u4ee3\u3068\u3061\u3087\u3063\u3068\u5408\u308f\u306a\u3044\u69d8\u306a\u611f\u3058\u3067\u3057\u305f\u3002<\/p>\n

\u3069\u3046\u305b\u306a\u3089\u3001\u300cnpm\u3067\u7ba1\u7406\u51fa\u6765\u308b\u3088\u3046\u306b\u4f5c\u308a\u307e\u3057\u3087\u3046\u3002\u300d<\/strong><\/p>\n

\u3068\u8a00\u3044\u51fa\u3057\u3061\u3083\u3044\u307e\u3057\u3066\u3001\u4eca\u56de\u3001 npm\u306ePrivate\u3092\u5c0e\u5165\u81f4\u3057\u307e\u3057\u305f\u3002<\/strong><\/p>\n

 <\/p>\n

npm\u00a0Private\u30a2\u30ab\u30a6\u30f3\u30c8\u306f1\u30f6\u6708 7$\u3067\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002<\/strong><\/p>\n

\"\"<\/p>\n

\u8efd\u91cf\u306e\u30e2\u30fc\u30c0\u30eb\u30a6\u30a3\u30f3\u30c9\u30a6\u3084\u3089\u3001\u30d7\u30ea\u30ed\u30fc\u30c9\u3084\u3089\u30c8\u30a5\u30a4\u30fc\u30f3\u3084\u3089\u3001CSS\u307e\u3067\u3082\u4f55\u3084\u304b\u3093\u3084\u3001npm\u30d1\u30c3\u30b1\u30fc\u30b8\u5316\u3057\u3061\u3083\u3044\u307e\u3057\u305f\u3002<\/p>\n

\u3044\u3084\u3041\u3044\u3044\u3067\u3059\u306d\u3002<\/p>\n

 <\/p>\n

DOM\u306b\u30d0\u30a4\u30f3\u30c7\u30a3\u30f3\u30b0\u5fc5\u8981\u306a\u3082\u306e\u306f\u3001<\/p>\n

data-hoge-packagename<\/pre>\n
 <\/p>\n
\u3068\u304b\u3067\u51e6\u7406\u304c\u8d70\u308b\u3088\u3046\u306b\u3057\u305f\u308a\u3068\u3001<\/p>\n
const Tween = require('@hoge\/tween');<\/pre>\n
\u3067\u3001\u4f7f\u7528\u51fa\u6765\u305f\u308a\u3068\u3001\u3044\u3084\u3041\u3001\u4fbf\u5229\u3067\u3059\u306d\u3002\u4eca\u56de\u8272\u3005\u3068\u63c3\u3048\u307e\u3057\u305f\u3088\u3002<\/p>\n
\u3053\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u5236\u4f5c\u306e\u307f\u306a\u3089\u305a\u3001\u540c\u6642\u306bWEB\u30b2\u30fc\u30e0\u306e\u65b9\u3082\u4f5c\u6210\u3057\u306a\u304c\u3089\u3067\u3057\u305f\u306e\u3067\u3001<\/p>\n
\u3082\u3046\u6700\u8fd1\u3001\u304a\u8179\u3044\u3063\u3071\u3044\u306a\u72b6\u6cc1\u3060\u3063\u305f\u308a\u3082\u3057\u307e\u3059\u3002<\/p>\n
 <\/p>\n
webpack<\/h4>\n
 <\/p>\n
\u30d3\u30eb\u30c9\u30c4\u30fc\u30eb\u306f\u3059\u3079\u3066\u300cwebpack<\/strong>\u300d\u4f7f\u7528\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n
webpack<\/strong><\/p>\n
https:\/\/webpack.github.io\/<\/a><\/p>\n
\"\"<\/p>\n
\u8a00\u8a9e\u304c\u300cTypeScript<\/strong>\u300d\u3092\u5229\u7528\u3057\u3066\u304a\u308a\u307e\u3057\u3066\u3001\u30b3\u30f3\u30d1\u30a4\u30eb\u306f\u5168\u3066 webpack\u306b\u304a\u4efb\u305b\u3057\u3066\u3044\u308b\u611f\u3058\u3067\u3059\u3002<\/p>\n
\u4f55\u3089\u3001\u554f\u984c\u306a\u304f\u4f7f\u3063\u3066\u3044\u305f\u306e\u3067\u3059\u304c\u3001\u4e8b\u4ef6\u306fnpm install<\/strong> \u3057\u305f\u5f8c\u306b\u8d77\u304d\u307e\u3057\u305f\u3002<\/p>\n
\u300crequire\u51fa\u6765\u306d\u3047\u3002<\/strong>\u300d<\/p>\n
\u72b6\u6cc1\u3068\u3057\u3066\u3001webpack\u3067\u30d3\u30eb\u30c9\u5f8c \u2192 npm\u30d1\u30c3\u30b1\u30fc\u30b8\u5316 \u2192 webpack\u3067\u5236\u4f5c\u3057\u3066\u3044\u308b\u30b2\u30fc\u30e0\u306b npm install \u2192 requre\u306e\u30d1\u30b9\u304c\u901a\u3063\u3066\u3044\u308b\u304c\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u304c\u7a7a\u306e\u72b6\u614b\u3002<\/p>\n
\u60a9\u3080\u3053\u3068\u6570\u6642\u9593\u3002<\/p>\n
\u554f\u984c\u306f\u3001\u30d3\u30eb\u30c9\u306e\u8a2d\u5b9a\u3067\u3057\u305f\u3002<\/p>\n
\u3069\u3046\u3084\u3089\u3001\u300cumd\u300d\u5f62\u5f0f\u3067\u30d3\u30eb\u30c9\u3057\u306a\u304f\u3066\u3044\u3051\u306a\u304b\u3063\u305f\u3088\u3046\u3067\u3057\u305f\u3002\u3002 orz<\/p>\n
output: {\r\n  path: __dirname,\r\n  filename: \"[name].bundle.js\",\r\n  library: \"Hoge\",\r\n  libraryTarget: \"umd\"\r\n}<\/pre>\n
Start your own JavaScript library using webpack and ES6<\/strong><\/p>\n
http:\/\/krasimirtsonev.com\/blog\/article\/javascript-library-starter-using-webpack-es6<\/a><\/p>\n
 <\/p>\n
\u30d1\u30c3\u30b1\u30fc\u30b8\u3068\u3057\u3066\u5229\u7528\u3059\u308b\u6642\u3001\u4e0a\u8a18\u306e\u8a2d\u5b9a\u3092\u884c\u3046\u3053\u3068\u3067\u3001\u4e0b\u8a18\u306e\u69d8\u306b\u30d3\u30eb\u30c9\u3055\u308c \u30d1\u30c3\u30b1\u30fc\u30b8\u3068\u3057\u3066requre\u3059\u308b\u3053\u3068\u304c\u51fa\u6765\u307e\u3057\u305f\u3002<\/p>\n
 <\/p>\n
(function webpackUniversalModuleDefinition(root, factory) {\r\n  if(typeof exports === 'object' && typeof module === 'object')\r\n    module.exports = factory();\r\n  else if(typeof define === 'function' && define.amd)\r\n    define(\"library\", [], factory);\r\n  else if(typeof exports === 'object')\r\n    exports[\"library\"] = factory();\r\n  else\r\n    root[\"library\"] = factory();\r\n})(this, function() {\r\nreturn (function(modules) {\r\n ...\r\n ...<\/pre>\n
\u305d\u3046\u3044\u3048\u3070\u3001\u4f55\u6c17\u306b webpack\u3067npm \u30d1\u30c3\u30b1\u30fc\u30b8\u5316\u3057\u305f\u306e\u306f\u4eca\u56de\u521d\u3067\u3057\u305f\u3002\u3002<\/p>\n
\u3044\u3084\u3041\u3002\u89e3\u6c7a\u51fa\u6765\u3066\u3088\u304b\u3063\u305f\u3002<\/p>\n
 <\/p>\n
Vue Class Component<\/h4>\n
\u9014\u4e2d\u3067\u3082\u66f8\u3044\u3066\u3044\u308b\u3088\u3046\u306b\u3001\u3053\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u5316\u3059\u308b\u3060\u3051\u3067\u306a\u304f\u540c\u6642\u306b\u300cDHTML\u306e\u30b2\u30fc\u30e0\u5236\u4f5c<\/strong>\u300d\u3082\u540c\u6642\u9032\u884c\u3057\u3066\u3044\u308b\u72b6\u6cc1\u3060\u3063\u305f\u308a\u3082\u3057\u307e\u3059\u3002<\/p>\n
\u6240\u8b02\u3001\u300c\u30dd\u30c1\u30dd\u30c1\u30b2\u30fc<\/strong>\u300d\u3067\u306f\u306a\u304f\u3001\u300c\u30cd\u30a4\u30c6\u30a3\u30d6\u3055\u306a\u304c\u3089\u306eUX\u306e\u5b9f\u88c5<\/strong>\u300d\u3092\u5f37\u304f\u6c42\u3081\u3089\u308c\u3066\u3044\u308b\u306e\u3082\u3042\u308a\u307e\u3057\u3066\u3001\uff08\u307e\u3041\u5f97\u610f\u3067\u3082\u3042\u308a\u307e\u3057\u3066\uff09<\/p>\n
Canvas\u3067\u306f\u3001Android\u7aef\u672b\u3067\u6e80\u8db3\u3044\u304fFPS\u304c\u7a3c\u3052\u306a\u3044\u3068\u3053\u308d\u3082\u3042\u308a\u3001\u518d\u3073 \u5fc5\u7136\u7684\u306b DHTML\u306e\u9078\u629e\u3068\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n
 <\/p>\n
\u305d\u306e\u969b\u3001\u30b9\u30de\u30db\u306a\u306e\u3067\u8efd\u91cf\u4e14\u3064\u3001\u697d\u306bMVVM\u3092\u5b9f\u88c5\u51fa\u6765\u308b\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\u306e\u9078\u629e\u3068\u3057\u3066\u300cVue JS<\/strong>\u300d\u3092\u9078\u629e\u3057\u307e\u3057\u305f\u3002<\/p>\n
 <\/p>\n
\u3068\u540c\u6642\u306b\u3001\u30b2\u30fc\u30e0\u5236\u4f5c\u3068\u306a\u308b\u3068\u3001\u578b\u304c\u306a\u3044\u3068\u8f9b\u3044\u3068\u3053\u308d\u3082\u3042\u3063\u3066\u3001\uff08\u6bdb\u5acc\u3044\u3055\u308c\u3066\u308b\u611f\u3058\u304c\u3042\u308a\u307e\u3057\u305f\u304c\u3001web\u30b5\u30fc\u30d3\u30b9\u5236\u4f5c\u306a\u3069\u3067\u3082\u6700\u8fd1\u5e83\u307e\u3063\u3066\u304d\u307e\u3057\u305f\u306d\u3002\uff09\u3053\u308c\u3082\u307e\u305f\u3001\u300cTypeScript<\/strong>\u300d\u3092\u5c0e\u5165\u3059\u308b\u306e\u3068\u300cComponent<\/strong>\u300d\u6307\u5411\u3067\u5236\u4f5c\u3057\u3066\u3044\u304d\u305f\u3044\u306e\u3082\u3042\u3063\u3066\u3001<\/p>\n
\u300cVue Class Component<\/strong>\u300d\u3092\u9078\u629e\u3057\u307e\u3057\u305f\u3002<\/p>\n
 <\/p>\n
github<\/strong>
\nVue Class Component<\/a><\/p>\n
\u3044\u3084\u3041\u3002VueJS\u3082\u4eba\u6c17\u304c\u51fa\u3066\u304d\u3066\u304a\u308a\u307e\u3059\u3088\u306d\u3047\u3002<\/p>\n
VueJS\u3092\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b\u65b9\u306f\u3001 \u300cVue Class Component\u300d\u30aa\u30b9\u30b9\u30e1\u3057\u307e\u3059\u3002<\/p>\n
DOM\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306a\u3069\u3082\u30ac\u30f3\u30ac\u30f3\u5165\u308b\u3053\u3068\u3082\u3042\u3063\u3066\u3001component\u3082\u51fa\u6765\u308b\u9650\u308a\u3001\u5c0f\u3055\u304f\u4f5c\u308b\u3088\u3046\u306b\u5fc3\u304c\u3051\u65e5\u3005\u9811\u5f35\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n
Angular1\u306e\u6642\u306econtroller\u3067\u3082\u305d\u3046\u3060\u3063\u305f\u306e\u3067\u3059\u304c\u3001\u3069\u306e\u5358\u4f4d\u3067\u62bd\u8c61\u5316\u3059\u308b\u3053\u3068\u304c\u809d\u306a\u611f\u3058\u304c\u3042\u308a\u307e\u3059\u3088\u306d\u3002<\/p>\n
\u305d\u306e\u8fba\u306e\u74b0\u5883\u3084\u5b9f\u88c5\u5468\u308a\u3082\u8fd1\u3044\u3046\u3061\u8ffd\u3063\u3066\u8a18\u4e8b\u306b\u3067\u3082\u51fa\u6765\u308c\u3070\u306a\u3041\u3068\u601d\u3063\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\n
\u6700\u5f8c\u306b<\/h4>\n
npm Private \u3044\u3044\u305e\u3049\uff01\uff01\uff01<\/p>\n
\u3084\u306f\u308a\u3001\u4f01\u696d\u306e\u30bd\u30fc\u30b9\u3068\u306a\u308b\u3068\u3001\u51fa\u305b\u306a\u3044\uff08OSS\u51fa\u6765\u306a\u3044\uff09\u30bd\u30fc\u30b9\uff08\u30d1\u30c3\u30b1\u30fc\u30b8\uff09\u304c\u3042\u3063\u305f\u308a\u3082\u3059\u308b\u306e\u3067\u3059\u304c\u3001npm Private\u3092\u3001\u5229\u7528\u3059\u308c\u3070\u6c17\u306b\u3057\u306a\u3044\u3067\u3044\u3044\u306e\u304c\u826f\u3044\u3067\u3059\u306d\u3002<\/p>\n
\u300c\u3053\u308c\u3001\u6bce\u5ea6\u6bce\u5ea6\u66f8\u3044\u3066\u306a\u3044\uff1f\u300d<\/p>\n
\u3068\u3001\u5fc3\u5f53\u305f\u308a\u3042\u308b\u65b9\u306f\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u5316 \u2192 npm Private\u3092\u30aa\u30b9\u30b9\u30e1\u3057\u307e\u3059\uff01w<\/p>\n
\u3042\u3068\u3001\u4e00\u6c17\u306b\u74b0\u5883\u304c\u6574\u3063\u3066\u304d\u305f\u611f\u304c\u5426\u3081\u306a\u3044\u3068\u3053\u308d\u304c\u826f\u3044\u3067\u3059\u3002<\/p>\n
\u306a\u3093\u3060\u304b\u3093\u3060\u3067\u3001\u3084\u308a\u304d\u3063\u305f\u611f\u3042\u308b\u306e\u3067\u3059\u304c\u3001<\/p>\n
\u307e\u3060\u307e\u3060\u3001\u5168\u90e8\u304c\u5168\u90e8\u3001\u30d1\u30c3\u30b1\u30fc\u30b8\u5316\u51fa\u6765\u3066\u3044\u306a\u304f\u3001\u30b2\u30fc\u30e0\u306e\u5236\u4f5c\u3092\u884c\u3044\u306a\u304c\u3089\u3001\u300c\u30b3\u30de\u30f3\u30c9\u30e9\u30a4\u30f3\u30c4\u30fc\u30eb\u300d\u3084\u3089 \u300c\u30b2\u30fc\u30e0\u30eb\u30fc\u30d7\u300d\u3084\u3089\u300c\u30bf\u30a4\u30eb\u30de\u30c3\u30d7\u300d\u306a\u3069\u306a\u3069\u306e\u30d1\u30c3\u30b1\u30fc\u30b8\u5316\u3082\u5f15\u304d\u7d9a\u304d\u884c\u3063\u3066\u884c\u304f\u4e88\u5b9a\u3067\u3059\u3002<\/p>\n
\u3068\u3044\u3046\u308f\u3051\u3067\u3001npm\u306e\u56de\u3057\u8005\u307f\u305f\u3044\u306a\u611f\u3058\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001\u4f1a\u793e\u3067\u300cnpm Private\u300d\u3092\u3001\u4e00\u5ea6\u5c0e\u5165\u3057\u3066\u307f\u3066\u306f\u3044\u304b\u304c\u3067\u3057\u3087\u3046\u304b\u3002<\/p>\n
\u3067\u306f\u3067\u306f\u3041\u3002<\/p>\n
\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"
\u3069\u3082\u3067\u3059\u3002 \u7686\u3055\u3093\u3001\u304a\u4ed5\u4e8b\u9811\u5f35\u3063\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\u3002 \u79c1\u306f\u3001\u306a\u3093\u3060\u304b\u3093\u3060\u3067\u307c\u3061\u307c\u3061\u9811\u5f35\u3063\u3066\u304a\u308a\u307e\u3059\u3002   \u3068\u3001\u8a00\u3046\u308f\u3051\u3067\u3001\u8868\u984c\u306e\u3068\u304a\u308a\u3001\u00a0\u4f1a\u793e\u3067\u30b3\u30c4\u30b3\u30c4\u3068\u3001 \u300cnpm Private\u300d\u5c0e\u5165\u3057\u3066\u30011\u30f6\u6708\u30678\u500b+\u03b1  […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[177,168,176,40,166,37,44,45,95,39,178,138,78,118],"class_list":{"0":"post-7905","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"hentry","6":"category-javascript","7":"tag-css3","8":"tag-html","9":"tag-html5","10":"tag-ios-sdk","11":"tag-iphone","12":"tag-iphone-","13":"tag-web","15":"tag-95","16":"tag-39","17":"tag-178","18":"tag-138","19":"tag-78","20":"tag-118"},"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/7905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7905"}],"version-history":[{"count":4,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/7905\/revisions"}],"predecessor-version":[{"id":7913,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/7905\/revisions\/7913"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}