Monacaでスマホアプリ開発(ゲームだって作れる)
Monaca Webサービスを使ってiPhoneやAndroidで動くスマホアプリの開発方法を基礎から掲載します。 初めての方も私と一緒にステップアップしていきましょう。
2014年5月19日月曜日
変数の基本をマスター
変数の基本的な使い方をマスターします。
1.変数とは何
変数は”箱”です。値を入れて保存し、また、保存した箱の中の値を見ることができます。
2.型とは
変数には、”型”があります。文字を入れる文字列型、数値を入れる数値型、オブジェクトを入れるオブジェクト型があります。
続きを読む »
2014年5月12日月曜日
ボタンで動的にHtmlファイルの表示している文字を変更
ボタンからの表示しているHTMLファイルを、その場で変更する方法です。
通常、ブラウザがWebサーバへ要求して、Htmlファイルを取得し表示した後、
Htmlファイルの表示を変更したい場合には、ファイルの内容を変更し、再読み込みが
必要になります。
再読み込みを不要にし、動的に変更する技術がAjax(あやっくす)の機能のひとつです。
Ajaxと聞くと、難しそうと感じるかもしれませんが、それほどでもないです。
さっそく、サンプルから順に見ていきましょう。
続きを読む »
2014年5月8日木曜日
Inputタグを使ってスマホ アプリらしいボタン
Inputタグを使ってスマホ アプリらしいボタンを作ってみます。
Buttonタグを使った場合は、こちら。
0.最小限のプロジェクトを用意(
最小限のプロジェクトの作り方
)
1.スマホ アプリらしい見た目(GUI)を作るために、ライブラリ
を使います。
Monacaではライブラリを選択するだけで簡単に組み込むことができます。
今回使うのは、jQuery と jQuery Mobileです。
続きを読む »
2014年5月5日月曜日
Button タグを使って、ダイアログボックス表示
Monacaでのボタンを表示する1つの方法としてButtonタグを使った例です。
0.最小限のプロジェクトを用意(
最小限のプロジェクトの作り方
)
続きを読む »
2014年4月16日水曜日
ダイアログボックスを使ってお知らせを表示する
Monacaでのダイアログボックスを表示するには
Alert命令
を使います。
0.最小限のプロジェクトを用意(
最小限のプロジェクトの作り方
)
1.書いてみます。
index.htmlファイル内の
Your code here
を消して、
初期の状態
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="plugins/plugin-loader.js"></script>
<link rel="stylesheet" href="plugins/plugin-loader.css">
<script>
// Set virtual screen width size to 640 pixels
monaca.viewport({width: 640});
</script>
</head>
<body>
Your code here
</body>
</html>
続きを読む »
2014年4月14日月曜日
基本・・・2分で出来る最小限のプロジェクトの作り方
■2分で出来る小限のプロジェクトの作り方
余計なコードが入っていない、最小限のプロジェクトの作り方の説明です。
自分でコードを書くときには、必要最小限のプロジェクトからはじめるのが早道。
作り方はとっても簡単!!
続きを読む »
2014年4月3日木曜日
新しいプロジェクトの作り方
新しいプロジェクトの作り方です。
Monacaサイトへログインします。
http://monaca.mobi/ja/
ダッシュボードの右側にある、『新しいプロジェクト』をクリックします。
続きを読む »
前の投稿
ホーム
登録:
投稿 (Atom)