MonacaがCordova 5.2に対応いたします！ Cordova 5.2を利用することで、下記のような多くのメリットを提供いたします。 より安定してよりセキュア、より多くの人々にアプリを届けることができる、最新のCordovaバージョンが使えるようになります。 プラグインの導入及びバージョンの選択が、開発している皆さま自身で選択できるようになります。また、プラグインの選択によって最新のCrosswalkをご利用いただけるようになります。既存のプロジェクトの変換方法や影響のある変更点などについてまとめておりますので、ご確認頂きますようお願いいたします。 プロジェクトのアップデート方法 既存プロジェクトをCordova 5.2にアップデートするには、Cordovaプラグインの管理画面より「5.2.0」を選択してください。 Cordova 5.2への対応方針 ・今後、新しく作成されるプロジ

前回のiOSシミュレータに続いて今回はAndroidエミュレータを使ってAppiumを試してみたいと思います。AppiumはWeb開発時のUIテストでよく知られているSeleniumをiOS/Androidアプリに対応させたソフトウェアです。 今回はこのAppiumをMonacaアプリ（Android）で動かす方法について紹介します。 CLI版Monacaの準備 Appiumはローカルで動かしますのでMonaca.ioではなくCLI版のMonacaを使います。そのためnode.js/npmはインストールされているものとします。

Monacaでアプリを開発していて、外部に漏洩できない重要なデータを保持したいと思うことがあるはずです。今回はその方法について幾つか紹介します。 まとめ Keychainプラグインを使う サーバサイドを使う セキュアストレージを使う Keychainプラグインを使う これはiOSに限定した利用法になります。KeychainPluginを使って行います。Keychainを使えばiOSが標準で提供するセキュアなデータの保存が実現します。 まずMonacaにてプラグインKeychainPluginをインストールします。そのためGoldプラン以上の方法になります。 インストールしたらiOSアプリ設定、ビルド設定を行います。任意のプラグインを使った場合、Monacaデバッガーではなくアプリとしてビルドとインストールをしなければなりません。ビルド設定時にはあらかじめ作成した開発者証明書などをアップロー

この記事は、英語版アシアルブログの翻訳記事です。 （原文はこちら） ============================== ほとんどのモバイルアプリでは複数のページ間でデータの共有・受け渡しを必要とします。 OnsenUIはAngularJSの機能を利用しながらページ間でのデータ受け渡しを実現しています。 実際のアプリでは以下のように作ることができます。 手順1. 『OnsenUI最小限のテンプレート』からプロジェクトを作成する 1-1. monaca.mobiにログインします。 1-2. 新しいプロジェクトを作成します。 1-3. 『OnsenUI最小限のテンプレート』を選択してプロジェクトを作成します ※詳しい作成方法についてはこのチュートリアルで紹介されています 新しいプロジェクトを作成するとこのようになります: 手順2. 　データを保持するためのServiceを作成する ここ

こんにちは、渡辺です。 今回は、Manacaで「ローカル通知」プラグインを利用する方法を説明したと思います。 ローカル通知機能のプラグインは、GitHub上で複数ありますが、ここでは下のプラグインを利用します。 katzer/cordova-plugin-local-notifications ー 目次 ー ・ローカル通知とは ・サンプルプロジェクトについて ・Monacaでのプラグイン組み込み方法 ・通知許可の確認（アクセス権限の確認）(iOS8のみ) ・通知を予約する（スケジュール） ー　1分間隔で通知 ー　1回のみスグに通知 ・通知スケジュールを取り消す(キャンセル) ・サンプルプロジェクトの全体コード ・参考情報 ー 確認環境 ー ・iPhone6 (iOS 8.1.2) ・GALAXY Note 2 SC-02E (Android4.3 ) ・デバッグビルドしたアプリで確認済 （

こんにちは、Monacaチームで3Dモデリングを担当している浦本です。 three.js（ http://threejs.org/ ）とは、ブラウザベースでリアルタイムな3Dグラフィックス描画を可能とするJSライブラリです。FlashやUnityなどの外部プラグインに依存せずにWebGLを利用して描画が行われるため、HTML5アプリに手軽に3Dコンテンツを組み込むことができます！今回はMonacaを用いて、three.jsをモバイルアプリで利用してみたいと思います。 ■デモ 今回作るのは3Dモデルファイルを読み込んで表示するだけの簡単なサンプルアプリです。 マウスを動かすと、Monaca公式キャラクターであるモナカマンがぬるぬる動きます。 ■動作環境 WebGLの動作環境として、AndroidアプリであればAndroid 4.0以上、かつCrosswalkを有効にしていることが必要です。M

今回の記事は、Onsen UI blogで2月に公開した"Developing hybrid mobile applications with Onsen UI"の翻訳記事です。 ハイブリッドアプリ開発のお話を、最近はあちらこちらで耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。 もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。 一方、ハイブリッドアプリで使用するテクノロジーは、Web アプリで使用するもの ( HTML、CSS、JavaScript ) と同様であり、プラットフォーム

これでインストールは完了です。 作業用ディレクトリの作成 続いてWebサイトを作るディレクトリ（フォルダ）を作成します。今回は onsenui_for_website としています。そのディレクトリの中でbowerコマンドを実行します。 $ bower install onsenui bower cached        git://github.com/OnsenUI/OnsenUI.git#1.2.2 bower validate      1.2.2 against git://github.com/OnsenUI/OnsenUI.git#* bower cached        git://github.com/angular/bower-angular.git#1.3.15 bower validate      1.3.15 against git://github.com

Monacaでは利用者の依頼や要望にもとづき日々改良を重ねています。最近、比較的大きなリリースを行いましたので、その内容と注意点について紹介します。 Cordovaプロジェクトのインポートに対応しました ご要望の大きかった、Cordovaプロジェクトからのインポートを行えるようにいたしました。MonacaもCordovaを使用していますが、アプリの構成を定義するconfig.xmlの書式が異なっていることから、これまではインポートする際の入力チェックで失敗していました。 今回のアップデートで、Cordovaで作成したプロジェクトのフォルダを圧縮してzip形式にすることで、MonacaクラウドIDEでエクスポートしたファイルと同様の手順でインポートを行うことができるようになりました。インポートの手順に関する詳細は、下記のドキュメントを参照してください。 Monacaドキュメント：プロジェクト

誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015 佐川 夫美雄（Ashiras, inc.） この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第2回目）です。 はじめに HTML5ハイブリッドアプリケーションとは、内部の実装にHTML5が利用されているモバイルアプリケーションです。アプリの内部実装にHTML5を使うことでクロスプラットフォーム対応が可能になりますが、その代わり問題となるのがUIとパフォーマンスです。このセッションでは、Angularの上に構築されたUIフレームワークであるOnsen UIを紹介しながら、Angularでどうすれば高速かつ快適なUIを持つモバイルアプリを作れるかについて話します。 AngularとOnsen UIで作る最高のHTML5ハイブリッドアプ

Monacaでは大企業向けアプリ開発・運用基盤としてMoancaエンタープライズを提供しています。業務アプリ開発などで規模の大きい企業において求められるセキュリティ、業務要件をサポートし、既存システムとの連携も容易にできるようなっています。 今回はそんなMonacaエンタープライズの機能をいくつか紹介します。 企業システムとの接続 Monacaはエンタープライズ向けmBaaS（Mobile Backend as a Service）を提供するKidoZenと提携しています。そのKidoZenを使うことで、容易かつセキュアにモバイルアプリと既存システムとを連携させられます。 エンタープライズに求められるプラグイン群 アプリロジック暗号化 アプリ内のファイルを暗号化することで解読、複製を防止できます。ソースコードが見えてしまうのがハイブリッドアプリの採用に至らない要因の一つと言われていますが、

しかし最近では、この分野に大きな変化が起きています。そのきっかけが、マルチプラットフォーム開発を可能にするHTML5ハイブリッドアプリの登場です。HTML5ハイブリッドアプリとはWeb技術であるHTML5を用いて作られるネイティブアプリで、プラットフォームに依存しない「クロスプラットフォーム」であることが最大の特徴です。 Visual Studioでも、このHTML5ハイブリッドアプリの開発の対応がどんどん進んでいます。Visual Studioの優れた開発環境を使い、iOSやAndroid向けのネイティブアプリが開発できます。そこで本稿では、Visual Studio上でHTML5ハイブリッドアプリ開発を実現する「Monaca for Visual Studio」を紹介し、実際にアプリ開発をしていきたいと思います。 対象読者 今回の対象読者は、以下のとおりです。 JavaScriptによ

今回のメンテナンスにより、Cordovaの最新バージョンである4.1に対応します。そのため、既存のCordova 3.5、Cordova 2.9のプロジェクトをお持ちの方に向けた移行ガイドをご用意しております。Cordova 4.1へのアップデートをご検討される方は、こちらのガイドをご覧ください。 MonacaのCordova バージョンアップデート Cordova 3.5に加え、新たにCordova 4.1を選択することができます。 新しく作成されるプロジェクトは、Cordova 4.1がデフォルトで選択された状態となります。 既存のプロジェクトはCordova 4.1にアップデートするために手動で対応を行う必要があります。詳しくは、移行ガイドをご覧ください。 Cordova 3.5→Cordova 4.1及びCordova 4.1→Cordova 3.5へのバージョン切り替えは自由に行

Monacaの新しいプラグインとしてappC cloudプラグインが追加されました！appC cloudはアプリ向け広告サービスで、アプリの収益化に役立てられるサービスになります。Monacaを使って作ったアプリであれば、iOS/Androidの両方に広告表示ができるようになります。 さらにMonacaユーザー限定のキャンペーンということで、appC cloud提供元のカイト株式会社様より3,000円分のプロモーションコードを提供頂きましたので是非ご活用ください。 appC cloudへの新規登録の際にこちらのプロモーションコードを入力いただくと、3000円分のクレジットがアカウント登録時付与されます。 コード：OFoX9GJ6 ※ Monacaで作られたアプリの収益と合算された場合のみお支払されます。 早速導入手順を説明します！

ハイブリッドアプリの弱点とも言われるのが速度であったり、複雑なUIやネイティブの機能を使わないと実現できないような操作性です。最近ではWebひいてはHTML5の機能が充実してきているのでJavaScriptを駆使してできるようになってきていますが、それでも時と場合によってはネイティブと組み合わせる方が効率的であったりします。 Monacaではそのためにプラグイン機能が提供されています。これはCordova/PhoneGap互換の仕組みになっていますので、サードパーティー製のCordova/PhoneGapプラグインを利用することも可能です。そこで今回はMonacaにおけるプラグイン開発の流れを紹介します。 必要なもの Monacaのアカウント（Goldプラン以上） iOS Dev Center用の秘密鍵、証明書、プロビジョニング（iOS向けに開発する場合） サンプルをダウンロードする 後述

アラートダイアログを表示するためのons-alert-dialog要素が追加されました。ユーザーにちょっとした確認やYES/NOを問いかけることができます。アラートダイアログの中には、開発者は自由にHTMLを記述することもできます。また、JavaScriptで標準で用意されているalert(), confirm(), prompt() 関数を置き換えることができる ons.notifaction.alert(), ons.notification.confirm(), ons.notification.prompt() メソッドが追加されました。 ダイアログ ons-dialog要素 アラートダイアログに加えて、通常のコンテンツや画面を表示するダイアログコンポーネントを表現するons-dialog要素 も追加されました。ダイアログの中には、ons-navigatorやons-pageなどを

Monaca営業/企画担当の寺本です。 今日は、Monacaを使って受託開発されたアプリをひとつご紹介します。 開発を手がけられたのはMonaca開発パートナーの株式会社ヘッドウォータース様です。 今回開発されたアプリは、音楽に合わせてランニングエクササイズを実践し、アプリを通してプロの眼からの指導が受けられるという面白いコンセプトのヘルスケア実践アプリです。 ランニングをされるかた、これから健康のため走ってみようと考えている方は是非試してみてください。 日本ランニング振興機構(NPO法人)「みんなでRunRing」 アプリ特設サイト https://run-ring.com/pc/ 音楽とリズムにあわせて気軽に実施できる！「リズミックラン」 アプリから流れるBGMのリズムに合わせてスキップするランニングエクササイズですので、スマートフォンを使って室内で気軽に実施することができます。 自分

応援していただいた皆様、ありがとうございました。先日、このブログでファイナリストに選ばれましたとお伝えしていた『2014 Red Herring Top 100 Asia』にアシアルが選ばれました。 『Red Herring Top 100 Asia』は急成長をするアジアの有望なテクノロジーベンチャー企業100社を選出するアワードです。 ちなみにRed Herring誌は、シリコンバレーで発刊されるIT・ハイテク業界の投資家や経営者、技術者向けのメディアです。 このRed Herring社が毎年選ぶ「アジアから世界を変える可能性のある革新的なベンチャー企業」100社に与えられるのが『Red Herring Top 100 Asia』なのです。 『Red Herring Top 100』には、過去にGoogle、Yahoo、 Salesforce.com、Twitterなども受賞しており、現