「環境構築」の記事 - Crieit

【node/yarn】asdfでnodeをインストールし、Yarnもつかえるようにする

2022-08-13T18:55:09+09:00

こんにちは、しきゆらです。

今回は、こちらで紹介したasdfを使ってNode.jsをインストールし、個人的によく使っているYarnも使えるように環境を作っていきます。

なお、Node.jsのインストールはすぐ終わったのですがYarnのインストールとか諸々に至るまでに紆余曲折ありました。まずは、インストールして環境構築までの流れをまとめます。

その後に、紆余曲折部分をメモしておきます。
必要なコマンドだけよこせ！という方は、以下の「環境構築の流れ」を参考にしてみてください。

環境構築の流れ

コマンド自体の使い方等はそれぞれのツールのサイト等で確認してください。

# node用のプラグインを追加
asdf plugin add nodejs

# nodeをインストール
asdf install nodejs latest

# システム全体で使うバージョンを指定
asdf global nodejs latest

# yarnを使う準備
corepack enable

# asdfの再構築
asdf reshim nodejs

これにて、環境構築は終了です。

yarnの手順が以前とだいぶ変わりましたが、npmで個別にインストールせずにパッケージマネージャを管理する仕組みが入ったようです。
そのおかげで手順がさっぱりしました。

では、前述の通り環境構築の紆余曲折や各ドキュメントを見ながらの細かい話は以下にまとめていきます。

環境構築の紆余曲折

Nodeのインストール

こちらは、asdfの仕組みにのっとって進めるだけなので、前回の記事と同じ手順を踏むだけです。

# node用のプラグインを追加
asdf plugin add nodejs

# nodeをインストール
asdf install nodejs latest

# システム全体で使うバージョンを指定
asdf global nodejs latest

# 確認
node -v

corepackについてもう少し調べてみる

なんでじゃ、と思ってこれまた調べてみると、プロジェクトごとに使うパッケージマネージャを指定するような使い方を想定しているようです。

そして、事前に使うパッケージマネージャを指定することもできるようです。
ということで、以下のコマンドで明示的にyarnを使うようにしてみます。

# 明示的にyarnを使う
corepack prepare --activate [email protected]

# yarnは入った・・・？
yarn
zsh: command not found: yarn

同じくコマンドがない、と怒られたのでいろいろ考えてみました。
ここで思い出したのが、rbenvではrehashというコマンドを使っていたこと。
gemや新しいバージョンのRubyをインストールしたときはとりあえずrehashしておけ、
という程度の認識でしたが、このような仕組みがasdfにもあるのでは、と思い調べてみました。

asdf reshim

調べてみると、ドンピシャな質問と回答が出てきました。
https://stackoverflow.com/questions/70082424/command-not-found-corepack-when-installing-yarn-on-node-v17-0-1

asdf reshim というコマンドでrbenv rehashのようなことができるとのこと。
https://asdf-vm.com/manage/core.html#reshim

上記によると、インストール時に~/.asdf/shimsへコマンドとして使えるようにファイルが自動的に生成されるが、それ以外ではファイルが生成されないのこと。今回の場合は、nodeインストール後に手動でcorepack enableやcorepack prepare --activate [email protected]を実行しているのでasdf的には存在を知らない。そこで、asdfに追加があったことを教えてあげて、ファイルを作ってもらう必要があったようだ。

# asdfにファイル生成をしてもらう
asdf reshim nodejs

# 確認
yarn -v
# => 3.2.2

ようやく使えるようになりました。
ただ、未確認ではありますが、asdf reshimの動きを見るとcorepack prepareは不要な気がします。
ということで、「環境構築の流れ」では省いてます。

おまけ: rbenv rehashについて改めて確認してみる

ここで、改めてrbenv rehashを調べてみました。
https://github.com/rbenv/rbenv#rbenv-rehash

御幣を恐れずにざっくり書けば、新しいgemやRubyをインストールした場合は「~/.rbenv/versions/*/bin/」にインストールされるが、PATHが通っているのは「~/.rbenv/shims」なのでそのままでは使うことはできません。
そこで、バージョン切り替えやgemのコマンドなどを追加する場合は新たに「~/.rbenv/shims」へコピーしてあげる必要があるわけです。そのコマンドがrbenv rehashのようです。

・・・とはいえ、いつの間にかrbenv installなどのタイミングで良しなにrbenv rehashが実行されるようになり明示的に実行する必要はなくなったようです。

ということで、asdfも正式版がリリースされる頃にはもしかしたら今回のようなごたごたはなくなるかもしれないなぁ・・・ということを思いながら、諸々調べる機会を与えてくれて感謝しつつ紆余曲折のメモを終わります。

まとめ

今回は、asdfを使ってNode.jsをインストールし、パッケージマネージャのYarnを使えるように環境構築をしました。
いつの間にかYarnのインストール方法が変わっていたり、asdfの仕組みに躓いたりしましたが、いろいろなことを調べたり知ることができたので満足です。

というわけで、今回はここまで。
おしまい

Struts 1.3 開発環境の構築手順（備忘録）

2020-12-07T15:53:51+09:00

前書き

以前の職場でメモした環境構築を吐き出す - 2020/12/07
Windows7 64bit

導入ソフトは以下４つ
・Eclipse 4.8
・jdk / jre 1.8
・apache-tomcat 1.9
・Struts 1.3

①Eclipseの導入

Pleiades - Eclipse プラグイン日本語化プラグイン
http://mergedoc.osdn.jp/

上記サイトでeclipseをダウンロード
例：Eclipse 4.8 Photon 選択、Windows 64bit Standard Edition で Java のDownload を押下

ダウンロードしたファイルは適当なフォルダで解凍し、適当な位置に配置
例：「 C:\work\pleiades 」

Eclipseの起動は「 pleaides\eclipse\eclipse.exe 」
例：「 C:\work\pleiades\eclipse\eclipse.exe 」

②jdk / jre の導入

Oracle社 Java SE Development Kit 8 Downloads
https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html
（現在はオラクルアカウントが必要、無料登録）

上記サイトでjdkをダウンロード
例：「 Java SE Development Kit 8u271 」の下
　　「 jdk-8u271-windows-x64.exe 」を押下

適当にインストールし、環境変数を設定
例：インストール場所「 C:\Program Files\Java\jdk1.8.0_271 」
　　　　　　　　　　「 C:\Program Files\Java\jre1.8.0_271 」
　　環境変数：「 JAVA_HOME 」
　　　　　値：「 C:\Program Files\Java\jdk1.8.0_271 」
　　環境変数：「 Path 」
　　　　　値：「 %JAVA_HOME%\bin; 」（既にあると思うので末尾に追記）

③apache-tomcatの導入

Apache Tomcat 9 - Download page
https://tomcat.apache.org/download-90.cgi

上記サイトでapache-tomcatをダウンロード
例：「 9.0.40 - Binary Distributions - Core 」の下にある「 64-bit Windows zip 」を押下

ダウンロードしたファイルを適当な場所で解凍し、適当な位置に配置
例：「 C:\work\apache-tomcat-9.0.40 」

配置した箇所に合わせて、環境変数を設定
例：ユーザー環境変数にて、変数を「CATALINA_HOME」値を「C:\work\apache-tomcat-9.0.40」
　　システム環境変数にて、変数「Path」の値の末尾に「%CATALINA_HOME%\bin;」を追加

tomcatの起動は「 apache-tomcat-9.0.40\bin\startup.bat 」
tomcatの停止は「 apache-tomcat-9.0.40\bin\shutdown.bat 」

※「tomcat」はサーブレットコンテナと呼ばれるソフト。
　画面側（html/jsp）とプログラム（javaServlet）を仲介する役目（厳密には違うかと思いますが）

④Strutsの導入

Download a Release - Struts 1.3.10
http://struts.apache.org/download.cgi#struts1310

上記サイトでStruts1.3をダウンロード
例：サイト中段「 Prior releases」から「Struts 1.3.10 」の下にある、
　「 struts-1.3.10-all.zip 」を押下

ダウンロードしたファイルは適当な場所で解凍し、
「 struts-1.3.10-all\struts-1.3.10\apps 」配下の「 struts-examples-1.3.10.war 」をコピーし、
「③」で配置したディレクトリの「 apache-tomcat-9.0.40\webapps\ 」配下に配置
例：配置後「 C:\work\apache-tomcat-9.0.40\webapps\struts-examples-1.3.10.war 」

※「.war」ファイルは、zipのような圧縮ファイルの一つ。
　上記ディレクトリに配置し、tomcatを起動させると自動的に解凍しファイルが展開される

⑤Eclipseの設定 (JDKの設定)

Eclipseを起動
「ウインドウ > 設定」を押下
「Java > インストール済みのJRE」より「追加」ボタンを押下
「標準VM」を選択し「次へ」を押下
「ディレクトリー」ボタンを押下し、JDKのディレクトリを選択し、「完了」ボタンを押下
例：「 C:\Program Files\Java\jdk1.8.0_271 」

⑥Serversプロジェクトの配置

「ファイル > その他 > サーバー > サーバー」を押下
Apache Tomcatのversionを選択し、「完了」ボタンを押下
例：「Tomcat v9.0 サーバー」

⑦Strutsプロジェクトの作成

「ファイル > その他 > Web > 動的Webプロジェクト」を押下
プロジェクト名を適当に入力し、
ターゲットランタイムでApache Tomcatのversionを選択し、「次へ」ボタンを押下
例：「 Apache Tomcat v9.0 」
何も変更せず「次へ」ボタンを押下
「 web.xmlデプロイメント記述子の生成」にチェックを入れ、「完了」ボタンを押下

⑧ServletAPIの設定

「⑦」で作成したプロジェクトを右クリックし、プロパティを押下
「Javaのビルド・パス」から「ライブラリータブ」にて「外部JARの追加」ボタンを押下
「②」で配置したディレクトリの「 apache-tomcat-9.0.40\lib\servlet-api.jar 」を選択
その後「適用して閉じる」ボタンを押下

「⑦」で作成したプロジェクトを右クリックし、「新規 - その他 - Web - サーブレット」を押下
クラス名を適当に入力し、「完了」ボタンを押下

～～～～～ここまでで一通り、Struts開発環境構築は完了。以後は好きに作る