Visual Studio Code で Apache Cordova を使った開発が可能に


 

本記事は、マイクロソフト本社の The Visual Studio Blog の記事を抄訳したものです。
【元記事】 Apache Cordova development lands on Visual Studio Code 2016/1/28

今日では多くの開発者が Visual Studio Tools for Apache Cordova (TACO) を利用し、共有の JavaScript コードベースで iOS、Android、Windows 向けのモバイル アプリを開発しています。TACO を利用することで、ネイティブ SDK のインストールと構成、アプリのプレビュー、エミュレーターやデバイスでのデバッグ、さらには Visual Studio Team Services による継続的インテグレーション/デプロイ (英語) の管理まで、あらゆる作業に必要な機能を IDE 内で活用できます。

このたび、軽量のテキスト エディターである VS Code と Cordova Tools 拡張機能 (英語) を活用して、Cordova アプリをビルド、デバッグ、プレビューできるようになりました。

この拡張機能は、ハイブリッド アプリのデバッグ、コマンド パレットからの Cordova 専用コマンドの検索、IntelliSense を使用したオブジェクト、関数、パラメーターの参照を行うことが可能で、Apache Cordova フレームワークの各バージョンと、Ionic (英語)OnsenPhoneGap (英語)SAP Fiori Mobile Client (英語) といった Cordova から派生したフレームワークの両方で使用することができます。すべてのフレームワークで同一の Cordova ビルド システムとコア ランタイムが使用されているため、お好みの JavaScript フレームワークで利用することができます。

さらに、Visual Studio の完全な IDE で作成されたプロジェクトにも Visual Studio Code を使用できます。たとえば、Windows マシンで Visual Studio と Ionic テンプレートを使用して Cordova プロジェクトを作成した後、OS X または Linux マシンで Visual Studio Code を使ってそのプロジェクトを編集してから、Visual Studio IDE で作業を継続するといったことが可能です。どのエディターを利用する場合でも、デバッグ、IntelliSense、言語サポートといったメリットをすべて得ることができます。

clip_image002

現在、Visual Studio Code と Cordova Tools では Android および iOS 用のエミュレーター、シミュレーター、テザリングされたデバイスでのアプリのデバッグをサポートしています。ご要望があれば、Windows のサポートを追加することも検討いたしますので、メールまたは Twitter でご連絡ください。また、デバッガーはアプリケーション ID を使用して実行中のインスタンスを特定するため、既にデバイスで実行されているアプリにアタッチすることもできます。

 

入手方法

Visual Studio Code をまだお持ちでない場合は、http://code.visualstudio.com (英語) から Mac、Windows、Linux 用の Visual Studio Code をダウンロードしてインストールしてください。サイズは 50 MB 以下であるため、ネットワーク接続が良好であればダウンロードは 2 分以内に終わります。Visual Studio Code のインストールが完了したら、コード エディターから直接 Cordova Tools 拡張機能をインストールします。インストールするには、コマンドパレットを起動し (Mac の場合「Cmd+P」、Windows の場合「Ctrl+P」)、「>ext install cordova」と入力して Enter キーを押すだけです。

clip_image004

 

オープン ソースの意味

この拡張機能は皆様の協力をいただくことでさらに改良していくことができます。Cordova Tools 拡張機能はオープン ソース (英語) のツールとなっています。問題のご報告や新機能のご提案は、イシュー (英語) を作成していただくか、可能であればプル リクエスト (英語) を送信してください。

この他にも、コマンド ライン ツール (英語)継続的インテグレーション用の拡張機能 (英語) が改良され、開発における内部と外部のループが最適化されています。

 

フィードバックのお願い

ぜひ皆様も Cordova 開発者コミュニティの一員となり、TACO を使用したアプリ開発にご参加ください。また、追加を希望する機能や、TACO のプレリリース版のテストにご興味があるかもお知らせいただけると幸いです。TACO の Insider Program へのご参加はこちら (英語) からお願いします。イシューは stack overflow にご投稿ください。また、rsalva (アットマーク) microsoft.com まで直接メールでご連絡いただくこともできます。皆様のご協力をお待ちしています!

 

clip_image006

Ryan J. Salva (Visual Studio クライアント ツール チーム、主任プログラム マネージャー)
Twitter: @ryanjsalva
Ryan は Visual Studio クライアント ツール チームの主任プログラム マネージャーを務めており、HTML、CSS、JavaScript 開発を担当しています。この 15 年間、企業家、開発者、グラフィック デザイナーとして Web 標準の開発と推進に携わってきました。現在は主に Web テクノロジと Apache Cordova を利用したモバイル アプリ開発を行っています。

Comments (1)

  1. ふざけんな より:

    Visual Studio ダウンロードのサイトがフィッシング詐欺してんじゃねーか

    Express 2015 for Desktop選択→ダウンロード→始まらない→「こちらをクリックして、もう一度お試しください」をクリック

    →Visual Studio Communityのインスコファイルがダウンロードされる。

    そんなにいらないよ

    wdexpress_full.exeどこいったの???