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/

ダッシュボードの右側にある、『新しいプロジェクト』をクリックします。