MonacaはHTML5/JavaScript/CSSといったWeb標準の技術でスマートフォンアプリが開発できるプラットフォームになります。最近ではPWAやデスクトップアプリケーションまで開発できるようになっています。
そんなMonacaの使い方、アプリの作り方を学べる記事をまとめて紹介します。
- サンプル&チュートリアル (Monaca) : サンプル&チュートリアル一覧 | ニフクラ mobile backend
- Monaca入門: Onsen UI+AngularJSで効率的にモバイルアプリが作れるMonaca - Build Insider
- サンプルアプリ | Monaca Docs
- Monacaで最初っからアプリ完成までを簡単なカメラアプリで体験してみよう!
- Monacaでアプリ開発【入門編・初心者向け】ハイブリッドアプリの作り方
- MonacaではじめるCordovaアプリ開発入門 第一回 – ギャップロ
- Monacaを使ってクイズアプリをたった1時間で作ってみる-前編- – matorel
- kintone
- まとめ
サンプル&チュートリアル (Monaca) : サンプル&チュートリアル一覧 | ニフクラ mobile backend
ニフクラ mobile backendではMonaca用のチュートリアル記事を各種用意しています。ニフクラ mobile backendと連携する前提のものばかりですが、データをクラウドに保存したり、位置情報で検索する、IoT分野でMonacaを活用するなど、アプリを発展的に利用するのに使えるはずです。
- 連打ゲーム
- MonacaでRSSリーダーを作成する(動画解説付き)
- スマホで加速度と位置情報を取得してクラウドに保存しよう!!
- MonacaとmBaaSでO2Oクーポンアプリを作りましょう!【GPS x 会員 x クーポン】
- mBaaS IoT ドアセンサーとスマホ連携
- Monacaでチェックインアプリを作成する
- MonacaとmBaaSでiBeaconを活用したO2Oアプリ開発を体験しよう
- Monacaでクイズアプリを作る(前半)
- Monacaアプリのゲームにランキング機能をつける
サンプル&チュートリアル (Monaca) : サンプル&チュートリアル一覧 | ニフクラ mobile backend
Monaca入門: Onsen UI+AngularJSで効率的にモバイルアプリが作れるMonaca - Build Insider
Onsen UIとAngularJSを使ってアプリを作る入門記事です。2014年の記事なのでOnsen UIが1.0系となっています。現在のOnsen UIは2.0系なので、その点注意が必要です。
Monaca入門: Onsen UI+AngularJSで効率的にモバイルアプリが作れるMonaca - Build Insider
サンプルアプリ | Monaca Docs
Monaca公式で提供されているサンプルアプリ集です。解説もついていますが、いくつかは英語になっていますので注意してください。Instagramのような表示、YouTubeを使ったアプリ、RSSリーダー、ゲームなど幅広い分野のデモがあります。
Monacaで最初っからアプリ完成までを簡単なカメラアプリで体験してみよう!
記事のタイトル通り、カメラアプリを作成する記事です。Monacaの知識がなくともゼロベースで進められているので、初学者にお勧めです。
Monacaで最初っからアプリ完成までを簡単なカメラアプリで体験してみよう!
Monacaでアプリ開発【入門編・初心者向け】ハイブリッドアプリの作り方
こちらは連載形式でMonacaでのアプリ開発方法を解説しています。アカウント作成の段階から載っているので、これからはじめるという方にぴったりでしょう。
Monacaでアプリ開発【入門編・初心者向け】ハイブリッドアプリの作り方
MonacaではじめるCordovaアプリ開発入門 第一回 – ギャップロ
こちらも連載形式です。ステップを踏んで学べますが、記事が2016年になっていますので、現在のMonacaとは若干異なる可能性があります。
MonacaではじめるCordovaアプリ開発入門 第一回 – ギャップロ
Monacaを使ってクイズアプリをたった1時間で作ってみる-前編- – matorel
AngularJSとOnsen UIでクイズアプリを作成する記事です。Onsen UI 1.0系を利用しているようなので注意してください。1時間で終わるということで、Monacaをさくっと体験したい時にぴったりです。
Monacaを使ってクイズアプリをたった1時間で作ってみる-前編- – matorel
kintone
サイボウズのkintoneでも各種チュートリアルが用意されています。kintoneは仕事で使われるWebアプリケーションなので、チュートリアルもまた仕事で活用できる内容となっています。
- Monacaを使ってkintoneのモバイルアプリを作ろう(集荷状況確認アプリ)
- kintoneとMonacaを連携してみよう (陳列場所確認アプリ編)
- kintoneとMonacaを連携してみよう (来場者管理アプリ編)
まとめ
これらの記事を参考にしてもらうことで、右も左も分からない状態からMonacaに触りはじめるのに比べてスムーズに体験できるでしょう。自分が作りたいアプリのイメージに合わせて参考にしてください。