変数の基本をマスター

変数の基本的な使い方をマスターします。

1.変数とは何

変数は”箱”です。値を入れて保存し、また、保存した箱の中の値を見ることができます。

2.型とは

変数には、”型”があります。文字を入れる文字列型、数値を入れる数値型、オブジェクトを入れるオブジェクト型があります。

ボタンで動的にHtmlファイルの表示している文字を変更

ボタンからの表示しているHTMLファイルを、その場で変更する方法です。

通常、ブラウザがWebサーバへ要求して、Htmlファイルを取得し表示した後、
Htmlファイルの表示を変更したい場合には、ファイルの内容を変更し、再読み込みが
必要になります。

再読み込みを不要にし、動的に変更する技術がAjax(あやっくす)の機能のひとつです。

Ajaxと聞くと、難しそうと感じるかもしれませんが、それほどでもないです。
さっそく、サンプルから順に見ていきましょう。

Inputタグを使ってスマホ アプリらしいボタン

Inputタグを使ってスマホ アプリらしいボタンを作ってみます。

Buttonタグを使った場合は、こちら。


0.最小限のプロジェクトを用意(最小限のプロジェクトの作り方)

1.スマホ アプリらしい見た目(GUI)を作るために、ライブラリを使います。
　Monacaではライブラリを選択するだけで簡単に組み込むことができます。

　今回使うのは、jQuery と　jQuery Mobileです。

Button タグを使って、ダイアログボックス表示

Monacaでのボタンを表示する1つの方法としてButtonタグを使った例です。

0.最小限のプロジェクトを用意(最小限のプロジェクトの作り方)