シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > Xcode無しでiPhoneアプリ開発が可能な「Monaca」は実機確認も無料!
注目記事ピックアップ
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
share0
ブログ感覚でWebアプリやサイトの更新履歴を作成&公開できる「Barelog」を使ってみた!
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
share0
JavaScriptでマインクラフト風の建造物が作れる無料Webアプリ「Web Blocks」で遊んでみた!
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
share0
「docs・Wiki・task」が融合した超軽量Webエディタ「Notion」の潜在能力が高過ぎる件!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
share0
匿名もOK!SkypeでWebコードエディタを共有できる「Interviews on Skype」が無償公開中!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
share0
1枚の写真だけで超リアルな3D顔面をWeb上で高速生成できる「3D Face Reconstruction」を使ってみた!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
share0
スマホのタッチ操作に最適化されたWebアンケートが作れるサービス「Wyzerr」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
share0
ブラウザ上でサイト構成図(マップ)を作成して複数人とコラボ連携可能な「FlowMapp」を使ってみた!
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
share0
今すぐブラウザ上に「ライブ配信」のスタジオ環境をタダで構築できる「Lightstream」を使ってみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
注目
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2013/10/04 12:00

Xcode無しでiPhoneアプリ開発が可能な「Monaca」は実機確認も無料!


どうも、まさとらん(@0310lan)です!

iPhoneアプリを作ろう!と思った時、みなさんはどのような方法を取るでしょうか?

一般的には「Xcode」を使うわけですが、最近では「Unity」などを利用したゲーム作りも注目されています。そんな中で、今回ご紹介するサービスは、必要な開発ツールがすべてネット上に備わっており、MacやWindowsパソコンでiPhoneアプリ開発が楽しめるのです。

それが「Monaca」です!


実は、以前から存在していたのですが、2013年9月12日から正式版がリリースされています。

基本機能は無料で利用でき、iPhoneだけでなくAndroidアプリやWindows8/RTアプリも作れてしまいます!

 

どんなサービスなの?

特徴的なのは、どんなスマホのアプリも「HTML5」「CSS」「JavaScript」などの言語で作れるので、Webサイト制作の知識があればよいという点です。

さらに、コードを書くためのエディタやデバッグ、アプリのビルドにクラウドデーターベースなどなど…、必要なものがほぼすべて最初から揃っているので、自分のパソコンからネット回線で「Monaca」にアクセスするだけでいつでも開発が可能なわけです。

 

このフットワークの軽さから、すでにストアにはMonacaで作られたアプリも続々登場しています。


Bluetoothと連携した健康管理アプリや、テレビ朝日公式の動画アプリ、カメラを利用した名刺管理アプリ、オリジナルの写真集的なアプリなどが日々作られています。

(その他の事例はこちら

 
どうやって使うの?
それでは、簡単な事例を見ながらどのように使うのかを見ていきましょう!

 

まず、トップ画面から無料のアカウント登録をすると、自分専用のダッシュボードが作れられます。

そこで、「新しいプロジェクト」ボタンをクリックします。


 

すると、いくつかテンプレートが表示されます。

ブラウザアプリやRSSアプリなど、このテンプレートを利用することで目的のアプリ開発が素早くできるようになっています。

今回は、ゲームの「ブロックくずし」を選択してみます。


 

アプリ名と、そのアプリの説明などを入力して「プロジェクトを作成する」ボタンをクリックします。


 

その後、先ほどのダッシュボードに「ブロック崩し」プロジェクトが追加されたのが分かります。


 

そこで、「IDEを起動」ボタンをクリックすると、オンライン上にアプリを開発するためのエディタが起動するのです。


通常のエディタと同様に、「jQuery Mobile」などを利用した開発や「enchant.js」を使ったゲーム開発なども可能です。

また、シンプルなコードでリッチな画面構成が作れる「Onsen UI」なども用意されています。

 

アプリの進捗は、搭載されているプレビュー画面から確認できます。


 

面白いのは、専用アプリがiPhone/Androidでリリースされている点です。


【 Monaca

Appストア

Androidマーケット

 

実はこのアプリ、Monacaのオンラインエディタとネット上で繋がっており、今作っているアプリを自分が持っているスマホの実機ですぐに試すことが出来るんです!


しかも、エディタのコードを変更すると、リアルタイムにスマホ実機にも反映される仕組みです。

特に、加速度センサーやGPSなど、実機固有の機能を使ったアプリ開発においては、非常に便利なサービスと言えるでしょう。

 
おまけ
このMonacaは、国産のWebサービスという強みもあって、マニュアルやチュートリアルなどがすべて日本語で対応しているのが大きな魅力です。

特に、アプリのサンプルが豊富に用意されているので、「作って覚える」というやり方で開発方法をマスターできるので、初心者にも優しいと言えます。


 
まとめ
これだけの機能を詰め込んで、無料で使えるのは非常にありがたいですね。

しかも、InMobi、media、nendなどを利用したアプリ内広告にも対応しているのは圧巻です…。

ちなみに、このMonacaではiPhoneアプリをアップルストアに申請することも出来るのですが、その場合はMacパソコンが必要となるので要注意です…。(作って実機で試すのは、どんなパソコンでもOK)

アプリ開発に興味がある人は、一度いじってみてください。きっと、興味惹くはず!

 

 

by まさとらん(@0310lan

 

 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る