Techvenience

Technology × Convenience - Vue / React / Next / Nuxt / ChatGPTなどのIT技術がもたらす便利さをお伝えします。最近はChatGPTなどのAI技術を使ってブログを書いています。

【ハイブリッドアプリ】MacでCordovaでの開発環境を整える① -エラー対処-

ハイブリッドアプリのメリット、デメリットは次回以降に。

Cordovaをインストールして開発環境を整えようかと思ったが、苦戦した。

というか、まだ解決していないので現状の記録。

f:id:duo-taro100:20160218004611p:plain

 

MacでCordova開発環境を整える>

・node.jsのインストール

・Cordovaのインストール

 

環境を整えて「Hello World!」くらいは表示させて終わらせたかったが、現状はCordovaのインストールでとまっている。ちなみに僕のmacbook airは以下のようなスペック。

f:id:duo-taro100:20160219012939p:plain

これは私用のPCで、社用PCにも同時に開発環境を整えている。

f:id:duo-taro100:20160218005810j:plain

■node.jsのインストール

以下のURLから

http://nodejs.jp/nodejs.org_ja/docs/v0.10/#download

 

ここではnode.jsと同時にnpmもインストールされる。

ターミナルを起動して、インストールが正常にされたかの確認。

f:id:duo-taro100:20160219013239p:plain

上記のようにバージョン情報が確認できればOK。

ちなみに、僕の場合は

/usr/local/bin

にインストールされた。

f:id:duo-taro100:20160218004753j:plain

■Cordovaのインストール

$ npm install cordova -g

このように書くとMacではエラーが出るらしいので

$ sudo npm install cordova -g

 

最初にインストールを実行したらこのようなエラーが・・・

f:id:duo-taro100:20160219012707p:plain

調べてみたところ、npmなどをアンインストールしてから再度インストールで解決するとのこと。やってみたら成功??エラーは出なかった。

 

ここでインストールができているかの確認をした。

f:id:duo-taro100:20160219013900p:plain

このようなエラーが発生。

これを調べて、様々な方法を試したが解決できず。

明日はここを突破したい。