ki-hi-ro.com

DAILY JOURNAL

ライブラリ管理

8記事の記録。

2025年8月

  1. Vue開発用のVS Code拡張機能を入れてみる

    Vueで検索すると色々出てきた。 VeturとVue (Official)を入れるのが直感的に良さそう。 Vue 3の場合はVue (Official) Vue 3かどうかはどうやって確認するか？ npm list vueで、Vueのバージョンが確認できた。 最初は、Vueの一階層上で実行してしまったが、Vueのあるfrontendに降り立って、実行した。 hiroki@shibatahiroshitakanoiMac shopping_list_app % npm list vue /Users/hiroki/Downloads/python/shopping_list_app └── (empty) hiroki@shibatahiroshitak…

2025年7月

  1. ライブラリのインストールとアンインストール

    Pythonの仮想環境「venv」で必要なライブラリをインストールしたりアンインストールしたりする方法について書いていく。 pipが使えるかどうか確認 (.venv) Mac:eki-api shibatahiroshitaka$ pip3 --version pip 20.2.3 from /Users/shibatahiroshitaka/Downloads/python/eki-api/.venv/lib/python3.8/site-packages/pip (python 3.8) 直接指定してインストール pip install ライブラリ名で必要なライブラリをインストールできる。 (.venv) Mac:eki-api shibatahi…

2025年3月

  1. nvmを使ってNode.jsを16.18.1から22.14.0へ更新した【Mac】

    React開発を進める中で、Node.jsのバージョンを確認したところ、16.18.1を使用していた。 $ node -v v16.18.1 少し古いバージョンだったため、Node.jsの最新LTS版である22.14.0へアップデートした。 nvmをインストールする Node.jsのバージョン管理には、Node Version Manager（nvm）を使用する。 以下のコマンドを実行してインストールした。 curl -fsSL https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh | bash インストール完了後、以下のメッセージが表示された。 Close and reopen…

2022年11月

  1. Next.jsのセットアップを行いました

    テスト環境を起動して、http://localhost:3000をcommandを押しながらクリックすると、Welcome to Next.js！という最初の画面に到達することができました。 Welcome画面が表示されるまで node.jsのバージョン確認を行い、yarn create next-appをコマンドで打ち込むとmy-reactという名前でプロジェクトが作成されました。 yarn devを入力すると、url: http://localhost:3000が表示されました。 node.jsのバージョン確認 しまぶーさんの動画と自分がこれからNext.jsを学んでいく理由 https://www.youtube.com/watch?v=15WL…

  2. Nuxt.jsをインストールしてみた

    vue.jsのフレームワーク「Nuxt.js」をインストールしてみました。 最終的には、スタートページが表示されましたが、 なかなかスムーズにインストールが進まなかったので、その過程も書いていきます。 公式サイトのドキュメント 公式サイトのインストールページにインストールに必要な情報がまとまっていました。 https://nuxtjs.org/ja/docs/get-started/installation/ https://nuxtjs.org/ja/docs/get-started/installation/ インストールに必要なもの node.js（バージョン6.1以上） VScodeなどのテキストエディタ ターミナル npmでインストールしよう…

  3. Vueアプリケーション、Vite、node.js、npm run dev

    以前の記事で、拡張子が「.vue」のファイルをブラウザに表示させることが出来ませんでした。 本日、公式サイトのクイックスタートにある「Vueアプリケーションの作成」を参考に進めました。 そして、ブラウザでVueアプリケーションを実行することができました。 ブラウザで実行されたVueアプリケーション ブラウザで実行されたVueアプリケーション 本記事では、どのように上の画面に到達したのかについて書いていきます。 公式サイトを開く https://ja.vuejs.org/guide/quick-start.html#creating-a-vue-application まずは、公式サイトの「クイックスタート」というページを開きました。 ここに、Vue.j…

    npmとは？

    JavaScriptのフロントエンド開発でよく聞くnpmとは何でしょうか？ 調べたことをまとめてみました。 何の略称？ Node Package Manager です。 ただし、googleの検索結果には、「実際にはバクロニムです」とありました。 バクロニムとは、既存の言葉に対して後付けで作られた略語のことです。 つまり、「node package manager」を略して「npm」になった訳ではなく、「npm」という言葉から「node package manager」という意味が割り当てられたということですね。 nodeとは？ DOMツリーを形成する一つ一つのオブジェクトのことです。 DOMとは？ Document Object Modelのことです…