泳げないたいやきの日記

趣味でCSを勉強したことをまとめるノートです。誤字脱字や、誤った記事などがあればご教授いただますと幸いです。

なでしこのインストール(Mac)

初めに

日本語で書くことができる「なでしこ3(HTML5/JS)」という言語があることを知り、触れてみたいと思い、「なでしこ3(HTML5/JS)」の実行環境を整えてみました。

この記事では実行環境を整える手順や、つまずいた箇所を書いていきたいと思います。 

 

環境 

PC:MacBook Pro

OS:macOS Big Sur 11.1

CLT:1103.0.32.59

 

実行環境を整える手順

1:Homebrewをインストールする。

 様々な方がHomebrewの記事を詳しく書いているので省略させていただきます。

2:Homebrewを使って、Nodebrewをインストールする。

ターミナルに

brew install nodebrew」

と入力する。

Nodebrewのインストールでつまずいた箇所

問題点

Nodebrewのインストール中に、

    Error: Your CLT does not support macOS 11.

    It is either outdated or was modified.

    Please update your CLT or delete it if no updates are available.

    Update them from Software Update in System Preferences or run:

      softwareupdate --all --install --force

 

    If that doesn't show you an update run:

      sudo rm -rf /Library/Developer/CommandLineTools

      sudo xcode-select --install

   訳:CLTをアップデートしてね(誤っていたらすいません)

というエラーが表示された。

 

解決策

 エラーを解決するために

「sudo rm -rf /Library/Developer/CommandLineTools」

「sudo xcode-select --install」

とエラーに記述してあるコマンドをターミナルに入力しました。

入力を行うと、CLTの削除とインストールが始まります。

完了するとnodebrewが無事にインストールできました。

 

因みにCLTのバージョンは、

変更前のバージョン:1103.0.32.59

変更後のバージョン:12.3.0.0.1.1607026830

と変更されました。

 

確認のために

「nodebrew --version」

を入力した所、バージョンが正しく表示されました。

 

 

3:Node.jsのインストールを行う。

ターミナルに

「nodebrew install-binary stable」

と入力する。

入力するとNode.jsの安定版が手に入ります。

他にも、Node.jsの特定のバージョンや、最新版をインストールする方法があるらしいです。

 

Node.jsのインストールでつまずいた箇所:その1 

問題点

Warning: Failed to create the file 

という警告が表示されました。

 

解決策

解決するために

「mkdir -p ~/.nodebrew/src」

とターミナルに入力を行い、ファイルを作成しました。

再び、

「nodebrew install-binary stable」

と入力すると、Installed succesfullyと表示されたので、インストールが完了しました。

 

Node.jsのインストールでつまずいた箇所:その2

問題点

Node.jsのインストール後に

「node -v」

を入力し、Node.jsのバージョンを確認しようとした。

しかし、node: command not foundと表示され、バージョンが表示されませんでした。

 

解決策

解決するために

「nodebrew use stable」

と入力する。

上記のように入力する事で、使用するNode.jsのバージョンを決定する事ができる。

無事に「node -v」でNode.jsのバージョンが表示する事ができました。 

4:なでしこをインストールする。

ターミナルで、

「npm install -g nadesiko3」

と入力する。

5:なでしこを使う。

なでしこをインストール後、ターミナルで、

「nako3edit」

と入力する。

入力後に、ブラウザ上にエディタが表示される。

 

無事に「こんにちは 世界」と表示することができました。

f:id:OyogenaiTaiyak1:20210124164953p:plain

Hello World

 

最後に

今回、初めてNode.jsや「なでしこ」の実行環境を整えました。

つまずいた箇所も多々ありましたが無事に解決できてよかったです。

 

参考文献 

github.com

www.webdesignleaves.com

qiita.com