npmパッケージの開発と公開
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-戻る
--[[npm]]
--[[JavaScriptライブラリの作り方]]
*目次 [#bbf5ff71]
#contents
*概要 [#t46b2b79]
[[NuGet同様>https://techinfoofmicrosofttech.osscons.jp/in...
*詳細 [#x10eea3f]
**[[npm]]アカウントを作成する。 [#t6dbace4]
***サインアップ [#h507a469]
https://npmjs.org/signup
以下をメモ。
-username
-password
-email address
***npm adduser [#x0cafb59]
-ターミナルからnpm adduserを実行
> npm adduser
Username: XXXXX
Password: YYYYY
Email: (this IS public) ZZZZZ@ZZZZZ
-~/.npmrcにtoken情報が書き込まれ、
-[[npm]]モジュールを公開する準備が整う。
**モジュールを実装する [#zd748b59]
***package.json [#ib16bc43]
モジュールの名前や、依存関係などを記載する(nspec的なファ...
|#|プロパティ|説明|h
|1|private|公開可否をtrue・falseで設定|
|2|name|重複禁止のモジュール名で英数小文字とハイフンだけ...
|3|version|n.n.n|
|4|main|このモジュールの主となるスクリプトファイル。&br;r...
|5|dependencies|依存[[npm]]モジュール|
*** *.jsファイル [#zb50a777]
-[[モジュール実装方法>JavaScriptライブラリの作り方#n340ee...
-タイプ
--ライブラリ的なモジュール:
---index.js
---indexは既定値ではなく、実際は、~
package.jsonのmainプロパティで指定したファイルを読む
--サーバやコンソールのコード:
---app.js
---node appで起動する。
--コマンドライン・ツール:~
以下が参考になる。
---コマンドラインで動作する npm ライブラリを作る - Qiita~
https://qiita.com/star__hoshi/items/51c6cc719793abfb337d
---Node で作るオレオレ CLI と npm への登録までの道のり - ...
https://qiita.com/astronaughts/items/0ada9ad61a8956f647f0
--gruntのplugin:
---...
*** *.d.tsファイル [#x19e75e3]
-[[TypeScriptの型定義ファイル>https://techinfoofmicrosoft...
**ライブラリとして公開し更新を行う。 [#xf46edf0]
npm publishで公開と更新を行う。
***公開 [#j250cd6c]
-個人スコープ or スコープなし
npm publish
-組織スコープ~
では既定値が、privateになるので。
--private
npm publish
--public
npm publish --access public
***更新 [#w9ec36a1]
npm publish
※ 公開と同じ。~
ただしversion番号は上げておく。
**公開したライブラリを利用 [#wb823ae8]
***[[require構文で利用>JavaScriptライブラリの作り方#g26a2...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
***[[module構文(import)で利用>JavaScriptライブラリの作り...
...
***[[webpackで利用>JavaScriptライブラリの作り方#jba2efa6]...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
*参考 [#h40a2321]
-自作の非公開npmモジュールの作成と共通ライブラリ化~
https://www.usagi1975.com/23feb172352/
-npm でコマンド登録するパッケージ作ってみた~
http://var.blog.jp/archives/70303113.html
**Qiita [#a7d4d960]
-3分でできるnpmモジュール~
https://qiita.com/fnobi/items/f6b1574fb9f4518ed520
-grunt-pluginの作り方と解剖~
https://qiita.com/fnobi/items/5590e7e92b4f2bd81d04
-初めてのnpm パッケージ公開~
https://qiita.com/TsutomuNakamura/items/f943e0490d509f128...
-npmのorganizationアカウント運営~
https://qiita.com/zprodev/items/a257510899e7f13c0b56
**left-pad [#i176f2e5]
[[話題となった事もアリ>npm#w77817bd]]、既にdeprecatedだが...
ミニマムな実装事例として参考にできる。
-left-pad/left-pad: String left pad~
deprecated, use String.prototype.padStart()~
https://github.com/left-pad/left-pad
**test-library1 [#hade7500]
***ossc-test-library1 [#lb1c5d0d]
OSSコンソーシアム 開発基盤部で登録したテスト用ライブラリ
-SampleProgram/PkgMgr/npm/ossc at master · OpenTouryoProj...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
--ossc-test-library1
--console-app1
--browser-app1
-ossc-test-library1 - npm~
https://www.npmjs.com/package/ossc-test-library1
***touryo-test-library1 [#n2af44b9]
前述のライブラリを組織スコープの名前空間に対応させたもの。
-SampleProgram/PkgMgr/npm/touryo at master · OpenTouryoPr...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
--touryo-test-library1
--console-app1
--browser-app1
-@touryo/test-library1 - npm~
https://www.npmjs.com/package/@touryo/test-library1
※ npmでは、名前空間対応させたライブラリをscoped packages...
終了行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-戻る
--[[npm]]
--[[JavaScriptライブラリの作り方]]
*目次 [#bbf5ff71]
#contents
*概要 [#t46b2b79]
[[NuGet同様>https://techinfoofmicrosofttech.osscons.jp/in...
*詳細 [#x10eea3f]
**[[npm]]アカウントを作成する。 [#t6dbace4]
***サインアップ [#h507a469]
https://npmjs.org/signup
以下をメモ。
-username
-password
-email address
***npm adduser [#x0cafb59]
-ターミナルからnpm adduserを実行
> npm adduser
Username: XXXXX
Password: YYYYY
Email: (this IS public) ZZZZZ@ZZZZZ
-~/.npmrcにtoken情報が書き込まれ、
-[[npm]]モジュールを公開する準備が整う。
**モジュールを実装する [#zd748b59]
***package.json [#ib16bc43]
モジュールの名前や、依存関係などを記載する(nspec的なファ...
|#|プロパティ|説明|h
|1|private|公開可否をtrue・falseで設定|
|2|name|重複禁止のモジュール名で英数小文字とハイフンだけ...
|3|version|n.n.n|
|4|main|このモジュールの主となるスクリプトファイル。&br;r...
|5|dependencies|依存[[npm]]モジュール|
*** *.jsファイル [#zb50a777]
-[[モジュール実装方法>JavaScriptライブラリの作り方#n340ee...
-タイプ
--ライブラリ的なモジュール:
---index.js
---indexは既定値ではなく、実際は、~
package.jsonのmainプロパティで指定したファイルを読む
--サーバやコンソールのコード:
---app.js
---node appで起動する。
--コマンドライン・ツール:~
以下が参考になる。
---コマンドラインで動作する npm ライブラリを作る - Qiita~
https://qiita.com/star__hoshi/items/51c6cc719793abfb337d
---Node で作るオレオレ CLI と npm への登録までの道のり - ...
https://qiita.com/astronaughts/items/0ada9ad61a8956f647f0
--gruntのplugin:
---...
*** *.d.tsファイル [#x19e75e3]
-[[TypeScriptの型定義ファイル>https://techinfoofmicrosoft...
**ライブラリとして公開し更新を行う。 [#xf46edf0]
npm publishで公開と更新を行う。
***公開 [#j250cd6c]
-個人スコープ or スコープなし
npm publish
-組織スコープ~
では既定値が、privateになるので。
--private
npm publish
--public
npm publish --access public
***更新 [#w9ec36a1]
npm publish
※ 公開と同じ。~
ただしversion番号は上げておく。
**公開したライブラリを利用 [#wb823ae8]
***[[require構文で利用>JavaScriptライブラリの作り方#g26a2...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
***[[module構文(import)で利用>JavaScriptライブラリの作り...
...
***[[webpackで利用>JavaScriptライブラリの作り方#jba2efa6]...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
*参考 [#h40a2321]
-自作の非公開npmモジュールの作成と共通ライブラリ化~
https://www.usagi1975.com/23feb172352/
-npm でコマンド登録するパッケージ作ってみた~
http://var.blog.jp/archives/70303113.html
**Qiita [#a7d4d960]
-3分でできるnpmモジュール~
https://qiita.com/fnobi/items/f6b1574fb9f4518ed520
-grunt-pluginの作り方と解剖~
https://qiita.com/fnobi/items/5590e7e92b4f2bd81d04
-初めてのnpm パッケージ公開~
https://qiita.com/TsutomuNakamura/items/f943e0490d509f128...
-npmのorganizationアカウント運営~
https://qiita.com/zprodev/items/a257510899e7f13c0b56
**left-pad [#i176f2e5]
[[話題となった事もアリ>npm#w77817bd]]、既にdeprecatedだが...
ミニマムな実装事例として参考にできる。
-left-pad/left-pad: String left pad~
deprecated, use String.prototype.padStart()~
https://github.com/left-pad/left-pad
**test-library1 [#hade7500]
***ossc-test-library1 [#lb1c5d0d]
OSSコンソーシアム 開発基盤部で登録したテスト用ライブラリ
-SampleProgram/PkgMgr/npm/ossc at master · OpenTouryoProj...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
--ossc-test-library1
--console-app1
--browser-app1
-ossc-test-library1 - npm~
https://www.npmjs.com/package/ossc-test-library1
***touryo-test-library1 [#n2af44b9]
前述のライブラリを組織スコープの名前空間に対応させたもの。
-SampleProgram/PkgMgr/npm/touryo at master · OpenTouryoPr...
https://github.com/OpenTouryoProject/SampleProgram/tree/m...
--touryo-test-library1
--console-app1
--browser-app1
-@touryo/test-library1 - npm~
https://www.npmjs.com/package/@touryo/test-library1
※ npmでは、名前空間対応させたライブラリをscoped packages...
ページ名: