スキップしてメイン コンテンツに移動

M1 MacbookのWeb開発環境

投稿者: ホンダ


ng new my-app ちょっと時間が開いてしまいましたが、開発環境の整備をしていこうと思います。

Web開発にはプロジェクトによって色々なプログラミング言語を使ったりしていますが、ここ最近一番多い構成はAngular / node.js / TypeScript な構成です。エディタにはVisual Studio Codeを使っています。

Node.jsのインストール

v15からARM64に対応しているそうなので、v15をインストール。node.jsのバージョン管理には以前からnvmを使用しているので、まずはnvmをインストール。

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash

xcodeをまだ動かしていなかったのでライセンスの確認をするようにメッセージが表示される。

You have not agreed to the Xcode license agreements, please run 'sudo xcodebuild -license' from within a Terminal window to review and agree to the Xcode license agreements.

Failed to clone nvm repo. Please report this!


エラーメッセージの通り sudo xcodebuild --license を実行してライセンスを確認して agree と入力。

もう一度 nvmのインストールスクリプトを実行。


すると今度はシェルの設定ファイルがないから、ファイルを作って再度スクリプトを実行するか、設定ファイルに追記しろってメッセージが表示される。


=> Profile not found. Tried ~/.bashrc, ~/.bash_profile, ~/.zshrc, and ~/.profile.

=> Create one of them and run this script again

   OR

=> Append the following lines to the correct file yourself:


touch ~/.zshrc を実行して再度nvmのインストールスクリプトを実行して無事にインストールできました。


開いているターミナルではパスが通っていないので、一旦ターミナルを立ち上げ直して、nvmコマンドが使えることを確認したら


nvm install v15

を実行してnodejs v15のインストールを行います。バイナリファイルがないようで、ソースコードからビルドを行うので少々時間がかかります。


Visual Studio Codeのインストール

Visual Studio Codeのリリース版ではまだARM64版は提供されていませんが、ベータ版的な位置付けのInsider BuildでARM64版が提供されているのでこちらをインストールしてみます。

https://code.visualstudio.com/insiders/

ARM64版をダウンロードしたら、zipファイルを展開してアプリケーションフォルダにコピーするだけですね。

Insider版はアイコンの色がちょっと違う


まあ、普通に使えてますね。

Angularを動かしてみる

とりあえずnodeとエディタの準備ができたので、angularを動かしてみる。

npm install -g @angular/cli ng new my-app cd my-app npm install ng serve

はい、何事も問題なく動きますね。

ラベル:

コメント

コメントを投稿

このブログの人気の投稿

MacからWindowsの名前解決をする

投稿者: ホンダ
Windowsな環境だと、NetBIOSでコンピュータ名で名前解決ができたりしてとても便利です。そんなこともあって、一時期はLinuxサーバに用がなくてもSambaをインストールしたりしていた時代もありました。 ですがMacからはNetBIOS名で名前解決してくれません。Windowsとのファイル共有にはSambaが使われているので、NetBIOSで名前解決しようと思えば簡単にできるはずですが、色々あるんでしょうね。きっと。 実際のところ、ファイル共有だけであればWindowsでもLinux上のSambaでも問題なくできるんですが、pingを打ちたい時や、pingを打ちたい時、ほかhttpとかデータベースに繋げたい時とかに困るんです。pingを打ちたい時の方が多いですが。 とりあえず手動でなら、NetBIOS名からIPアドレスは引けたりします。おもむろにターミナルを開いて $ smbutil lookup ホスト名 とすれば、IPアドレスが引けます。 ので、このIPアドレスを指定してping打ったり、他色々できますが、面倒でやってられませんね。 じゃあMacでNetBIOSのようなものってないのかというと、ちゃんとあって、mDNSという仕組みが使われています。 mDNSの詳しいことは後日調べるとして、LinuxならavahiをWindowsならBonjourをインストールして、ホスト名.localで名前解決ができるようになります。 他、DHCPサーバとDNSサーバを連動されてあげれば、ソフトを追加でインストールしなくて済むのでスマートに仕上がりますが、最近は面倒なのでDHCPサーバはブロードバンドルータに任せっきりなのでありました。 Bonjour for Windowsのダウンロードがイマイチ良く分からないことになっています。 とりあえず Bonjour Print Services for Windows をダウンロードすれば大丈夫そう。
コメントを投稿
続きを読む

アマチュア無線

投稿者: ホンダ
年末になぜか突然ドローンレースに興味が湧いてきました。 ドローンレースといっても色々なレギュレーションがあって、入門的なのでは目視で行うレースもありますが、本格的なレースになるとFPV(First Person View)といって、ゴーグルを装着してドローン視点で操縦を行うみたいです。 リアルなVRな感じですね。リアルなんですが。 さながらスターウォーズ　エピソード1のポッドレースのような体験ができそうで、面白そうだなと。 このFPVでは無線で映像を飛ばしているのですが、日本国内で使うためにはアマチュア無線4級の免許が必要だったり、その他いろいろと手続きが要るみたいなんです。 ということでアマチュア無線4級の受験をしてみようと思います。 アマチュア無線の試験を受けることになるとはまったく思っていなかったのですが、ドローンのおかげでアマチュア無線資格界隈はかなりホクホクしていそうですね。 アマチュア無線の試験は同じ日に全国で一斉に行われている訳ではないみたいで、試験の日がこちらで公開されています。 http://www.nichimu.or.jp/kshiken/pdf/ama3-4.pdf 近場で直近だと熊本の2月2日の試験ですね。 っと思ったら、受付期間過ぎてました。 となると、3月8日の北九州会場ですね。 まずは1月1日から20日の間に忘れずに申し込みができるかですね。忘れないようにがんばろう！自分 ということで、とりあえず参考書を2つほどポチってみました。
コメントを投稿
続きを読む

DebianをSqueezeに上げたらKVMの仮想マシンが起動しなくなった

投稿者: ホンダ
先日、無事にサーバのDebianをSqueezeにアップグレードした訳ですが、KVMの仮想マシンが起動しなくなっていたのをメモしとくの忘れていました。 実際のところ、KVMの仮想マシンが起動しなくなるという訳ではなくて、libvirtを使っていて、且つ、仮想HDDをrawフォーマット以外(qcow2とか）を使っている場合に Starting SeaBIOS (version 0.5.1-20101112_103537-polaris) Booting from Hard Disk... Boot failed: not a bootable disk No bootable device. なんて可愛らしメッセージが表示されちゃいます。 あまりの可愛らしさに胸がズキューンってなっちゃいますね。 これはlibvirtのバージョンが上がって、XMLのフォーマットに変更が入っているのが原因みたいです。新しいXMLのフォーマットではdiskにdriver要素が指定できるようになっているんですが、指定されていない場合はrawフォーマットとして扱われてるみたいです。 XMLフォーマットの詳細は こちら なのでdriver要素を指定して上げれば問題なく起動します。でもdriver要素チマチマ追加するの面倒だなぁと思っていたら、virshから編集すると、自動的にdriver要素追加してくれてました（rawになってるけど) $ sudo virsh edit ドメイン名 で、rawになっている部分を、実際に使用しているフォーマットに変更して上げればOK。 というかvirshのeditって今回初めて使ったんですが、defineしなくていいので楽チンですね。 今まではXMLファイルを編集して、その後 virsh defineやってました。
コメントを投稿
続きを読む