エンジニアスタンプラリー~フロントエンド編#3


企画主旨

Frontend Developer Roadmapをひたすら巡回する企画
詳しくはこちら

今回の実施内容

パッケージマネージャー

npm improved a lot, post v5+, but is still behind yarn in some features; nothing serious though. Pick any!

Pick any! と言われても、黄色は必ず通るというルール。

Package Managers

npm

後続フェーズもあるため、ここでは一旦インストールと動作確認のみ。
よってnpm入門を一通り実施する。
使うかわからないけど、指示通りjQueryをインストール。

package.json
{
  "name": "wdr-frontend",
  "version": "1.0.0",
  "main": "index.js",
  "directories": {
    "doc": "docs"
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/tonchan1216/WDR-frontend.git"
  },
  "dependencies": {
    "jquery": "^3.4.1"
  }
}

yarn

Getting Started的なものが公式であったのでUsage | Yarnを参考。
npm経由でインストールできたため、今回のスタンプラリーはいい流れ。

いろいろ使ってはみたいけど、今まで達成したスタンプ内ではあまり使う当てがない。
次タスクがSASSなので、その布石かな。

成果物

今回はインストールのみ。今後の発展に期待。
https://github.com/tonchan1216/WDR-frontend/tree/v3.0