神戸プログラミングアカデミーのブログ

「未経験から」「スキルアップ」「起業を目指す」無料で学べる神戸のプログラミング学校&学習コミュニティ

外部パッケージを使う

youtu.be

パッケージとは?

世界中の開発者が作った、JavaScriptの便利な機能を使うことができる。

何かをやりたいなって思ったときには、常に「npm やりたいこと」で調べてみる。

例)

  • npm qrcode
  • npm google map
  • npm image resize
  • npm aws

パッケージマネージャー

パッケージマネージャーは、パッケージを管理するためのツール。これで使うパッケージをダウンロードする。

パッケージマネージャー 特徴
npm Node Package Managerの略。元祖
yarn 後発。こっちのほうが速いといわれている

どっちでもいいが、プロジェクトごとで統一する。(npm init した PJで yarn addしてはだめ)

プロジェクトの生成・初期化
npm init
yarn init
package.jsonにかかれているパッケージをインストールする
npm install
yarn install
パッケージ追加
npm install --save [パッケージ名]
# npm install --save-dev [開発用で使うパッケージ名]
yarn add [パッケージ名]
# npm install --dev [開発用で使うパッケージ名]
パッケージ削除
npm uninstall [パッケージ名]
yarn remove [パッケージ名]

やってみる

# プロジェクトディレクトリを作る
cd ~/pj
mkdir qrcodetest
cd qrcodetest
# Nodeプロジェクトを初期化
npm init
# qrcodeをインストール
npm install --save qrcode
var QRCode = require('qrcode')

QRCode.toDataURL(process.argv[2], function (err, url) {
  console.log(url)
})