はじめての開発準備について
2023年6月13日に「Astar × thirdweb」勉強会を行います。
その際、npxやGitを使いますので、そこに至るまでの方法を書きました。
注意
個別のPCによってエラーなどが発生する可能性があります。
そのPC固有の問題であるため、ご質問にはお答えできないので（私のPCと異なるので、私もわからないため）、ググるなどして解決していただくよう、お願いします。
１ VSCodeの準備
任意のエディタを使って、開発を行います。
私の場合は、VSCodeで行っています。VSCodeを使う場合は、以下からインストールしてください。
任意の場所に開発用のフォルダを用意してください。（デスクトップでも大丈夫です。）
下のようにして、VS Codeで該当のフォルダを開きます。
下のようにして、コマンドを入力する「ターミナル」を開きます。
このように、ターミナルが立ち上がりました。
２ 環境構築について
環境構築は、お手元のPCで挙動が異なるため、次の手順でエラーが出る可能性があります。
そのため、エラーが出た際はググることで解決に向かう必要があります。
１ Windowsの場合
以下、chagtGPTからの引用です。
１−１ npxの使用
Windowsでは、Node.jsの公式ウェブサイトからインストーラーをダウンロードしてインストールできます。
これにより、Node.jsとnpmがインストールされます。
こちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
node --version
１−２ Gitのインストール
Gitがあなたのコンピュータにインストールされていなければなりません。
Windowsでは、Gitの公式ウェブサイトからインストーラーをダウンロードしてインストールできます。
こちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
git --version
１−３ yarnのインストール
以下のコマンドでインストールを行います。
npm install -g yarnこちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
yarn --version
２ Macの場合
２−１ npxの使用
まずHomebrewをインストールしてください。インストールは以下のコマンドで行えます。
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"npxはnpmパッケージランナーであり、Node.jsとnpmがインストールされていなければ使用できません。
macOSでは、次のコマンドでインストールできます。
brew install nodeこちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
node --version
２−２ Gitのインストール
macOSでは、次のコマンドでインストールできます。
brew install gitこちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
git --version
２−３ yarnのインストール
以下のコマンドでインストールを行います。
npm install -g yarnこちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
yarn --version
３ バージョンの変更
今回はnodeのバージョンを18系に変更したいと思います。
１ Windowsの場合
まず、以下のサイトからnvm-windowsをダウンロードしてインストールします。
https://github.com/coreybutler/nvm-windows/releases
ダウンロードしてインストールしたら、以下のコマンドを実行して、Node.jsの特定のバージョンをインストールします。
nvm install 18.9.0そして、インストールしたバージョンを使用するためには以下のコマンドを使用します。
nvm use 18.9.0こちらのコマンドで、バージョンが確認できましたら、適切にインストールされていることがわかります。
node --version２ Macの場合
まず、Homebrewを使用してnvmをインストールします。
brew install nvmその後、以下のコマンドを使ってnvmの初期化スクリプトをbashプロファイルに追加します。
この例では、bashを使用していると仮定しています。
あなたがzshや他のシェルを使用している場合は、適切なプロファイルファイル名に置き換えてください（例：~/.zshrc）。
echo "source $(brew --prefix nvm)/nvm.sh" >> ~/.bash_profileちなみに、シェルを確認するためには、以下のコマンドを入力します。
echo $SHELLこのコマンドは現在のシェルを表示します。出力は通常、/bin/bash（bashの場合）、/bin/zsh（zshの場合）、または他のシェルのパスになります。
その後、ターミナルを閉じて再度開きます。
次に、nvmを使用して特定のNode.jsのバージョンをインストールするには以下のコマンドを使用します。
nvm install 18.9.0そして、インストールしたバージョンを使用するためには以下のコマンドを使用します。
nvm use 18.9.0これでNode.jsのバージョン18.9.0を使用するように設定されます。
これらのコマンドの使用が終わった後に、node -vを実行すると、現在のNode.jsのバージョンが表示されます。
４ 処理の確認
１ npxの確認
以下のコマンドを打った時、エラーにならずに処理が進むことを確認してください。
npx thirdweb create contract 
２ Gitの確認
以下のコマンドを打った時、バージョンが表示されることを確認してください。
git --version
以上です！
いいなと思ったら応援しよう！
