ウェブアプリをスマホアプリ化!!超初心者向けーMonaca&Javascript入門クラスークイズアプリ編

  • DATE : 2014年10月10日

monaca

先週の土曜日には先月のブログ「JavaScript ゼミ」の記事でご紹介した佐藤正志先生のMonaca&Javascript入門クラスがありました!

Monacaは、誰でも簡単にスマホアプリを作ることができる超便利なプラットフォームです。このプラットフォームを使ってHTML5/CSS/javascript でできたウェブアプリをスマホアプリ化しちゃいます!Javascript入門と書いてありますが、このクラスはjavascript でできたウェブアプリをいじるので、Javascriptの勉強にもなってしまう一挙両得なクラスです!
Monacaの開発元(株)アシアル様からのご好意でコンテンツをご提供頂いており、それを利用してアプリを作っていく授業で、さくっとアプリは作れるのに内容的にも、達成感的にも絶対に満足して頂ける授業なのではないかと思います。

今回の授業では、最初は簡単なクイズアプリ、問題が出てきて、答えて、正解か不正解がでて、次の問題にいく、といった流れのアプリを作りました。問題が出てくるには、まずこの問題のデータを登録して、その後引き出す必要があるのですが、今回、問題のデータを登録するのにMonacaバックエンドというサーバーサイド開発を必要とせずに、バックエンドの機能をMonacaで作ったアプリに実装できるサービスを使いました。クラウド上のデータベースに簡単にデータを登録して、それを簡単に利用することができちゃうんです。…これはすごい便利です。

DSC_0056_R

授業内では簡単なクイズアプリを作成した後に、そのコードを生徒さん側でさらにいじってアレンジすることに挑戦しました。背景を変えてみたり、問題番号をランダムで出してみたり、正解率、正解数をだしてみたり。これは中々レベルが高く、生徒さんも苦戦していましたが、最後には形となって、結果的にさらに達成感を味わって頂けた様子でした!

次回のMonaca&Javascript入門クラスもおそらく、データの通信を利用したアプリを作成するのではないかと思います。
ウェブアプリからスマホアプリ化することや、Monacaを使った開発、Javascriptの学習にご興味のある方はお気軽にぜひご参加下さい!

「超初心者向け IT創職メルマガ 」 もいかがですか?

 

無料体験から始めて、自分に合ったクラスや目標を探していきましょう!
近い目標の生徒さん達と共に、効率よく学ぶことが出来ます。

無料見学お申し込み

合わせて読みたい記事

bluebottleofficial2

IT教育界のThird Waveを目指す! 〜TechGardenSchoolがブルーボトルコーヒーにこだわる理由

2015年2月6日

超初心者のためのプログラミング独学ガイド (1) : ”情報キュレーター” 宣言

2014年2月11日

2013/12/21 三浦久美子先生デザインクラス HTML/CSSの基礎

2013年12月23日

【超初心者ITスクールによる書評#86】Googleアナリティクス アクセス解析完全ガイド ユニバーサルアナリティクス対応版

2015年6月5日