ionicとcordovaをインストールしよう2018.08.30ionicみなさんこんにちは、ご機嫌いかがですか?今日は素敵なionicとcordovaをインストールしようと思います。はじめに、前回インストールしたnvmがちゃんと機能しているか確認しましょうね。こちらをご覧ください。-v5.6.0npmがきちんとインストールされているようですね。nodeが入っていれば勝手に付いてくると思います。nodeはv8.11.4です。私は前回入れた5.6.0を使います。バージョンは何でも構いませんよ。みなさんが素敵だなと思うバージョンを入れましょう。これで確認は完了です。ionicとcordovaのインストールへでは始めましょう。ターミナルを開きcdします。これで自分のhomeへ戻ってきますねまずこのディレクトリからコマンドを打ってみましょう。私はいつもnvmを使いますがnodeとnpmが入っていれば何だって構いませんよ。nvmでは前もってインストールしたバージョンを入れてあります。cordovaこんな風に、キーボードをかる~くタイピングする程度でいいんですよ。info.いいでしょう。WARNと出てきますね。なんだか危険な感じがします。意味を調べてみましょう。hoek@2.16.3:メジャーバージョンはもはやサポートされていません。tunnel-agentには次の脆弱性があります。lodashには以下の脆弱性が存在します。audit`を実行してください。hoekには次の脆弱性があります。audit`を実行します。npmのバージョンが低いと怒られているようですね。このままでも動かす分には問題ないですが、せっかくなのでバージョンを上げてしまいましょう。ls-remoteをして、さらに上のバージョンを探します。10系を使いましょうまたWARNでは困りますからね。今回はこちらを使いますv10.8.0前回と同じように、nvmコマンドを使います。v6.2.0)画面上に綺麗なログが出てきてインストール完了です。一応、nvmコマンドでバージョンを切り替えてみましょう。10.8.0これで使っているnodeが切り替わるはずです。チェックしてみましょう。lsで確認してみましょう。-vしても、バージョンが上がっています。ionicとcordovaをインストールしてみましょう。cordovaまたエラーが出てますね。npmのバージョンが古い。nodeを確認したところhttps://nodejs.org/ja/download/releases/6.2.0が最新で良い気がします。今回はこのままにしておきましょう。14.047sこんな風に結果が出てきます。これでionicとcordovaのインストールは完了です。7月月14日午後9時34分PDT気に入っていただけましたか?みなさんも是非やってみてください。感想を聞かせてくださいね。解説では、ここからはちゃんと解説していきたいと思います。cordovaこの説明だけで終わりそうですね。npmのコマンドiはインストール-gはグローバルionicとcordovaはパッケージ名ですね。npmコマンドで、インストール、グローバルでよろしく。パッケージはionicとcordovaですよ~という事ですね。-gと書いても動きます日本語訳すると結構わかりやすいですね。ここで気になるべというのが-gのことかと思いますグローバルってなによ?となると思います。iって、-gつけなくてもインストールできるんですよ-gをつけない場合インストールをローカルインストールと言います。ionicどちらでも可能ですが、ionicを使ってバリバリするぜと言う場合には-g付けておいた方が良いです。いくつか違いを見ていきましょう。ionicでインストールするとionicはnode_modulesというディレクトリにインストールされます。このままでも多分動作に問題は無いのですが、ionicのコマンドはnode_modulesを使用するディレクトリ内でしか動きません。やろうと思えばどこからでも使うことはできる、はずです。やったこと無いので確証はありませんが。-gをつけてインストールするとグローバルですのでどこでも使えます。理由はパスが通るからプロジェクトを作成する際にionicコマンドというのを使用するので今回は-gをつけておきましょう。Files\の中にインストールするのを思い浮かべるとわかりやすいかも。ローカルは、デスクトップにフォルダを作って、その中にzipファイルを解凍して使うフリーツールのイメージです。ここらへん私の中でもまだあいまいな部分がありちゃんと切り分けできておりません。npmのページを作成してそちらに詳しく書いた方が良いかと考えておりますん。ionic~の部分ですが、ionicのバージョンを指定してインストールすることも可能です。ionic@4.0.0-alpha.f2bf06e0とかねcordovaも同じように@~~をイジってバージョンを指定してのインストールが行えます。ionicのバージョンに関してはこちらから確認できました。ionicのバージョンリストこっちはcordovaのバージョンねcordovaのバージョンリスト今回はとりあえずグローバルにionicとcordovaを入れてやったぜ、とお考えいただければOKです。解説者求む次回は簡単にionicのプロジェクトを作成してみたいと思います。それでは、ごきげんよう。WordPress.。