Androidのアプリを作るとなると、高スペックのパソコンが必要です。 CPUもクワッドゴアで1.4GHz以上で、RAMが4GB以上、内蔵ストレージも256GB以上必要です。 でも、こうした高スペックのパソコンを購入することが難しい状況の人もいると思います。 その場合は、MonacaというAndroidとiOSのハイブリッドアプリをクラウドで作ることが出来るサービスを活用すると良いです。 IDEを利用できる時間や一部機能の制限がありますが、無料でアプリを作ることが出来ます。 でも、無料ではサードパーティー製のCordovaのプラグインを追加することが出来ないのです。 そのため、ローカルの環境でAndroidアプリを作る環境を作る必要があります。 Androidのアプリを作るときはIDEとしてAndroid studioを使ったり、EclipseやAptanaを使ったりします。 私が最初にA
enchant.jsで作ったゲームは、ブラウザ上でそのまま動きますが、せっかくならアプリにしたい。 そこで、先日monacaを使ったアプリ化のテストを行ったので備忘録として書いておきます。 #主な手順 1.作ったゲームをダウンロード 2.monacaにアップロード 3.monacaデバッガでテスト 4.ビルドしてアプリ化 今回はjsdo.itで作ったブロジェクトをアプリ化する手順を説明します。 ##1.作ったゲームをダウンロード Downloadボタンをクリックすると、zipファイルでプロジェクト内のファイルがダウンロードされます。 jsdo.itの場合、ダウンロードされるのは、html、js、cssのファイルのみなので、必要な画像ファイルやライブラリファイルは別途準備しておく。 ##2.monacaにアップロード ###1)インポート インポートボタンをクリックし、zipファイルをそのま
ウェブサイトニューアルのお知らせ ウェブサイトリニューアルにより、こちらのページは削除されました。お手数ですが、トップページから閲覧をお願いいたします。 2021年12月まで公開しておりました法律解説記事やQ&Aにつきましては、陳腐化により削除しております。あしからずご了承願います。 法務ネット：トップページ ｉ法律事務所 弁護士 川内康雄
HTML・CSS・JavaScriptなどのWeb技術のみで制作が可能なスマートフォンアプリ、いわゆるハイブリッドアプリの制作サービスMonacaを使って簡単なクイズアプリを作ってみようと思います。今回は無料で使えるMonaca クラウド IDEを使って、ブラウザ上だけで制作しますので環境を整える必要もありません。 なおMonacaでアプリを作るにはAngularJSとOnsen UIの知識が必要ですが、この記事ではそれぞれの説明は割愛します。簡単な予備知識だけでも持っているとスムーズかと思います。 AngularJS入門 Onsen UI Guide 先に断わっておきますが、制作手順は我流です。なんでこんな効率悪いの？とか書き方が汚い!!と言ったことがあったらすみません。。 基本的にAngularJS流にコードは書いていきます。 完成は下記のような動きにする予定です。(GIFアニメーショ
前回はクイズアプリのトップページとクイズページの途中まで作成いたしました。今回はデータオブジェクトからクイズデータを持って来てバインド、正解不正解のアラート表示、結果画面でのスコア表示、全体のレイアウトを行いたいと思います。 クイズデータを作ろう まずはクイズのデータを作成します。データは管理しやすくするためコントローラー内ではなくサービス(value)内で管理します。jsフォルダ内にservicesフォルダを新規作成して下さい。更にservicesフォルダ内にquestionsService.jsファイルを作成します。このファイル内にサービスを下記コードのように記述します。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Monaca x Cordova x Angular x OnsenUI 今回作るもの Cordovaを利用したハイブリッドアプリを勉強がてらリリースしたため、書きためる。 ワイフードサーチというハイブリッドアプリをリリースしました。 ※社内の勉強会展開のため、バグだらけ&&作り途中で出しちゃいましたが… ソースはコチラ。これからハイブリッドを作ろうという人の参考(になるかはわからんけど)になれば。 アプリの概要 ぐるなびAPIを利用し、ハイブリッドアプリでどこまでネイティブに近づけてアプリが作れるかを検証。 ハイブリッドアプリ作成にあ
ワイヤーフレームを作る monacaなら最小限のコーディングで動作するワイヤーフレームを作ることができます。 ...とまあ、コーディングレスでワイヤーフレームを作れるものなら既に色々あるとは思います。 楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 http://dev.classmethod.jp/smartphone/wireframe-tools-7/ が、monacaで作成した場合、それらとは一線を画す利点が発生します。 つまり そのままプロダクトにできる ロジック部分を実装してあげればワイヤーフレームだったものが製品になってしまうのです。 すごくないですか？ ワイヤーフレーム専用のツールで作ったものは、その自由度と簡単さゆえに、実際プロダクトにしようとした場合 できねーよ！ というデザインや挙動にぶち当たることが往々にしてあります。 しかし最
<!DOCTYPE HTML> <html> <head> <!-- css等読込 --> <script> ons.bootstrap(); ons.ready(function() { monaca.getDeviceId(function(id){ alert('Device ID: ' + id); }); }); </script> </head> <body> <ons-page> <ons-toolbar> <div class="center">Navigator</div> </ons-toolbar> <div style="text-align: center"> <br> デバイスIDを表示 </div> </ons-page> </body> </html> ・SC-02C (Ver.4.0.3) ・iPhone6 (iOS 8.3) ・iPad mini3 の実
今回の記事は、Onsen UI blogで2月に公開した"Developing hybrid mobile applications with Onsen UI"の翻訳記事です。 ハイブリッドアプリ開発のお話を、最近はあちらこちらで耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。 もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。 一方、ハイブリッドアプリで使用するテクノロジーは、Web アプリで使用するもの ( HTML、CSS、JavaScript ) と同様であり、プラットフォーム
「Objective-Cわからない」「Javaわからない」 でも 「スマフォアプリが作りたい！！」 っていう悩めるWebエンジニア 救いの手を差し伸べてくれる存在。 それが、Monacaです！ Monacaを使えば、iPhoneアプリはもとより、Androidアプリも作れちゃう！ 目次 1. Monacaって何？ 2. お絵描きアプリを作ってみよう 3. ソースコード 4. ソースコードの解説 5. カンボジアでMonacaのアプリを作ってみて 1. Monacaって何? 突然ですが、皆さんMonacaをご存知ですか？ え？知らない？わからない？なにそれ美味しいの？ Monacaは今、話題のHTML5を用いたハイブリットアプリケーションを作れる オンライン上の統合開発環境です。 設定不要で無料ですぐにコーディングできちゃいます。 ハイブリッドアプリケーションの開発に興味のある方は、 使って
HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
