- .gitignoreでnode_modulesをgitのバージョン管理から外す
- npmでpackage.jsonを作成する
- npmでライブラリをインストールする
- インストールしたライブラリを使ったAPI経由でクイズデータを取得する
- GitHubに用意した課題の内容を確認して、課題クリアがこの記事でのゴール
課題内容は以下の課題レポジトリに記述しています。
GitHub : js_excercise_for_backend_2
今回作成する課題の完成形のイメージは以下のとおりです。
目次
課題解決するために参考になる資料
【Node.JS】package.jsonを作る【npm init】
https://tsuyopon.xyz/learning-contents/web-dev/javascript/backend/how-to-create-a-package-json/
今回の課題ではnpmを使ってライブラリをインストールします。(ライブラリのインストール方法は次の章で紹介)
そして、インストールしたライブラリ情報を管理するために「package.json」というファイルを利用します。
package.jsonは手動で作らず、「npm init」というコマンドを使って自動生成します。
package.jsonの詳しい作り方を知りたい方は上記記事で解説しているので、そちらを参考にしていただけたらと思います。
【Node.JS】npmを使ってライブラリをインストールする
https://tsuyopon.xyz/learning-contents/web-dev/javascript/backend/how-to-install-libraries-with-npm/
npmを使ってライブラリをインストール方法は上記記事で解説しています。
また、今回の課題では、npmを使ってライブラリをインストールするときに作成される「node_modules」ディレクトリをgitのバージョン管理から除外していただきます。
「node_modules」ディレクトリをgitのバージョン管理から除外する理由や、除外する方法についても上記記事で解説しています。
【Node.JS】npmでインストールしたライブラリを読み込む
https://tsuyopon.xyz/learning-contents/web-dev/javascript/backend/how-to-load-libraries-in-nodejs/
npmを使ってインストールしたライブラリはnode_modulesディレクトリに追加されます。
このライブラリを使うには、以前に学習した「require」を使ってライブラリ(外部ファイル)を読み込んであげる必要があります。
しかし、requireでライブラリを指定する方法が、自作したファイルと微妙に異なります。
どのようにnode_modulesに追加されたライブラリを読み込めばよいか知りたい方は、上記記事を参考にいただけたらと思います。
質問・答え合わせ受け付けてます
課題に関して質問や答えの確認をしたい方はお気軽にご連絡をいただけたらと思います。
お問い合わせ・TwitterのDM・LINE@で受けつけています。TwitterのDM、LINE@のほうが早く気づけるので早めに返信できるかと思います。