Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その2）
本連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい！」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい！」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 前回は、「Monaca」を使ってハイブリットモバイルアプリ開発の開発をする準備とjQuery Mobileを使った簡単な画面を作成しました。今回は、Monacaが提供するクラウドサービスである「Monacaバックエンド」の紹介と、この機能を使った簡単なサンプルを動作させます。また、モバイル端末のデバイス機能を使ったサンプルも作成します。最後に、作成したサンプルアプリを実機デバッグする方法を紹介します。 対象読者 本記事は、次の方を対象にして
Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その1）
本連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい！」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい！」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 普段、設計書をもとに業務アプリケーションを開発したり、単体テストや連結テストに追われて忙しい日々を過ごしたりしていると、たまには気分転換で、なにかおもしろいモバイルアプリを手軽に作りたいなということはありませんか？ しかし、いざ時間の取れる週末にアプリを作ろうと思ってみたものの、自宅のパソコンに開発環境を用意したり、開発に必要なライブラリなどをダウンロードしたり設定したりしていると、それだけであっという間に時間が過ぎてしまいます。また、An
個別Push通知機能の紹介
こんにちは。内藤です。 Monacaバックエンドに新しく個別Push通知機能が搭載されました。 この機能の使い方について、簡単に紹介します。 個別Push通知機能 個別Push通知機能では、特定のユーザー（またはグループ、デバイス）だけに通知を送ることが可能になります。たとえば、会員登録しているアプリであれば、２０代女性会員だけに通知するとか、３０代男性会員だけに通知するということが可能になる、ということですね。 Monacaバックエンドによる個別Push通知機能には、大きく３パターンの呼び出し方があります。 (パターンA) ユーザの絞り込み条件を指定 Monacaバックエンドのユーザのプロパティ値として任意の値を保存しておくと、それらの値をプッシュ通知のユーザ絞り込み条件に用いることができます。この場合、条件に合致するユーザに対してのみ、プッシュ通知が行われま
MonacaバックエンドのAngularJSモジュールを作りました
こんにちは、中川です。 MonacaバックエンドをAngularJSから簡単に利用できるモジュールを作成しました。 ■ Monacaバックエンドとは? http://docs.monaca.mobi/en/manual/backend_index/ アプリ内でのユーザー管理やプッシュ通知送信を行うには、通常の場合これらの機能を提供するサーバーサイドのプログラムを自分で用意する必要があります。 Monacaバックエンド はクラウドサービスとしてサーバーサイドの機能を提供することで、アプリ開発者がこれらの準備を行わなくても済むようにしています。 すなわち、Monacaバックエンドを使うことで、アプリ開発者はサーバーやサーバーサイドのプログラムを自分自身で用意することなく、バックエンドの機能を使うことができます。 ■ AngularJSで利用する場合の問題点 Monacaバックエンドを利用するた
7-3.Monaca開発（結果をつぶやくTwitterボタン） 子持ち主婦でもできる！無料で簡単Androidアプリ開発
7-3.Monaca開発（結果をつぶやくTwitterボタン） 子持ち主婦でもできる！無料で簡単Androidアプリ開発 主婦が仕事と子育ての合間にアプリ開発！HTML基礎知識だけでandroidアプリ作成に挑む。Monaca使用。インストール数/収入公開。IOSもはじめました! 今回のアプリいやいや期物語では、最終ページに「結果をツイートする」ボタンをつけてみました。 Monacaの開発ドキュメントにもあるとおり、Monacaでは、ツイッターと連携するアプリもつくることができます。 Twitterクライアントアプリでも作るなら、上記リンク先にあるような本格的に連携する手法をとればいいと思うのですが、 私の場合、ただ結果をツイートしたいだけなので、いちいち認証の設定とかしたくない。 というわけで、もっと簡単な方法はないかとググってみたところ、ありました。 twitter公式のつぶやくボタン
OnsenUIを使った一覧と詳細画面の作り方
この記事は、英語版アシアルブログの翻訳記事です。 （原文はこちら） ============================== ほとんどのモバイルアプリでは複数のページ間でデータの共有・受け渡しを必要とします。 OnsenUIはAngularJSの機能を利用しながらページ間でのデータ受け渡しを実現しています。 実際のアプリでは以下のように作ることができます。 手順1. 『OnsenUI最小限のテンプレート』からプロジェクトを作成する 1-1. monaca.mobiにログインします。 1-2. 新しいプロジェクトを作成します。 1-3. 『OnsenUI最小限のテンプレート』を選択してプロジェクトを作成します ※詳しい作成方法についてはこのチュートリアルで紹介されています 新しいプロジェクトを作成するとこのようになります: 手順2. データを保持するためのServiceを作成する ここ
Monaca
Mobile App Development Fast, Easy and Flexible.Cross-platform hybrid mobile app development platform and tools in the cloud GET STARTED FREE Monaca makes HTML5 hybrid mobile app development with Apache Cordova simple and easy. Monaca is the most open hybrid app development platform available and ready to be immediately plugged into your existing workflow and development environment. From Cloud IDE
Monaca 入門
Monacaを利用すると、AndroidやiOSなどのスマホアプリがブラウザと実機だけで開発できますMonacaを利用すると、AndroidやiOSなどのスマートフォンアプリを簡単に作成することができます。必要なのはインターネットに接続したコンピュータとスマートフォン実機だけ。当サイトではいくつかの項目に分けて、Monacaでスマホアプリを作成するための方法を説明しています。 MonacaではHTMLを使ってアプリ画面の構成要素と構造を、CSSでアプリの見た目を、JavaScriptを使ってアプリの動作を決めていきます。当サイトで対象としているのはHTMLやCSS、JavaScriptは分かるけど、AndroidのJavaやiOSのObjective-Cはお手上げ！ でもアプリを作ってみたいと思われているみなさんです。 また「そうは言ってもJavaScriptも十分苦手だ」、と思われている
Monacaが正式リリースしました！
はじめまして！Monacaエバンジェリストの生形です。 長い間パブリックベータ版として皆様にご愛顧頂いておりましたMonacaが、 9/12、ついに正式リリースを迎えました！ 本日は、正式リリースで追加された新機能のうち、目玉の２機能をご紹介します！ UIフレームワーク Onsen UI Onsen UIは、シンプルなコードでモバイル用UIを構築することができる、HTML5ベースのUIフレームワークです。 ここでは、基本的な利用方法を解説します。 まず、プロジェクトのプラグイン設定で、Onsen UIを有効にします。 続いて、ページを構成するhtmlファイルにOnsen UIをロードするための記述を追記します。 以上で、Onsen UIを利用するための準備が整いました。 Onsen UIには”ons-“で始まる様々な独自タグが用意されており、それらをhtmlファイルに記述することで、 モバ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.asial.co.jp/1242
Monacaでスマートフォンアプリ開発（７）他のアプリを起動する | ペンクおじさんのエンジニアブログ - Penq Inc.
Monaca - すべての人にアプリ開発を