PhoneGap開発を再開したので、PhoneGapをMacにインストール。

投稿日: 2019年7月7日 2019年7月7日
カテゴリー: Adobe, PhoneGap

かつてはAdobe Dreamweaver CS で開発ができたPhoneGap。久しぶりに開発を再開しようとしたら、デスクトップにPhoneGapをインストールすればよいとのことで試してみました。Mac OS X 10.13.6 です。

1 全体の流れ
- 1.1 1.PhoneGapのインストール
- 1.2 手順2以降の作業

全体の流れ

全体の流れは Adobe PhoneGap の「はじめに」に書かれていました。

PhoneGapのインストール
モバイルアプリのインストール
アプリの作成
アプリのプレビュー
以降の作業

1.PhoneGapのインストール

Desktopアプリのインストール

手順通りで特に難しい部分はありませんでした。ただし、インターネットからインストールしたアプリであるため信頼性が乏しく、初回のみ右クリックして「開く」を選択して、安全であることを明示的に選択する必要がありました。

CLI(コマンドラインインタフェース)のインストール

掲載されていた以下のコマンドですんなりインストールはできませんでした。

npm install -g phonegap@latest

最新バージョンを明示的に指定してみてもダメでした。

npm install -g phonegap@8.2.2

エラーは以下でした。

npm ERR! notsup Unsupported
npm ERR! notsup Not compatible with your version of node/npm: phonegap@8.2.2
npm ERR! notsup Required: {"node":">=6.0.0"}
npm ERR! notsup Actual:   {"npm":"1.4.28","node":"0.10.32"}

node.jsが古いとのこと。

node.jsインストール

参考にした手順は「【Mac】node.jsインストール方法」です。

Mac OS のパッケージマネージャ、homebrewとnodebrewを使って、node.jsを最新化する手順でした。

nodebrewをインストールするコマンドを実行したところ、エラーとなりました。原因は「ファイルかディレクトリが存在しなかった」とのこと。

$ nodebrew install-binary latest
Fetching: https://nodejs.org/dist/v12.6.0/node-v12.6.0-darwin-x64.tar.gz
Warning: Failed to create the file 
Warning: /Users/xxxx/.nodebrew/src/v12.6.0/node-v12.6.0-darwin-x64.tar.gz: 
Warning: No such file or directory
                                                                           0.0%
curl: (23) Failed writing body (0 != 1057)
download failed: https://nodejs.org/dist/v12.6.0/node-v12.6.0-darwin-x64.tar.gz

何が足りないかも出力されているので、ディレクトリを作成してから再実行してやればOKです。以下に解決作が掲載されていました。

Node.jsのインストールに失敗する時の解決策（No such file or directory）

「nodebrew use v8.9.4」などと、使用するnode.jsのバージョンを指定した後、「npm install -g phonegap」でPhoneGapのインストールができました。

手順2以降の作業

ひとまず、手順通りにインストールしてサンプル(Hello World)で起動することはできました。手順2以降はこれから実際にアプリを組む中で気付く点があれば再掲します。

つきのわ

301