Cordovaのプラグインを使うと、OSプラットフォームの判別やファイルの読み書きなどが可能になる。本稿ではその方法を解説する。Phoneのクロスプラットフォーム開発ができる。Studioで、iOSとAndroidのアプリも簡単に開発できるのである。Cordovaをインストールして、実際にごく簡単なアプリを作ってみた。前回は、画像ファイルなどのリソースの使い方と、開発が楽になるJavaScriptライブラリについて説明した。そのとき「宿題」にしておいたファイルの扱いを、今回は解説しよう。それには「プラグイン」を使うので、まずはプラグインの導入から話を始めることになる。OSによって作り分けをしたいこともあるだろう。そこで、プラグインを使うなどしてOSを識別する方法も紹介する。samples:Cordovaで始めるiOS/Androidアプリ開発(第3回)」からダウンロードできる。違う環境では細部が異なる可能性がある。Cordova」という略称にしたが、公式には「TACO」と略すようである。ソリューションエクスプローラーでCordovaのプロジェクトを見てもらうと、そのルートフォルダには「taco.json」ファイルがある。公式サイトのURLは、https://taco.visualstudio.com/だ。公式ブログのURLも「vstacoblog」となっているし、その記事にもTACOが頻繁に登場する。tacoとはメキシコ料理のタコスのことだが、英語発音をまねて「タコ(ターコゥ)」と発音すべきか、意味を取って「タコス」と発音すべきか、セミナーなどで話すときには悩むことになりそうだ。プラグインを使おうプラグインとは?Cordovaのプラグインは、ネイティブな機能に対するJavaScriptのAPIを提供するライブラリだ。プラグインを介してOSやデバイス独自の機能にアクセスできるようになるのである。次のような種類のプラグインがある。Cordovaでは、「コンフィギュレーションデザイナー」を使ってプラグインの管理ができる。手始めにDeviceプラグインを導入してみよう。このプラグインは、デバイスの情報を取得するためのものだ。Cordovaのプロジェクトを用意する。本稿では、前回で作ったソースコードから始めよう。プラグインを追加する手順は次の画像のようになる。アプリ構成エディター]ともいう)が開く。左のタブで[プラグイン]を選び、上のタブで[コア]を選ぶと、標準のプラグイン一覧が表示される。一覧の中から[Device]を選び、右の[追加]ボタンをクリックすると、Deviceプラグインがダウンロードされてプロジェクトで使えるようになる。[追加]ボタンをクリックでは、導入したDeviceプラグインの動作を確認してみよう。コンフィギュレーションデザイナーでプラグインを導入したら、後はコードを書くだけだ。試しに、index.jsファイルのonDeviceReady関数に次のコードを追加してみよう。Deviceプラグインのテストalert(device.platform);......省略......index.jsファイルにDeviceプラグインを試すコードを追加した(JavaScript)太字の部分を追加した。alertメソッドはWindowsでは動作しない(iOSとAndroidでは動作する)。これで実行してみると、アプリの起動時にプラットフォームの種類が表示される(次の画像)。ここで使ったalertメソッドは、Windowsでは動作しない。5)上は「Android」、下は「iOS」と表示されている。config.xmlファイルを直接編集してプラグインを導入するconfig.xmlファイルを直接編集しなければならないこともある。8.1では、コンフィギュレーションデザイナーからMediaプラグインを導入するとバージョン2.2.0が入る。これはRippleエミュレータでは動作しない。バージョン2.3.0以降であれば、Rippleでも動作する。そこでバージョン2.3.0のMediaプラグインを導入したいのだが、それにはconfig.xmlファイルを直接編集する必要があるのだ。config.xmlファイルを直接編集してプラグインを導入するには、コンフィギュレーションデザイナーで導入していない状態でなければならない。導入済みの場合は、先にコンフィギュレーションデザイナーでそのプラグインをアンインストールしておく必要がある。したら、ソリューションエクスプローラーでconfig.xmlファイルを右クリックし、コンテキストメニューから[コードの表示]を選ぶ。するとXMLエディタが開くので、ファイル末尾の</widget>閉じタグの直前に次のコードのように記述する。/></widget>config.xmlファイルにMediaプラグインの記述を追加した太字の部分を追加した。タグの先頭に「vs:」という名前空間の指定が必要(1行上のコンフィギュレーションデザイナーから導入したDeviceプラグインには付いていない)。name属性に記述するプラグイン名は、コンフィギュレーションデザイナーから導入したときに自動生成されたconfig.xmlファイルの記述を控えておくと確実だ。上のようにしてconfig.xmlファイルにプラグインの記述を追加すると、次にビルドするときに自動的にそのプラグインが導入される。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。