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サイトで使ってみよう
HTML5のUIフレームワークであるOnsen UIはMonacaとの相性を考えて開発されていますが、必ずしもハイブリッドアプリ専用という訳ではありません。Webサイト開発にも利用が可能です。 GoogleがWebサイトのモバイル対応が行われているかどうかを検索順位に反映することを発表していたり、HTML5によってWebもどんどん多機能になっている中、Onsen UIを使うことで高速な描画で使いやすいWebサイトが構築できるはずです。 そこで今回はOnsen UIをWebサイト開発に利用する方法について紹介したいと思います。 準備 Onsen UI自体はJavaScript/スタイルシートで出来ていますのでダウンロードして配置するだけですが、今回はbowerを使って行いたいと思います。Onsen UIはbowerからコマンド一つでインストール可能です。bowerはnode.jsのパッケージ
Monacaアップデート: Cordova互換性向上とiOS言語設定
Monacaでは利用者の依頼や要望にもとづき日々改良を重ねています。最近、比較的大きなリリースを行いましたので、その内容と注意点について紹介します。 Cordovaプロジェクトのインポートに対応しました ご要望の大きかった、Cordovaプロジェクトからのインポートを行えるようにいたしました。MonacaもCordovaを使用していますが、アプリの構成を定義するconfig.xmlの書式が異なっていることから、これまではインポートする際の入力チェックで失敗していました。 今回のアップデートで、Cordovaで作成したプロジェクトのフォルダを圧縮してzip形式にすることで、MonacaクラウドIDEでエクスポートしたファイルと同様の手順でインポートを行うことができるようになりました。インポートの手順に関する詳細は、下記のドキュメントを参照してください。 Monacaドキュメント：プロジェクト
誰でもハイパフォーマンス！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で手軽に広告表示をはじめてみよう
Monacaの新しいプラグインとしてappC cloudプラグインが追加されました！appC cloudはアプリ向け広告サービスで、アプリの収益化に役立てられるサービスになります。Monacaを使って作ったアプリであれば、iOS/Androidの両方に広告表示ができるようになります。 さらにMonacaユーザー限定のキャンペーンということで、appC cloud提供元のカイト株式会社様より3,000円分のプロモーションコードを提供頂きましたので是非ご活用ください。 appC cloudへの新規登録の際にこちらのプロモーションコードを入力いただくと、3000円分のクレジットがアカウント登録時付与されます。 コード：OFoX9GJ6 ※ Monacaで作られたアプリの収益と合算された場合のみお支払されます。 早速導入手順を説明します！
Cordova/PhoneGapプラグインを使おう
ハイブリッドアプリの弱点とも言われるのが速度であったり、複雑なUIやネイティブの機能を使わないと実現できないような操作性です。最近ではWebひいてはHTML5の機能が充実してきているのでJavaScriptを駆使してできるようになってきていますが、それでも時と場合によってはネイティブと組み合わせる方が効率的であったりします。 Monacaではそのためにプラグイン機能が提供されています。これはCordova/PhoneGap互換の仕組みになっていますので、サードパーティー製のCordova/PhoneGapプラグインを利用することも可能です。そこで今回はMonacaにおけるプラグイン開発の流れを紹介します。 必要なもの Monacaのアカウント（Goldプラン以上） iOS Dev Center用の秘密鍵、証明書、プロビジョニング（iOS向けに開発する場合） サンプルをダウンロードする 後述
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がやってくる！ 新機能を紹介。
アラートダイアログを表示するための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で作る、初めての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編）