HTML・CSS・JavaScriptなどのWeb技術のみで制作が可能なスマートフォンアプリ、いわゆるハイブリッドアプリの制作サービスMonacaを使って簡単なクイズアプリを作ってみようと思います。今回は無料で使えるMonaca クラウド IDEを使って、ブラウザ上だけで制作しますので環境を整える必要もありません。 なおMonacaでアプリを作るにはAngularJSとOnsen UIの知識が必要ですが、この記事ではそれぞれの説明は割愛します。簡単な予備知識だけでも持っているとスムーズかと思います。 AngularJS入門 Onsen UI Guide 先に断わっておきますが、制作手順は我流です。なんでこんな効率悪いの?とか書き方が汚い!!と言ったことがあったらすみません。。 基本的にAngularJS流にコードは書いていきます。 完成は下記のような動きにする予定です。(GIFアニメーショ
![Monacaを使ってクイズアプリをたった1時間で作ってみる-前編-](https://cdn-ak-scissors.b.st-hatena.com/image/square/013c7f6e2f657f12220787852ed19d5294c70508/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fmatorel.com%2Fwp-content%2Fuploads%2F2016%2F03%2Fmonaca.gif%3Ffit%3D283%252C502%26ssl%3D1)