##はじめに
先日、仕事でご一緒した方が、npxを使ったBusiness Cardで自己紹介をされていて、素敵だな〜と思ったので、真似させていただき作ってみました!!
##デモ
まず、早速デモをご紹介します。
ターミナルで
npx misa335
と入力してみてください。
ターミナル上にBusiness Cardが表示されるはずです!
npmパッケージのリンク
https://www.npmjs.com/package/misa335
##作り方
① プロジェクトの作成
npm init
で新規プロジェクトを作成します。
② package.jsonの編集
package.jsonを編集して、npx <your-project-name>
を実行すると、npmパッケージを落として、package.jsonに記載された"main": "index.js"
が実行されるように設定します。
{
...
"main": "index.js",
"bin": {
"misa335": "index.js"
},
...
③ Business Cardの作成
Business Cardとして表示させたい項目を、index.js
のconsole.log
内に記載します。
また、1行目に#!/usr/bin/env node
と、nodeのインタプリタを実行する記述をします。
#!/usr/bin/env node
console.log('
Business Cardとして表示する項目
');
ローカルでBusiness Cardが表示されるかどうか、
node index.js
で確認することができます。
④ Githubにpushする
任意のGithubレポジトリにpushします。
##npmに公開する方法
① npmアカウントの作成
https://www.npmjs.com/ で、npmアカウントを作成します。
② npmへのログイン
ターミナルでnpm login
と打ち、Username, Password, Email Addressを順に入力してnpmにログインします。
③ プロジェクトの公開
npm publish --access public
と入力すると、npm上でプロジェクトが公開されます。
最後に、<npx your-project-name>
を試して、Business Cardが表示されるか確認します。
##おわりに
簡単にnpxを使ったBusiness Cardが作成できました!
よかったらぜひ試してみてください♪
また、SNSでつながっていただけると嬉しいです😆