MonacaのCordova 5対応に関する注意点
MonacaがCordova 5.2に対応いたします！ Cordova 5.2を利用することで、下記のような多くのメリットを提供いたします。 より安定してよりセキュア、より多くの人々にアプリを届けることができる、最新のCordovaバージョンが使えるようになります。 プラグインの導入及びバージョンの選択が、開発している皆さま自身で選択できるようになります。また、プラグインの選択によって最新のCrosswalkをご利用いただけるようになります。既存のプロジェクトの変換方法や影響のある変更点などについてまとめておりますので、ご確認頂きますようお願いいたします。 プロジェクトのアップデート方法 既存プロジェクトをCordova 5.2にアップデートするには、Cordovaプラグインの管理画面より「5.2.0」を選択してください。 Cordova 5.2への対応方針 ・今後、新しく作成されるプロジ
Monacaアプリで重要なデータを保存する3つの方法
Monacaでアプリを開発していて、外部に漏洩できない重要なデータを保持したいと思うことがあるはずです。今回はその方法について幾つか紹介します。 まとめ Keychainプラグインを使う サーバサイドを使う セキュアストレージを使う Keychainプラグインを使う これはiOSに限定した利用法になります。KeychainPluginを使って行います。Keychainを使えばiOSが標準で提供するセキュアなデータの保存が実現します。 まずMonacaにてプラグインKeychainPluginをインストールします。そのためGoldプラン以上の方法になります。 インストールしたらiOSアプリ設定、ビルド設定を行います。任意のプラグインを使った場合、Monacaデバッガーではなくアプリとしてビルドとインストールをしなければなりません。ビルド設定時にはあらかじめ作成した開発者証明書などをアップロー
OnsenUIを使った一覧と詳細画面の作り方
この記事は、英語版アシアルブログの翻訳記事です。 （原文はこちら） ============================== ほとんどのモバイルアプリでは複数のページ間でデータの共有・受け渡しを必要とします。 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で始めるthree.js 第1回 ～3Dモデルを表示する～
こんにちは、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 を使用して、HTML5ハイブリッドアプリを作ってみよう
今回の記事は、Onsen UI blogで2月に公開した”Developing hybrid mobile applications with Onsen UI“の翻訳記事です。 ハイブリッドアプリ開発のお話を、最近はあちらこちらで耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。 もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。 一方、ハイブリッドアプリで使用するテクノロジーは、Web アプリで使用するもの ( HTML、CSS、JavaScript ) と同様であり、プラットフォーム
Onsen UIをWebサイトで使ってみよう
これでインストールは完了です。 作業用ディレクトリの作成 続いて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互換性向上とiOS言語設定
<script src="components/loader.js"></script> <link rel="stylesheet" href="components/loader.css"> Android/iOSアプリ設定の一部を共通化しました 上記の対応に伴い、今後新規作成したプロジェクトでは、以下に示すAndroid/iOSアプリ設定項目が共通化されます。 ・アプリケーション名 ・パッケージ名（App ID） ・バージョン ・許可する外部URL ・オーバースクロールを無効 これは、これまでiOSとAndroidで別れていたconfig.ios.xmlとconfig.android.xmlをconfig.xmlに統合し、Cordova形式に準拠したことによるものです。 iOSの対応言語が指定できるようになりました iOSアプリ設定で、対応言語を指定できるようになりました。 対応言語
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015
誰でもハイパフォーマンス！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エンタープライズ版のご紹介
Monacaでは大企業向けアプリ開発・運用基盤としてMoancaエンタープライズを提供しています。業務アプリ開発などで規模の大きい企業において求められるセキュリティ、業務要件をサポートし、既存システムとの連携も容易にできるようなっています。 今回はそんなMonacaエンタープライズの機能をいくつか紹介します。 企業システムとの接続 Monacaはエンタープライズ向けmBaaS（Mobile Backend as a Service）を提供するKidoZenと提携しています。そのKidoZenを使うことで、容易かつセキュアにモバイルアプリと既存システムとを連携させられます。 エンタープライズに求められるプラグイン群 アプリロジック暗号化 アプリ内のファイルを暗号化することで解読、複製を防止できます。ソースコードが見えてしまうのがハイブリッドアプリの採用に至らない要因の一つと言われていますが、
Visual Studio“だけ”でiOSとAndroidアプリが作れる「Monaca for Visual Studio」
しかし最近では、この分野に大きな変化が起きています。そのきっかけが、マルチプラットフォーム開発を可能にするHTML5ハイブリッドアプリの登場です。HTML5ハイブリッドアプリとはWeb技術であるHTML5を用いて作られるネイティブアプリで、プラットフォームに依存しない「クロスプラットフォーム」であることが最大の特徴です。 Visual Studioでも、このHTML5ハイブリッドアプリの開発の対応がどんどん進んでいます。Visual Studioの優れた開発環境を使い、iOSやAndroid向けのネイティブアプリが開発できます。そこで本稿では、Visual Studio上でHTML5ハイブリッドアプリ開発を実現する「Monaca for Visual Studio」を紹介し、実際にアプリ開発をしていきたいと思います。 対象読者 今回の対象読者は、以下のとおりです。 JavaScriptによ
Monaca新規リリース Cordova 4.1移行ガイド
今回のメンテナンスにより、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で手軽に広告表示をはじめてみよう
<script> document.addEventListener("deviceready",onDeviceReady,false); function onDeviceReady() { : // 他の処理 appCCloud.deviceready(); appCCloud.init(success,fail,{ mediaKeyAndroid:'MediaKeyForAndroid', mediaKeyiOS : 'ここに先ほどのメディアキーを入力' }); }; function success() { // 広告初期化成功時 alert("AppC Cloud Service successfully initialized"); }; function fail() { // 広告初期化失敗時 alert("Unable to initialize AppC Cloud
Cordova/PhoneGapプラグインを使おう
アップロードが問題なく完了すると、次のように HelloWorldPlugin が表示されるはずです。この時点でプラグインは既に有効になっています。 <script> // PhoneGap event handler document.addEventListener("deviceready", onDeviceReady, false); function onDeviceReady() { console.log("PhoneGap is ready"); // 修正ここから window.HelloWorld.say( function(result) { alert( "success: " + result ); }, function(error) { alert( "error: " + error ); } ); // 修正ここまで } </script>
Onsen UIの舞台裏で働くAngularJSの世界
AngularJS流のデータ／コントローラー／表示の実装方法と、AngularJSのディレクティブによるHTML要素の操作方法、データの追加、AngularJS機能のサービスについて解説する。 ← 前回 連載 INDEX 次回 → 前回は、Monacaで作成した“初めてのOnsen UIアプリ”のファイルの中身を調べ、それをAngularJS流に書き換えた。3回目の今回は、Onsen UIの舞台裏で働くAngularJSの世界に入っていく。 AngularJSはグーグル純正のJavaScriptフレームワークで、モデル、ビュー、コントローラー（MVC）というデザインパターンが採用されている。連載1回目で述べたように、Onsen UIを使ったMonacaアプリでJavaScriptをAngularJS流に記述できるようになると、AngularJSを直接扱わない標準的な方法よりも、アプリの“か
Onsen UI v1.2がやってくる！ 新機能を紹介。
CordovaやPhoneGapを使ったHTML5ハイブリッドアプリを開発するためのUIフレームワーク、Onsen UIのバージョン1.2.0がとうとうリリースされました。このリリースには、アラートダイアログ(ons-alert-dialog)、ダイアログ(ons-dialog)、ポップオーバー(ons-popover)、カルーセル(ons-carousel)等の新しく追加されたUIコンポーネントが含まれています。 この記事では、今回新しく追加された機能や変更について紹介していきます。 アラートダイアログ ons-alert-dialog要素 アラートダイアログを表示するためのons-alert-dialog要素が追加されました。ユーザーにちょっとした確認やYES/NOを問いかけることができます。アラートダイアログの中には、開発者は自由にHTMLを記述することもできます。また、JavaSc
Monacaで作る、初めてのOnsen UIアプリ
← 前回 連載 INDEX 次回 → 連載2回目の今回は、前回作成した“初めてのOnsen UIアプリ”プロジェクトを開いて、そこに含まれるファイルの中身を見ていく。 「Onsen UI最小限のテンプレート」から作成したこのプロジェクトには、自動的に作成されるナビゲーションやボタン用のコンポーネントが含まれ、コードは通常のJavaScriptの書き方で書かれている。これをAngularJS流に書き換えていく。そして書き換えたアプリのアプリケーションファイルを作成（ビルド）して、デバイスに実際にインストールする。 Monacaにログインしていない場合には、トップページを開いて、［ログイン］ボタンからログインする。するとMonaca IDEのダッシュボードが開き、プロジェクトの一覧に“初めてのOnsen UIアプリ”が表示される。このプロジェクトを開くにはプロジェクト名の右にある［開く］ボタン
Monacaで開発されたランニングエクササイズアプリをご紹介します
Monaca営業/企画担当の寺本です。 今日は、Monacaを使って受託開発されたアプリをひとつご紹介します。 開発を手がけられたのはMonaca開発パートナーの株式会社ヘッドウォータース様です。 今回開発されたアプリは、音楽に合わせてランニングエクササイズを実践し、アプリを通してプロの眼からの指導が受けられるという面白いコンセプトのヘルスケア実践アプリです。 ランニングをされるかた、これから健康のため走ってみようと考えている方は是非試してみてください。 日本ランニング振興機構(NPO法人)「みんなでRunRing」 アプリ特設サイト https://run-ring.com/pc/ 音楽とリズムにあわせて気軽に実施できる！「リズミックラン」 アプリから流れるBGMのリズムに合わせてスキップするランニングエクササイズですので、スマートフォンを使って室内で気軽に実施することができます。 自分
アシアルが『2014 Red Herring Top 100 Asia』 を受賞いたしました
応援していただいた皆様、ありがとうございました。先日、このブログでファイナリストに選ばれましたとお伝えしていた『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なども受賞しており、現
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
MonacaアプリのUIテストに。Appiumを試す（Android編）