1031Taku - Programming Note

[C言語基礎編]　開発環境の構築　Visual Studio Express 2012

noreply@blogger.com (Anonymous) — Thu, 14 May 2015 22:19:00 +0900

プログラミングを始めるにあたってまず必要なのは、プログラムを書くテキストエディタと、書いたプログラムをコンピュータが実行できる形式に変換するコンパイラです。

メモ帳と、コマンドプロセッサを使うというのが最も原始的で単純ですが、実際にはIDE（統合開発環境）を使います。IEDとはプログラミングに必要な様々なソフトウェアを一つにまとめたソフトウェアです。メジャーなのは「visual studio」、「eclipse」などです。今回は「visual studio」を使っていきたいと思います。

・ダウンロード

まずは以下のサイトから「Visual Studio Express 2012」をダウンロードします。

http://www.microsoft.com/ja-jp/dev/express/default.aspx

・インストール

ダウンロードされたファイル「wdxpress_full.exe」をダブルクリックで実行すると以下のポップアップが出るので、「ラインセンスに同意する」にチェックを入れインストールボタンを押します。

ユーザアカウント制御が出た場合は「はい」を押してください。

インストールにはかなりの時間がかかります。１時間ほど掛かることもあるでしょう。気長にコーヒーでも飲みながら待ちましょう。

インストールが完了すると以下の画面が出るので「起動」を押してみましょう。

ちゃんと起動できれば成功です。

[簡単Androidアプリ] 図形を描画してみよう！！（Viewクラスの拡張）

noreply@blogger.com (Anonymous) — Fri, 19 Dec 2014 15:48:00 +0900

今回はViewクラスを拡張し、Javaのクラスを使って、ランダムな位置に図形を描画します。

まずは、プロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

今回はレイアウトの設定は行わないので早速プログラムから見ていきます。

Coding

コードを入力していきます。

SampleMain.java

package com.sample.brogger;

import java.util.ArrayList;
import java.util.Random;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;

public class SampleMain extends Activity {

    /** 描画する図形の数 **/
    static final int num = 600;

    /** Viewクラスを拡張した、DrawViewクラスのオブジェクトの宣言 **/
    DrawView dView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの設定
        LinearLayout ll = new LinearLayout(this);
        // レイアウトの指定
        setContentView(ll);

        // Viewクラスを拡張した、DrawViewクラスのオブジェクトの作成
        dView = new DrawView(this);

        ll.addView(dView);
    }

    /** Viewクラスを拡張した、DrawViewクラス **/
    class DrawView extends View
    {
        /** 描画する図形を格納するリスト **/
        ArrayList<SampleShape> shList;

        /** DrawViewクラスが作成された際に最初に実行されるメソッド（コンストラクタ） **/
        public DrawView(Context context) {
            super(context);

            // 図形リストの作成
            shList = new ArrayList<SampleShape>();

            // 乱数の作成
            Random rn = new Random();

            for(int cnt=0; cnt<num; cnt++)
            {
                //描画する図形のオブジェクト
                SampleShape sh = new SampleShape();

                // ランダムな位置を取得
                sh.x = rn.nextInt(1500);
                sh.y = rn.nextInt(1000);

                // ランダムな色を取得
                sh.r = rn.nextInt(256);
                sh.g = rn.nextInt(256);
                sh.b = rn.nextInt(256);

                // リストに図形を追加
                shList.add(sh);
            }
        }

        /** 描画が行われるときに呼び出されるメソッド **/
        @SuppressLint("DrawAllocation")
        protected void onDraw(Canvas cs)
        {
            super.onDraw(cs);

            // ペイントオブジェクトの作成
            Paint p = new Paint();

            for(int cnt=0; cnt<num; cnt++)
            {
                // 図形リストから図形を取り出す
                SampleShape sh = shList.get(cnt);

                // 色の設定
                p.setColor(Color.rgb(sh.r, sh.g, sh.b));

                // 塗りつぶしの設定
                p.setStyle(Paint.Style.FILL);

                // 図形を描画（円）
                cs.drawCircle(sh.x, sh.y, 10, p);
            }
        }
    }
}

/** 図形の各パラメータを定義するクラス **/
class SampleShape
{
    public int x,y,r,g,b;
}

Execution

では実際に実行してみましょう

前投稿：[簡単Androidアプリ] 画像をアニメーションさせてみよう！！（ImageView）

[簡単Androidアプリ] 画像をアニメーションさせてみよう！！（ImageView）

noreply@blogger.com (Anonymous) — Wed, 17 Dec 2014 17:00:00 +0900

今回はイメージビュー（ImageView）を使って画像を表示し、その画像をアニメーションさせるプログラムを作って行きたいと思います。

まずは、プロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

Layout

レイアウトの作成を行います。

まず、自分のプロジェクトの「res」->「drawable-hdpi」フォルダ内に自分が表示したい画像をコピーしてください。ただし画像のファイル名は半角英数で、最初の一文字は小文字にしてください。

レイアウトを設定するxmlファイルを開きましょう。（ここではactivity_sample_main.xml）

「palette」->「イメージ＆メディア」->「ImageView」をアプリケーション画面にドラッグします。

上図のウィンドウが開いたら「drawable-hdpi」フォルダに追加した画像を選択します。（ここでは image）

Coding

コードを入力していきます。

SampleMain.java

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.AnimationSet;
import android.view.animation.RotateAnimation;
import android.view.animation.ScaleAnimation;
import android.widget.ImageView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // ImageViewのオブジェクトを作成
        ImageView iv = (ImageView) findViewById(R.id.imageView1);

        // ImagViewをクリックした時の処理をするリスナ
        iv.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {
                ImageView tmpIv = (ImageView) v;

                // アニメーションの集合を作成
                AnimationSet anim = new AnimationSet(true);

                // 回転アニメーションを追加
                anim.addAnimation(new RotateAnimation(0, 360, tmpIv.getWidth()/2, tmpIv.getHeight()/2));

                // 拡大アニメーションの追加
                anim.addAnimation(new ScaleAnimation(1, 2, 1, 2, tmpIv.getWidth()/2, tmpIv.getHeight()/2));

                // 再生時間の設定
                anim.setDuration(1000);

                // アニメーションの再生
                tmpIv.startAnimation(anim);
            }
        });
    }
}

Execution

では実際に実行してみましょう。

画像をクリックすると・・・

アニメーションします。

前投稿：[簡単Androidアプリ] ダイアログ（AlertDialog）を使ってみよう！！
次投稿：[簡単Androidアプリ] 図形を描画してみよう！！（Viewクラスの拡張）

[簡単Androidアプリ] ダイアログ（AlertDialog）を使ってみよう！！

noreply@blogger.com (Anonymous) — Tue, 16 Dec 2014 11:30:00 +0900

今回はダイアログ（AlertDialog）について書いていこうとおもいます。

ダイアログはメッセージをポップアップで表示したり、簡単な入力を行ってもらう際に使用します。

まずは、プロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

今回はリストのアイテムを押した場合にダイアログを表示するプログラムを作成します。
リストの利用については下記の記事を参照してください。またレイアウトの作成についても下記を参照してください。

[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！

Coding

コードを入力していきます。

package com.sample.brogger;

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        ListView lv = (ListView) findViewById(R.id.listView1);

        // リストビュー表示する文字列を設定します
        String[] lvStr = {
                "OS","CPU","メモリ",
                "ディスプレイ","ハードディスク","SSD",
                "Office","GPU","キーボード",
                "マウス","スピーカー"
        };

        // リストビューに表示する文字列を、格納するアダプターの作成
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, lvStr);

        // リストビューにアダプターを設定
        lv.setAdapter(adapter);

        // リストビューの項目をクリックした時の処理をするリスナ
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {

                ListView tmpListView = (ListView) parent;

                // クリックされた項目の文字列を取得
                final String itemStr = (String)tmpListView.getItemAtPosition(position);

                // オブジェクトの作成
                AlertDialog.Builder aDB = new AlertDialog.Builder(SampleMain.this);

                // ダイアログのタイトルを設定
                aDB.setTitle("確認");

                // ダイアログに表示するメッセージを設定
                aDB.setMessage("本当によろしいですか？");

                // ”はい” ボタンの設定
                aDB.setPositiveButton("はい", new DialogInterface.OnClickListener() {


                    // "はい" ボタンが押された場合のリスナー
                    public void onClick(DialogInterface dialog, int which) {

                        // "はい" ボタンが押された場合に表示するダイアログ
                        new AlertDialog.Builder(SampleMain.this)
                        .setTitle("購入")
                        .setMessage(itemStr + "のご購入ありがとうございます。")
                        .setPositiveButton("OK", null).show();
                   }
               });

                // ”いいえ” ボタンの設定
                aDB.setNegativeButton("いいえ", new DialogInterface.OnClickListener() {

                    // "いいえ" ボタンが押された場合のリスナー
                    public void onClick(DialogInterface dialog, int which) {
                     // "いいえ" ボタンが押された場合に表示するダイアログ
                        new AlertDialog.Builder(SampleMain.this)
                        .setTitle("キャンセル")
                        .setMessage("またのご利用お待ちしております。")
                        .setPositiveButton("OK", null).show();
                    }
                });

                // アラートダイアログを表示します
                AlertDialog alertDialog = aDB.create();
                alertDialog.show();
            }
        });
    }
}

Execution

では実際に実行してみましょう。

リストの項目をクリックすると・・・

ダイアログが表示されます。

更に”はい”ボタンを押すと・・・

別のダイアログが表示されます。

前記事：[簡単Androidアプリ]　スピナ（Spinner）を使ってみよう！！

[簡単Androidアプリ]　スピナ（Spinner）を使ってみよう！！

noreply@blogger.com (Anonymous) — Mon, 15 Dec 2014 17:28:00 +0900

今回はスピナ（Spinner）について書いていこうとおもいます。

スピナはリストビューに似ていますが、右端をタッチすることでリストがドロップダウンして表示されます。

まずは、プロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

Layout

レイアウトの作成を行います。

レイアウトを設定するxmlファイルを開きましょう。（ここではactivity_sample_main.xml）

palette -> コンポジット -> Spinner をアプリケーション画面にドラッグします。

Coding

コードを入力していきます。

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Spinner;
import android.widget.Toast;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        final Spinner sp = (Spinner) findViewById(R.id.spinner1);

        // リストビュー表示する文字列を設定します
        String[] SpStr = {
                "OS","CPU","メモリ",
                "ディスプレイ","ハードディスク","SSD",
                "Office","GPU","キーボード",
                "マウス","スピーカー"
        };


        // リストビューに表示する文字列を、格納するアダプターの作成
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_spinner_item, SpStr);

        // スピナをクリックした時の表示形式の指定
        adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);

        // スピナにアダプターを設定
        sp.setAdapter(adapter);

        // スピナをクリックした時の処理をするリスナ
        sp.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {

            @Override
            public void onItemSelected(AdapterView parent, View view, int position, long id) {
                // クリックされた項目の文字列を取得
                String tmpStr = (String) sp.getSelectedItem();

                // トーストに取得した文字列を表示
                Toast.makeText(SampleMain.this, tmpStr + "が選択されました", Toast.LENGTH_LONG).show();
            }

            @Override
            public void onNothingSelected(AdapterView parent) {
                // TODO 自動生成されたメソッド・スタブ

            }
        });
    }
}

Execution

では実際に実行してみましょう。

スピナをクリックすると・・・

ドロップダウンメニューが表示されます。

さらに項目をクリックすると・・・

トーストが表示されます。

前記事：[簡単Androidアプリ] リストビュー（ListView）に日付を表示してみよう！！「ArrayAdapterクラスの拡張」
次投稿：[簡単Androidアプリ] ダイアログ（AlertDialog）を使ってみよう！！

[簡単Androidアプリ] リストビュー（ListView）に日付を表示してみよう！！「ArrayAdapterクラスの拡張」

noreply@blogger.com (Anonymous) — Sat, 13 Dec 2014 23:06:00 +0900

前回は、リストビューに自分の好きな文字列をリストビューのアイテムとして追加しました。今回はをリストビューに日付を表示してみたいと思います。

では前回と同じようにレイアウトの作成を行ってください

[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！

Coding

コードの編集を行っていきます。

SampleMain.java

package com.sample.brogger;

import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.Date;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        ListView lv = (ListView) findViewById(R.id.listView1);

        // リストビュー表示する文字列を設定します
        String[] lvStr = new String[50];

        // リストビューに表示する文字列を、格納するアダプターの作成
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, lvStr){

            @SuppressLint("SimpleDateFormat")
            public View getView(int pos, View convView, ViewGroup parent)
            {
                // 日付の表示形式を指定
                DateFormat df = new SimpleDateFormat("yyyy/MM/dd");

                // カレンダーのオブジェクトを取得
                Calendar cl = Calendar.getInstance();

                // 今日の日付を取得
                cl.setTime(new Date());

                // 今日の日付に行数を足し、表示する日付を取得
                cl.add(Calendar.DATE, pos);

                // 取得した日付をtmpTvに格納
                TextView tmpTv = new TextView(getBaseContext());
                tmpTv.setText(df.format(cl.getTime()));

                // テキストのサイズを設定
                tmpTv.setTextSize(20);

                // テキストのカラーを設定
                tmpTv.setTextColor(Color.BLACK);

                // 日曜日ならばテキストの色を変更
                if(cl.get(Calendar.DAY_OF_WEEK) == Calendar.SUNDAY)
                {
                    tmpTv.setTextColor(Color.RED);
                }

                convView = tmpTv;

                return convView;

            }
        };

        // リストビューにアダプターを設定
        lv.setAdapter(adapter);

        // リストビューの項目をクリックした時の処理をするリスナ
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                // クリックされた項目の文字列を取得
                TextView tmpTv = (TextView) view;

                // トーストに取得した文字列を表示
                Toast.makeText(SampleMain.this, tmpTv.getText() + "が選択されました", Toast.LENGTH_LONG).show();
            }
        });
    }
}

Execution

では実行してみましょう。

項目をクリックすると・・・

トーストが表示されます。

前記事：[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！
次記事：[簡単Androidアプリ]　スピナ（Spinner）を使ってみよう！！

[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！

noreply@blogger.com (Anonymous) — Fri, 12 Dec 2014 23:55:00 +0900

今回はリストビュー（ListView）について書いていこうとおもいます。

リストビューは複数の項目から、ある項目を選ぶ際に使用します。

まずは、プロジェクトの作成を行います。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

Layout

レイアウトの作成を行います。

レイアウトを設定するxmlファイルを開きましょう。（ここではactivity_sample_main.xml）

palette -> コンポジット -> ListView をアプリケーション画面にドラッグします。

Coding

コードを入力していきます。

SampleMain.java

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.Toast;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        ListView lv = (ListView) findViewById(R.id.listView1);

        // リストビュー表示する文字列を設定します
        String[] lvStr = {
                "OS","CPU","メモリ",
                "ディスプレイ","ハードディスク","SSD",
                "Office","GPU","キーボード",
                "マウス","スピーカー"
        };

        // リストビューに表示する文字列を、格納するアダプターの作成
        ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_1, lvStr);

        // リストビューにアダプターを設定
        lv.setAdapter(adapter);

        // リストビューの項目をクリックした時の処理をするリスナ
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                // TODO 自動生成されたメソッド・スタブ
                ListView tmpListView = (ListView) parent;
                // クリックされた項目の文字列を取得
                String itemStr = (String)tmpListView.getItemAtPosition(position);

                // トーストに取得した文字列を表示
                Toast.makeText(SampleMain.this, itemStr + "が選択されました", Toast.LENGTH_LONG).show();
            }
        });
    }
}

Execution

では実際に実行してみましょう。

項目をクリックすると・・・

トーストが表示されます。

前記事：[簡単Androidアプリ] エディットテキスト（EditText）を使ってみよう！！
次記事：[簡単Androidアプリ] リストビュー（ListView）に日付を表示してみよう！！「ArrayAdapterクラスの拡張」

[簡単Androidアプリ] エディットテキスト（EditText）を使ってみよう！！

noreply@blogger.com (Anonymous) — Thu, 11 Dec 2014 17:43:00 +0900

今回はエディットテキスト（EditText）の使い方について書いていこうと思います。

このブログの過去の記事では、テキストビュー（TextView）の使い方にを説明しました。

[簡単Androidアプリ]　TextViewの利用

今回使うエディットテキストは、テキストビューと違いユーザからの入力を受け付けることができます。

Layout

レイアウトを設定していきます。

レイアウトを設定するxmlファイルを開きましょう。（ここではactivity_sample_main.xml）

今回は、テキストビューとエディットテキストの二つのビューを使用します。
まずはテキストビューを Palette -> フォーム・ウィジェット -> TextView からアプリケーション画面に追加します。

同じようにエディットテキストも Palette -> テキスト・フィールド -> Plain Text から追加します。

あとはお好きな位置に配置し、Properties からお好きな設定にしてください。

Coding

以下のコードをメインアクティビティクラスに記述します。ここでは（SampleMain.java）

SampleMain.java

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        final EditText et = (EditText) findViewById(R.id.editText1);
        final TextView tv = (TextView) findViewById(R.id.textView1);

        // キーを押した時の処理をするリスナ
        et.setOnKeyListener(new View.OnKeyListener() {

            @Override
            public boolean onKey(View v, int keyCode, KeyEvent event) {
                // TODO 自動生成されたメソッド・スタブ
                // エディットテキストの所得
                EditText tmp = (EditText) v;

                // 入力したテキストをテキストビューに設定する
                tv.setText("「" + tmp.getText() + "」 が入力されました。");

                return true;
            }
        });
    }
}

Execution

入力を行うと・・・

テキストビューに出力されます。

前記事：[簡単Androidアプリ] ラジオボタン（RadioButton）使ってみよう！！
次投稿：[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！

[簡単Androidアプリ] ラジオボタン（RadioButton）使ってみよう！！

noreply@blogger.com (Anonymous) — Wed, 10 Dec 2014 16:44:00 +0900

今回はラジオボタン（RadioButton）の使い方について書いていきたいと思います。

ラジオボタンとは事前定義された選択肢のうち一つだけを選択するボタンです。

まずはプロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

Layout

レイアウトの作成を行っていきます。

レイアウトを設定するxmlファイルを開きましょう。（ここではactivity_sample_main.xml）

palette -> フォーム・ウィジェット ->RadioGroup をアプリケーション画面にドラッグします。

Coding

以下のプログラムをメインアクティビティクラスに記述します。（ここではSampleMain.java）

SampleMain.java

package com.sample.brogger;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.widget.RadioButton;
import android.widget.RadioGroup;

import com.sample.brogger.R.id;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        RadioGroup rg = (RadioGroup) findViewById(R.id.radioGroup1);
        final RadioButton rb0 = (RadioButton) findViewById(R.id.radio0);
        final RadioButton rb1 = (RadioButton) findViewById(R.id.radio1);
        final RadioButton rb2 = (RadioButton) findViewById(R.id.radio2);

        // ラジオボタンの状態を設定
        rg.check(id.radio0);

        // ラジオボタンがチェックされた時に呼び出されるリスナ
        rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                // TODO 自動生成されたメソッド・スタブ
                // チェックされたラジオボタンの取得
                RadioButton ch_rb = (RadioButton) findViewById(checkedId);

                // ラジオボタンのテキストカラーをデフォルトに
                rb0.setTextColor(Color.BLACK);
                rb1.setTextColor(Color.BLACK);
                rb2.setTextColor(Color.BLACK);

                // チェックされたラジオボタンのテキストカラーの変更
                ch_rb.setTextColor(Color.RED);

            }
        });
    }
}

Execution

では実際に実行してみましょう。

ラジオボタンを押すと・・・

テキストの色が変わります。

前記事：[簡単Androidアプリ] チェックボックス（CheckBox）をつかってみよう！！
次投稿：[簡単Androidアプリ] エディットテキスト（EditText）を使ってみよう！！

[簡単Androidアプリ] チェックボックス（CheckBox）をつかってみよう！！

noreply@blogger.com (Anonymous) — Tue, 9 Dec 2014 18:30:00 +0900

今回はチェックボックス（CheckBox）の使い方について書いていきたいと思います。

チェックボックスとは、ある項目に対して「yes」または「no」の答えを出力するためのボタンです。

まずはプロジェクトの作成を行ってください。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

Layout

レイアウトの作成を行います。

レイアウトを設定するxmlファイルを開きましょう（ここではactivity_sample_main.xml）

palette -> フォーム・ウィジェット -> CheckBox を二つアプリケーション画面にドラッグします。

Coding

以下のプログラムをメインアクティビティクラスに記述します。（ここではSampleMain）

SampleMain.java

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.CheckBox;
import android.widget.Toast;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        CheckBox ch1 = (CheckBox) findViewById(R.id.checkBox1);
        CheckBox ch2 = (CheckBox) findViewById(R.id.checkBox2);

        // チェックボックスの状態を設定
        ch1.setChecked(true);
        ch2.setChecked(false);

        // チェックボックス1のリスナ
        ch1.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO 自動生成されたメソッド・スタブ
                // チェックされたチェックボックスの取得
                CheckBox checkBox = (CheckBox) v;
                // チェック状態をトーストで表示
                boolean ch = checkBox.isChecked();
                // トーストでチェック状態を表示
                Toast.makeText(SampleMain.this,
                        "チェックボックス１：" + String.valueOf(ch), Toast.LENGTH_SHORT).show();
            }
        });

        // チェックボックス2のリスナ
        ch2.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                // TODO 自動生成されたメソッド・スタブ
                // チェックされたチェックボックスの取得
                CheckBox checkBox = (CheckBox) v;
                // チェック状態をトーストで表示
                boolean ch = checkBox.isChecked();
                // トーストでチェック状態を表示
                Toast.makeText(SampleMain.this,
                        "チェックボックス２：" + String.valueOf(ch), Toast.LENGTH_SHORT).show();
            }
        });
    }
}

Execution

では実際に実行してみましょう。

チェックボックスをクリックすると・・・

トーストが表示されます。

前記事：[簡単Androidアプリ] カウンターアプリケーションを作ってみよう！！
次記事：[簡単Androidアプリ] ラジオボタン（RadioButton）使ってみよう！！

[簡単Androidアプリ] カウンターアプリケーションを作ってみよう！！

noreply@blogger.com (Anonymous) — Mon, 8 Dec 2014 08:42:00 +0900

これまで、[簡単Androidアプリ]というタイトルで６記事ほど投稿してきましたが今回はこれまでの総集編みたいなものです。

ここまでこのクソみたいなブログを読んでくれたプログラム初心者のあなた！！
あなたに朗報です。

といっても私もまだまだ初心者なのですが…

それはどうでもいいとして、

そう！たった６記事。
開発環境のページを抜けば、たった４記事の内容で簡単なカウンタアプリが作れちゃいます。

もしこれまでjavaやC言語の基礎本しか勉強したことのない人がいれば感動すると思います。私もはじめてGUIアプリケーションを自分で作成した際少し感動してしましました。

では早速コードを見て行きましょう。

Coding

SampleMain.java

メインアクティビティクラス

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        final TextView tv = (TextView) findViewById(R.id.pvText);
        final Button cnt_bt = (Button) findViewById(R.id.sampleButton);
        final Button clear_bt = (Button) findViewById(R.id.clearButton);

        // カウントボタンが押された場合のリスナ
        cnt_bt.setOnClickListener( new OnClickListener() {
         @Override
         public void onClick(View v) {
             // pvTextの値を取得
             int cnt = Integer.parseInt((String) tv.getText());

             // 取得した値 + 1
             cnt++;

             // ボタンが押された場合TextViewの文字を変更
             tv.setText(String.valueOf(cnt));
         }
        });

        // クリアボタンが押された場合のリスナ
        clear_bt.setOnClickListener( new OnClickListener() {
         @Override
         public void onClick(View v) {
             // ボタンが押された場合TextViewの文字を変更
             tv.setText("0");
         }
        });
    }
}

activity_sample_main.xml

レイアウトを設定するxml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@drawable/gradientbackground"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.sample.brogger.SampleMain" >

    <TextView
        android:id="@+id/sampleText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:text="1031Taku-Programming Note"
        android:textSize="70sp" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_above="@+id/sampleButton"
        android:layout_alignLeft="@+id/sampleText"
        android:layout_marginBottom="99dp"
        android:layout_marginLeft="378dp"
        android:text="PV:"
        android:textSize="60sp" />

    <TextView
        android:id="@+id/pvText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/textView1"
        android:layout_alignBottom="@+id/textView1"
        android:layout_marginLeft="23dp"
        android:layout_toRightOf="@+id/textView1"
        android:text="0"
        android:textSize="60sp" />

    <TextView
        android:id="@+id/textView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/textView3"
        android:layout_alignTop="@+id/textView3"
        android:layout_marginTop="44dp"
        android:text="皆さんの力でたくさん上げてあげてください" />

    <Button
        android:id="@+id/sampleButton"
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:layout_above="@+id/textView3"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="62dp"
        android:text="1031Taku"
        android:textSize="40sp" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/sampleText"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="164dp"
        android:text="ボタンをクリックするとPV数が上がります" />

    <Button
        android:id="@+id/clearButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/textView4"
        android:layout_alignRight="@+id/sampleButton"
        android:layout_marginLeft="112dp"
        android:layout_toRightOf="@+id/pvText"
        android:text="Clear"
        android:textSize="30sp" />

</RelativeLayout>

gradientbackground.xml

背景をグラデーションするxml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#CCFF99"
    android:endColor="#CCFFFF"
    android:angle="270"/>
<corners android:radius="10dp"/>
</shape>

実行

では実際に実行してみます。

1031Takuボタンを押すと…

カウントされます。
更に「Clear」ボタンを押すとカウントがクリアされます。

解説

今回は総集編なので詳しい解説は以前投稿した記事内に書いてあります。
一応リンクだけ貼っておきますね。

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

[簡単Androidアプリ] ボタンの利用とリスナーの設定

[簡単Androidアプリ] 背景にグラデーションを与える方法

[簡単Androidアプリ] ボタンの利用とリスナーの設定

noreply@blogger.com (Anonymous) — Sun, 7 Dec 2014 09:37:00 +0900

前回はTextViewクラスのオブジェクトを作成しそれを出力するだけのプログラムでした。

前回記事：[Androidアプリ]　TextViewを使ってのHello World

今回はTextViewともう一つ、Buttonを使ってボタンを押すとTextViewで表示する文字列を変更するプログラムを作りたいと思います。

まずは、プロジェクトの作成を行います。
プロジェクト作成については以前書いた記事を参照してください。

プロジェクト作成：[Androidアプリ] プロジェクトの作成からHello Worldまで

Layout

次にレイアウトの設定を行うxmlファイルを編集していきます。
前回の記事ではこのxmlファイルは使用しませんでしたが、通常アプリケーションのレイアウトを作成する際はこのxmlファイルを使用していきます。

レイアウトのxmlファイルはプロジェクトの「res -> layout」フォルダ内にあります。
このファイルを開いてください。

デフォルトでTextViewが設定されている場合はそのままで、もし設定されていない場合はButtonと一緒にTextViewも追加していきます。
「palette」欄の「フォーム・ウィジェット」にTextViewとButtonがあります。これをActivityにドラッグで追加してください。

次にこのTextViewとButtonのIdを設定します。まずTextViewをクリックし、Properties欄の一番上部にあるIdの「@+id/」以降の値を好きな値に変更してください。ここでは「@+id/sampleText」とします。変更する際何かポップアップが出た場合は全て「はい」を押してください。
同じようにボタンのIdも設定してきます。ここでは「@+id/sampleButton」とします。

このProperties欄ではビューの様々な値を変更することができます。自分のお好きなように設定してみてください。

参考までに、
TextViewの「Text」を"Taku-Programming Note"
TextViewの「Text Size」を"50sp"
Buttonの「Text」を"1031Taku"
Buttonの「Width」を"match_parent"
に設定してみました。

Coding

では実際にコードを入力していきましょう。

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TextView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // レイアウトの指定
        setContentView(R.layout.activity_sample_main);

        // オブジェクトの作成
        final TextView tv = (TextView) findViewById(R.id.sampleText);  // xmlファイルで設定したIdを
        final Button bt = (Button) findViewById(R.id.sampleButton);    // findViewByIdで指定

        // リボタンが押された場合のリスナ
        bt.setOnClickListener( new OnClickListener() {
         @Override
         public void onClick(View v) {
             // ボタンが押された場合TextViewの文字を変更
             tv.setText("ボタンが押されました");
         }
        });
    }
}

Execution

では実行してみましょう。

ボタンを押すと…

テキストが変更されます。

解説

今回のプログラムと前回とで大きく違うのは、リスナを利用している点です。前回ではただテキストを表示するだけで、なんのインタラクション性もないプラグラムでしたが、今回はリスナを利用することでユーザの操作によって変化をおこすプログラムになっています。

このような処理をイベント処理と言います。

今回の例では、「ボタンを押した」というイベントに対し、
「リスナ（OnClickListener）」がTextViewのテキストを変更するという処理行いました。

// リボタンが押された場合のリスナ
bt.setOnClickListener( new OnClickListener() {
    @Override
    public void onClick(View v) {
        // イベントが発生した際に行う処理を記述
    }
});

前記事：[簡単Androidアプリ]　TextViewの利用

[簡単Androidアプリ]　TextViewの利用

noreply@blogger.com (Anonymous) — Sat, 6 Dec 2014 12:46:00 +0900

前回の記事では、プロジェクトを作成し何も手を加えず実行しただけのHello Worldでしたが、今回は「TextView」というものを使用して文字を出力したいと思います。

前記事：[Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

「TextView」は文字列などの表示を行うコンポーネントタイプのビューです。

まずは、プロジェクトの作成を行います。
プロジェクト作成については前回の記事を参照してください。

プロジェクト作成：[Androidアプリ] プロジェクトの作成からHello Worldまで

Coding

では実際にプログラムを打っていきます。

メインクラス（ここでは「SampleMain」クラス）に以下のコードを入力します。

package com.sample.brogger;

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.TextView;

public class SampleMain extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        LinearLayout ll = new LinearLayout(this);
        setContentView(ll);

        TextView tv = new TextView(this); //文字を表示するオブジェクトの作成
        tv.setText("ようこそAndroidへ！"); //文字を設定するメソッドの呼び出し

        ll.addView(tv);
    }
}

Execution

では実際に起動してみましょう。

この画像はタブレットでの実行なので文字が小さくなってしまいましたが、とりあえずちゃんと「ようこそAndroidへ！」が表示されていれば成功です。

解説

ここからは先ほどのコードを詳しく見ていきます。

Activity Class

今回作成した、SampleMain.javaはJava言語で記述されたコードです。

Java言語では、クラス（class）という概念を単位として構成されています。

今回のコードでは、「SampleMain」というクラスがあります。

このクラスはActivityクラス（アプリケーション画面）というAndroidパッケージに元々備え付けられているクラスを拡張（extends）しています。

簡単に言うと、「SampleMain」クラスは、アプリケーション画面を表すActivityクラスということです。

一つのActivityクラス = 一つのアプリケーション画面

とイメージすると分かりやすいでしょう。

public class SampleMain extends Activity
{
    ・・・
}

Package

Androidアプリケーションで使用されるクラスは、javaのパッケージ（package）で分類します。

今回はプロジェクトを作成する際「com.sample.brogger」というパッケージ名をしていしました。これはSampleMainのクラスはcom.sample.broggerというパッケージに含まれるということです。その為クラスを作成する際、下記のようにパッケージを指定する必要があります。

package com.sample.brogger;

Inport

Androidアプリケーションは、自分で記述したプログラムだけで動いている訳ではありません。Android SDKのライブラリにはアプリケーションを動かすための様々なプログラムが元々入っています。これらのプログラムもSampleMain同様、パッケージにまとめられています。

上記のプログラムを使用するときは、プログラムの先頭などでパッケージを指定する必要があります。これをインポート（inport）といいます。

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;
import android.widget.TextView;

今回は「Activityクラス」、「Bundleクラス」、「LinearLayoutクラス」、「TextViewクラス」を利用するため、これのインポートを行っています。

Object

Javaにおいて、クラスとはプログラムで扱われるモノの機能や状態をまとめたものです。

Objectはその物自体です。

例えば今回は、「画面上に文字を表示する」という機能をまとめたクラス（TextView）を利用し、このクラスから実際に文字を表示するオブジェクト（今回は tv）を作成しりようします。

TextView tv = new TextView(this); //文字を表示するオブジェクトの作成
tv.setText("ようこそAndroidへ！"); //文字を設定するメソッドの呼び出し

OnCreate-Method

ActivityクラスにはOnCreate()メソッドがあります。

このメソッドは、「アプリケーション画面が起動された時」に呼び出されるメソッドです。

Androidアプリケーションにはこのような、アプリケーションの状態によって呼び出されるメソッドがいくつかあります。これらのメソッドの説明については以前にも書いたので以下の記事を参照してください。

Android Activityクラスについて

前記事：[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

次記事：[簡単Androidアプリ] ボタンの利用とリスナーの設定

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

noreply@blogger.com (Anonymous) — Fri, 5 Dec 2014 08:26:00 +0900

ここではAndroidアプリケーションプロジェクトの作成から、Hello World文字列の出力までを解説していきます。

プロジェクトの作成

プロジェクトとはひとつのソフトウエアを動作せせるためのプログラムファイルや、画像などの色々なファイルをひとまとめにしたものです。

Androidのプロジェクトを作成するにはEclipseを使用します。まずはEclipseを起動しましょう。

Eclipseが起動したらメニュバーの「ファイル」->「新規」->「その他」を選択するとウィンドウが開くのでその中の「Android」->「Androidアプリケーションプロジェクト」を選択します。

次に新規プロジェクトを作成するウィンドウが開くのでこのウィンドウ内でプロジェクトの設定を行っていきます。

アプリケーション名：　アプリケーションの名前
プロジェクト名：　プロジェクト名（ワークスペース内にプロジェクトとして表示）
パッケージ名：　パッケージ名（最初に動作するプログラムのパッケージ）
最小必須SDK：　動作するのに必要な最低限のSDKバージョン
ターゲットSDK：　対象のSDKバージョン
次でコンパイル：　コンパイルするSDKバージョン
テーマ：　画面のアクションバーの設定

「アプリケーション名」に適当な名前を入力します。

ここでは「SampleBrogger」という名前で登録します。

「パッケージ名」に適当な名前を入力します。

ここでは「com.sample.brogger」とします。

「最小必須SDK」この値を低くすれば昔のバージョンの端末でも正常に起動出来る様になります。

ここでは、「API11:Android3.0」とします。

「ターゲットSDK」お好きなバージョンを選択してください。

ここでは、「API14:Android4.0」とします。

「次でコンパイル」

ここでは、「API14:Android4.0」とします。

ここまで設定できたら「次へ」を押しましょう。

開いた画面での設定はデフォルトのままでいいですが、一応各項目について簡単に説明していきます。

カスタム・ランチャー・アイコンを作成する
起動用アイコン画像を設定するか否か（チェックを入れるとアイコン画像設定画面がが次に表示）
アクティビティの作成
アクティビティクラスを作成するか否か
このプロジェクトをライブラリーとしてマークする
プロジェクトをライブラリとするか否か
ワークスペース内にプロジェクトを作成
ワークスペース内にプロジェクトを作成するか否か

色々説明しましたが、この画面はデフォルトのままで「次へ」ボタンを押し「完了」ボタンがアクティブになるまで、「次へ」ボタンを押し続けます。

「完了」ボタンがアクティブになったところで、そのボタンを押しプロジェクトが作成されます。

完了したら、そのまま何もせずに実機又はエミュレータなどで実行してみましょう。

実行はeclipseのツールバーにある緑の再生ボタン（①）を押すと実行されますが、初めて実行する際は、実行ボタン横の三角をクリックし「実行の構成を」選択しましょう。出てきたウィンドウでAndroidアプリケーション（②）をダブルクリックし、参照ボタン（③）を押し先ほど作ったプロジェクトを選択しましょう。最後に実行ボタン（④）を押すと実行されます。

「Hello World」が表示されたら成功です。

Eclipseのインストール

Android SDKのインストール

次記事：[簡単Androidアプリ]　TextViewの利用

BroggerとTwitterの連携「FeedBumer」

noreply@blogger.com (Anonymous) — Wed, 3 Dec 2014 20:12:00 +0900

今回はプログラミングとは関係ないですが、FeedBumerを使ってブログの更新をTwitterなどのSNSに自動で投稿する方法について書いていこうと思います。

アカウント作成

まず下記サイトにてFeedBumerのアカウントを作成を行います。

https://accounts.google.com/ServiceLogin?service=feedburner&continue=https%3A%2F%2Ffeedburner.google.com%2Ffb%2Fa%2Fmyfeeds

上の画像の欄に自分のブログのURLを入力し「Next」ボタンを押します。

下記の画面になるまで「Next」ボタンを押します。

「Clickthroughs」にチェックし「Next」ボタンを押します。

これでアカウント登録は完了です。

Twitterと連携

上記の「Socialize」タブをクリックします。

上記の画面で連携の設定を行います。

まず、「Add a Twitter account」をクリックし、Twitterのアカウント情報を入力します。これでBloggerとTwitterの連携は完了ですが、細かい設定について記述していきます。

Post content

ツイートのフォーマットを設定します。

Title only：　タイトルのみツイートします。
Title and Body：　タイトルと本文をツイートします。
Body only：　本文のみツイートします。

Hash tags

ツイートにハッシュタグを付けるか否かを設定します。

Don`t add any hash tags：ハッシュタグを付けない。
Create hash tags from item categories：カデコリからハッシュタグを作成、設置

Additional text

ツイートに文字を追加する。

Add：　追加する文字を入力します。
beginning of the post：　最初に文字をつける。
end of the post：　最後に文字をつける。

Item limit

一度にいくつの投稿をツイートするかを設定。

Item order

ツイートの並び順を設定。

publish date：　投稿日順
their order in the feed：　フィード順。

Keyword filter

指定したキーワードが含まれる投稿のみツイートするように設定。

a category：　カテゴリを検索対象とする。
the title：　タイトルを検索対象とする。
the body：　本文を検索対象とする。
the whole item：　投稿全体を検索対象とする。

最後に「Activate」ボタンをクリックして完了です。

前記事：Bloggerでプログラミングを綺麗に表示する「SyntaxHighlighter」
http://taku-note.blogspot.jp/2013/11/syntaxhighlighter.html

[簡単Androidアプリ] Android SDKのインストール

noreply@blogger.com (Anonymous) — Wed, 3 Dec 2014 12:49:00 +0900

前記事：Eclipseのインストール
http://taku-note.blogspot.jp/2014/12/eclipsepleiades-all-in-one.html

ここではAndroid SDKのインストール方法について解説していきます。

Android SDK

Android SDKとは、Googleが無償で公開しているもので、Androidアプリを開発するたに必要なソフトウェアをまとめたパッケージです。主に以下のもので構成されています。

コンパイラ、デバッガ
ライブラリ
デバイスドライバ、
ドキュメント
サンプルコード
エミュレータ

Android SDK-Download

早速下記サイトでダウンロードしましょう。

https://developer.android.com/sdk/index.html?hl=i

ここで注意して欲しいのは、もしEclipseのインストールをすでに終えている場合には、サイト上部にある「Download Eclipse ADT」というボタンを押さないでください、サイト下部にある「VIEW ALL DOWNLOADS AND SIZES」をクリックし、「SDK Tools Only」から選択しましょう。

もし「Download Eclipse ADT」からダウンロードすると、またEclipseをダウンロードすることになり、時間がかかってしまします。Eclipseをダウンロードをしていない人はこれでもいいですが、EclipseのダウンロードはPleiades All In Oneパッケージを利用することをおすすめします。またEclipseのダウンロードについては前記事にて解説しています。

Android SDK-Install

続いてインストールを行います。

ダウンロードしたexeファイルを開くと、インストールが開始されます。

「Next」ボタンを押します。

JDKの確認が行われます。終了したら「Next」ボタンを押します。

インストールする場所を指定します。お好きなディレクトリを指定し「Next」ボタンを押してください。

スタートメニューに登録するかどうかです。登録したくない場合は「Do not create shortcuts」にチェックし「Install」ボタンを押しましょう。インストールが開始されます。

「Finish」ボタンを押し、インストール終了です。

Android Library-Install

インストールを終えるとSDKマネージャーが立ち上がるので、これを使ってライブラリをインストールします。

インストールするものは下記のものです。

Toolsファルダ

お好きなAPIのパッケージ「Android 4.0.3(API 15)」など

Extrasフォルダ

以上のものにチェックを入れ、右下にある「Install 〇〇 package」ボタンを押します。

次の画面で、右下にある「Accept All」にチェックし、「Install」ボタンを押します。

たくさんチェックを入れた場合は結構時間がかかってしますので、コーヒーでも飲みながら気長に待ちましょう。

インストールが終わると終了です。

次記事：[Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで
http://taku-note.blogspot.jp/2014/12/android-hello-world.html

Eclipseのインストール「Pleiades All in One」

noreply@blogger.com (Anonymous) — Tue, 2 Dec 2014 22:53:00 +0900

ここでは「Pleiades All in One」でのEclipseのインストールについて記述していきます。

Pleiades All in Oneとは、Windows向けのプログラミング言語別パッケージであるEclipse及び便利なプラグインがセットになったものです。元から日本語化されたものがダウンロードでき、これひとつダウンロードするだけで様々なプログラミング言語を扱えるのでとても便利なパッケージです。

では早速下記サイトからダウンロードしましょう。

http://mergedoc.sourceforge.jp/

ダウンロードしたいバージョンを選択します。

さーここでどれをダウンロードしようか迷うと思うので簡単に説明しようと思います。

Pleiades All in One Platform

高速に動作する軽量化パッケージです。必要なプラグインだけを導入したい方におすすめです。

Pleiades All in One Ultimate

Java、C/C++、PHP、Python開発者向けの全部入りパッケージです。高機能ですが重たいです

Pleiades All in One　Java

Java開発者向けのパッケージです。

Pleiades All in One C/C++

C/C++開発者向けのパッケージです。

Pleiades All in One PHP
PHP開発者向けのパッケージです。

Pleiades All in One Python
Python開発者向けのパッケージです。

どちらかを選択しダウンロードし解凍しましょう。
ダウンロードには結構時間がかかりますので、コーヒーでも飲みながらゆっくりと待ちましょう。

解凍するとpleiadesフォルダ内の、eclipseフォルダにeclipse.exeがありますのでダブルクリックで実行しましょう。

実行するとワークスペースを作成するディレクトリを聞かれるので、好きなディレクトリを指定してください。

正常に起動できればOKです。

これでインストール完了です。

次回はAndroid SDKのインストールについて書いていきたいと思います。

前投稿：Androidアプリの開発方法

http://taku-note.blogspot.jp/2014/12/android.html

次投稿：[Androidアプリ]Android SDKのインストール

http://taku-note.blogspot.jp/2014/12/android-android-sdk.html

[簡単Androidアプリ] Androidアプリの開発方法

noreply@blogger.com (Anonymous) — Tue, 2 Dec 2014 21:53:00 +0900

Androidアプリの大まかな開発手順は

開発環境の構築

プログラミング

エミュレータ又は実機での実行

デバッグ（修正）

公開

という手順で行っていきます。

開発環境の構築

Androidアプリに必要な準備は主に以下のものです。

JDKのインストール

Eclipseのインストール

AndroidSDKのインストール

Windowsの設定

Android Plug-inのインストール

Androidエミュレータの作成（実機がある場合は実機の設定）

アプリを作る前から大変そうですが、開発環境の構築は一度やるだけでよいので我慢しましょう。次回はこの開発環境の構築について詳しく見ていきます。

Programming

プログラミングを行う際のおおまかな手順は

EclipseでのAndroidプロジェクトの作成

Eclipseでのソースコードの記述

Eclipseでのビルド

です。基本的なプログラミングの手順と同じです。またEclipseや、Android Studio　といった統合開発ソフトを使用することで簡単にAndroidアプリを作ることができます。

簡単にと言いましたが、プログラミングを行うため最低限Androidプログラミングの勉強は必要です。

エミュレータでの実行

AndroidSDKはエミュレータを付属しています。これを使うと簡単にパソコン上でアプリを実行することができますが。パソコンの性能が低いと起動がとても遅くなったり、エラーが出たりするので、実機を持っていればそれで実行するほうが好ましいでしょう。

次投稿：Eclipseのインストール
http://taku-note.blogspot.jp/2014/12/eclipsepleiades-all-in-one.html

[VuforiaでARアプリ] 「Video Playback Sample」に動画を追加　[Androidアプリ]

noreply@blogger.com (Anonymous) — Tue, 4 Nov 2014 18:46:00 +0900

サンプルプログラムのビルドや開発環境については前の記事
前回：http://taku-note.blogspot.jp/2014/10/eclipsevuforia.html

まず、サンプルプログラムの中に入っている「VideoPlayback.java」を編集します。

「VideoPlayback.java」

VideoPlayback 65行目辺り
「NUM_TARGETS」に動画の数を入力
今回は追加する動画を「HYOUSHI」とします。

// Movie for the Targets:
    public static final int NUM_TARGETS = 3; //追加コード
    public static final int STONES = 0;
    public static final int CHIPS = 1;
    public static final int HYOUSHI = 2; //追加コード

VideoPlayback 156行目辺り
「mMovieName」に新しい動画のファイル名を指定します。

        mMovieName[STONES] = "VideoPlayback/VuforiaSizzleReel_1.m4v";
        mMovieName[CHIPS] = "VideoPlayback/VuforiaSizzleReel_2.m4v";
        mMovieName[HYOUSHI] = "VideoPlayback/Hyoushi.wmv"; //追加コード

VideoPlayback 256行目辺り
サムネイルテクスチャを追加します。これは動画が再生される前に画面に表示する画像です。

// We want to load specific textures from the APK, which we will later
    // use for rendering.
    private void loadTextures()
    {
        mTextures.add(Texture.loadTextureFromApk(
            "VideoPlayback/VuforiaSizzleReel_1.png", getAssets()));
        mTextures.add(Texture.loadTextureFromApk(
            "VideoPlayback/VuforiaSizzleReel_2.png", getAssets()));
        mTextures.add(Texture.loadTextureFromApk(
                "VideoPlayback/Hyoushi.png", getAssets()));  //追加コード
        mTextures.add(Texture.loadTextureFromApk("VideoPlayback/play.png",
            getAssets()));
        mTextures.add(Texture.loadTextureFromApk("VideoPlayback/busy.png",
            getAssets()));
        mTextures.add(Texture.loadTextureFromApk("VideoPlayback/error.png",
            getAssets()));
    }

次に「VideoPlaybackRenderer.java」を編集します。

「VideoPlaybackRenderer.java」

VideoPlaybackRenderer　73行目辺り

private float videoQuadTextureCoordsTransformedStones[] = { 0.0f, 0.0f,
            1.0f, 0.0f, 1.0f, 1.0f, 0.0f, 1.0f, };
private float videoQuadTextureCoordsTransformedChips[] = { 0.0f, 0.0f,
            1.0f, 0.0f, 1.0f, 1.0f, 0.0f, 1.0f, };
private float videoQuadTextureCoordsTransformedHyoushi[] = { 0.0f, 0.0f,
            1.0f, 0.0f, 1.0f, 1.0f, 0.0f, 1.0f, }; //追加コード

VideoPlaybackRenderer　531行目辺り

if (imageTarget.getName().compareTo("stones") == 0)
                currentTarget = VideoPlayback.STONES;
            else  if (imageTarget.getName().compareTo("chips") == 0)
                currentTarget = VideoPlayback.CHIPS;
            else  if (imageTarget.getName().compareTo("動画を移したいモデルビュー名") == 0)
　　　　　　　　currentTarget = VideoPlayback.HYOUSHI;

VideoPlaybackRenderer　647行目辺り

if (imageTarget.getName().compareTo("stones") == 0)
                    GLES20.glVertexAttribPointer(videoPlaybackTexCoordHandle,
                        2, GLES20.GL_FLOAT, false, 0,
                        fillBuffer(videoQuadTextureCoordsTransformedStones));
                else if (imageTarget.getName().compareTo("chips") == 0)
                    GLES20.glVertexAttribPointer(videoPlaybackTexCoordHandle,
                        2, GLES20.GL_FLOAT, false, 0,
                        fillBuffer(videoQuadTextureCoordsTransformedChips));
                else if (imageTarget.getName().compareTo("動画を移したいモデルビュー名") == 0)
                    GLES20.glVertexAttribPointer(videoPlaybackTexCoordHandle,
                        2, GLES20.GL_FLOAT, false, 0,
                        fillBuffer(videoQuadTextureCoordsTransformedHyoushi));

VideoPlaybackRenderer　862行目辺り

if (target == VideoPlayback.STONES)
        {
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedStones[0],
                videoQuadTextureCoordsTransformedStones[1],
                videoQuadTextureCoords[0], videoQuadTextureCoords[1], mtx);
            videoQuadTextureCoordsTransformedStones[0] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedStones[1] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedStones[2],
                videoQuadTextureCoordsTransformedStones[3],
                videoQuadTextureCoords[2], videoQuadTextureCoords[3], mtx);
            videoQuadTextureCoordsTransformedStones[2] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedStones[3] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedStones[4],
                videoQuadTextureCoordsTransformedStones[5],
                videoQuadTextureCoords[4], videoQuadTextureCoords[5], mtx);
            videoQuadTextureCoordsTransformedStones[4] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedStones[5] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedStones[6],
                videoQuadTextureCoordsTransformedStones[7],
                videoQuadTextureCoords[6], videoQuadTextureCoords[7], mtx);
            videoQuadTextureCoordsTransformedStones[6] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedStones[7] = tempUVMultRes[1];
        } else if (target == VideoPlayback.CHIPS)
        {
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedChips[0],
                videoQuadTextureCoordsTransformedChips[1],
                videoQuadTextureCoords[0], videoQuadTextureCoords[1], mtx);
            videoQuadTextureCoordsTransformedChips[0] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedChips[1] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedChips[2],
                videoQuadTextureCoordsTransformedChips[3],
                videoQuadTextureCoords[2], videoQuadTextureCoords[3], mtx);
            videoQuadTextureCoordsTransformedChips[2] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedChips[3] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedChips[4],
                videoQuadTextureCoordsTransformedChips[5],
                videoQuadTextureCoords[4], videoQuadTextureCoords[5], mtx);
            videoQuadTextureCoordsTransformedChips[4] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedChips[5] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedChips[6],
                videoQuadTextureCoordsTransformedChips[7],
                videoQuadTextureCoords[6], videoQuadTextureCoords[7], mtx);
            videoQuadTextureCoordsTransformedChips[6] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedChips[7] = tempUVMultRes[1];
        }
         else if (target == VideoPlayback.HYOUSHI)     //追加コード
        {
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedHyoushi[0],
                videoQuadTextureCoordsTransformedHyoushi[1],
                videoQuadTextureCoords[0],
                videoQuadTextureCoords[1], mtx);
            videoQuadTextureCoordsTransformedHyoushi[0] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedHyoushi[1] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedHyoushi[2],
                videoQuadTextureCoordsTransformedHyoushi[3],
                videoQuadTextureCoords[2],
                videoQuadTextureCoords[3], mtx);
            videoQuadTextureCoordsTransformedHyoushi[2] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedHyoushi[3] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedHyoushi[4],
                videoQuadTextureCoordsTransformedHyoushi[5],
                videoQuadTextureCoords[4],
                videoQuadTextureCoords[5], mtx);
            videoQuadTextureCoordsTransformedHyoushi[4] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedHyoushi[5] = tempUVMultRes[1];
            tempUVMultRes = uvMultMat4f(
                videoQuadTextureCoordsTransformedHyoushi[6],
                videoQuadTextureCoordsTransformedHyoushi[7],
                videoQuadTextureCoords[6],
                videoQuadTextureCoords[7], mtx);
            videoQuadTextureCoordsTransformedHyoushi[6] = tempUVMultRes[0];
            videoQuadTextureCoordsTransformedHyoushi[7] = tempUVMultRes[1];
        }

これで動画の追加は完了です。

モデルデータセットを変更したい場合は以下のコードを編集、追加します。

VideoPlayback 632行目辺り

// データセットをロード:
        if (!dataSetFITPamph.load("追加したいデータセット名.xml",
            STORAGE_TYPE.STORAGE_APPRESOURCE))  //編集箇所
        {

サンプルプログラムのビルドや開発環境については前の記事で
前回：http://taku-note.blogspot.jp/2014/10/eclipsevuforia.html

参考：https://developer.vuforia.com/forum/faq/android-how-do-i-add-another-target-video-playback-sample

[VuforiaでARアプリ] VideoPlaybackSampleをeclipseでビルド [Androidアプリ]

noreply@blogger.com (Anonymous) — Fri, 31 Oct 2014 18:12:00 +0900

eclipseとvuforiaで、AR動画のサンプルを試したのでメモ
まずは、開発環境から・・・

以下にて「Android-Vuforia SDK」と、Sampleをダウンロード

Android-Vuforia SDK
https://developer.vuforia.com/resources/sdk/android

Sample
https://developer.vuforia.com/resources/sample-apps/features

SDKを解凍すると「samples」というフォルダがあるので、その中にさっきダウンロードしたSampleを全部突っ込む。

eclipseにてダウンロードしたsampleをインポートする。

eclipseの「ウィンドウ-設定-java-ビルド・パス-クラスパス変数」内で、Vuforia SDKに入ってた「Vuforia.jar」を追加。その時名前は「QCAR_SDK_ROOT」にする。

これで実行できると思いきや、どうやらAndroid NDKがないと動かないらしいので、以下から「Android NDK」をダウンロード。適当なディレクトリに入れ、パス通し。詳しくは以下の参考さいとで。

Android NDK
https://developer.android.com/tools/sdk/ndk/index.html

Android NDK参考
http://technobrain.seesaa.net/article/246790219.html

次に、「Cygwin」のインストール。どうやらeclipseでコンパイルする前にCygwinでコンパイルするらしい、先にコンパイルして生成しておくファイルが有るとか何とか、詳しいことは知らん。

Cygwin
https://cygwin.com/install.html

Cygwin参考
http://win.just4fun.biz/%E9%96%8B%E7%99%BA%E3%83%84%E3%83%BC%E3%83%AB/Cygwin%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E7%92%B0%E5%A2%83%E6%A7%8B%E7%AF%89.html

インストールが終わったら、Cygwinでコンパイルする。
まず、「cd」コマンドでサンプルプロジェクトがあるディレクトリに移動し、「ndk-build]コマンドでビルド。

ここまでのことで詳しくは以下のリンクで
https://developer.vuforia.com/resources/dev-guide/step-1-setting-development-environment-android-sdk

これで、やっと実行できる笑

次回はこのサンプルプログラムに自分の好きな動画を追加していきたいと思います。

次回：http://taku-note.blogspot.jp/2014/11/vuforia-video-playback-sample.html

[簡単Androidアプリ] 背景にグラデーションを与える方法

noreply@blogger.com (Anonymous) — Sun, 10 Nov 2013 13:54:00 +0900

背景にグラデーションを与えるには、eclipseの「パッケージ・エクスプローラー」内の「res」->「drawable」フォルダ内に新しく「xml」ファイルを作成し、そこにグラデーションを与える記述をします。では早速見て行きましょう。

まず、新しく「xml」ファイルを作成します。
「drawable」フォルダを右クリックし「新規」、「Android XML ファイル」を選択

リソース・タイプを「Drawable」
ファイル名を適当に入力、ここでは「gradientbackground」とする。
ルート要素を「shape」にし完了。

作成したXMLファイルに以下を記述。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#339933"
    android:endColor="#99CC33"
    android:angle="270"/>
<corners android:radius="10dp"/>
</shape>

　グラデーションは<gradient>タグ内で設定しています。android:startColor=""にグラデーションのスタートの色を16進数カラーコードで指定し、android:endColor=""にグラデーションの終わりの色を16進数カラーコードで指定します。android:angle=""ではグラデーションがどの方角に向かうかかを角度で指定します。デフォルトでは0度となり、右から左へとグラデーションします。

　次に、layoutのxml内で先ほど作成したgradientbackground.xmlを背景として設定します。背景の設定は3行目のandroid:background="@drawable/作成したファイル名"で行います。以下activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:background="@drawable/gradientbackground"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

</LinearLayout>

eclipseの動作がおかしい場合にまず行うこと（eclipse　cleanコマンド）

noreply@blogger.com (Anonymous) — Sun, 10 Nov 2013 09:51:00 +0900

　
eclipseの動作がおかしい場合はまずはじめにコマンドプロンプトから「clean」コマンドを実行してみる。

まず、コマンドプロンプト内でeclipse.exeがあるディレクトリまで移動し、「eclipse -clean」コマンドを実行、これを行うと結構な確率で正常に戻る。

Android Activity(アクティビティ)クラスについて

noreply@blogger.com (Anonymous) — Tue, 5 Nov 2013 21:14:00 +0900

このブログは、私がプログラミングを勉強していく上でのノートとして活用していこうと思います。また私はプログラミング初心者なのであまりいい知識は提供できないと思いますので、そこは期待しないでください。

今日はActivity(アクティビティ)クラスについて、つらつらとノートしていこうと思います。

　アクティビティとは、ユーザがアプリと対話処理できるようにユーザインターフェイスを提供するコンポーネントである。簡単にいうとアプリの画面一つ一つがアクティビティという理解でいいのかな？。

アクティビティは、android.app.Activityクラスのサブクラスであり、android.app.Activity自体は抽象クラスで、使うときはActivityクラスをextends(拡張)しそれぞれのメソッドをオーバーライドして使う。

以下Activityクラスのメソッドの説明。

onCreate(Bundle)
最初にアクティビティが作成された時に呼び出される。
主に初期化や、アクティビティのユーザインターフェイスの作成を行う。
onStart()
アクティビティをユーザに見せる直前に呼び出される。
onRestart()
停止されていたアクティビティが再スタートされる直前に呼び出される。
onResume()
アクティビティがユーザとの対話処理を開始する直前に呼び出される。
onPause()
Androidが別のアクティビティを再開しようとするときに呼び出される。
主にまだ保存されていない変更を永続化したり、プロセッサのサイクルを消費させるアニメーションを停止させるといった処理を行うのに使用する。
onStop
アクティビティがユーザから見えなくなった時に呼び出される。
onDestroy
アクティビティが破棄される前に呼び出される。
主にアクティビティに割り当てられたリソースの解放を行う。

上の7つのメソッドによって、アクティビティのライフサイクル全体が定義される。

以下アクティビティのライフタイムの説明

アクティビティのライフタイム全体
onCreate(Bundle)が呼び出されてからonDestroy()までのすべての期間。
アクティビティの可視ライフタイム
onStart()が呼び出されてから、onStop()の呼び出しまで。
つまりは、ユーザーがアクティビティを画面で見られる間。
アクティビティのフォアグランドタイム
onResume()の呼び出しから、onPause()の呼び出しまでのすべての期間。
つまりは、画面上のアクティビティが、他のアクティビティより手前にあり、ユーザとの対話処理を行っている期間。

以下にライフサイクルを図で示す。

　アクティビティは明示的、暗黙的にインテントを記述するIntentオブジェクトを作成し、そのオブジェクトをContentのVoid startActivity(Intent intent)メソッドに値を渡すことによって、アクティビティが起動される。つまりはアクティビティの起動はstartActivity(Intent intent)メソッドを呼び出せばいい。

以上でActivityクラスのノート終了。
とても簡単な説明になってしまったけど、あとでまた詳しい知識とやらを身につけて私が現れた時にでも追加説明を書いていこうと思います。

Bloggerでプログラミングを綺麗に表示する「SyntaxHighlighter」

noreply@blogger.com (Anonymous) — Mon, 4 Nov 2013 07:56:00 +0900

初投稿!!ということで色々分からないことだらけなのですが、書いていこうと思います。
このブログは、私がプログラミングを勉強していく上でのノートとして活用していきたいと思います。また私はつい最近勉強を始めたばかりの、初心者です。あまりいい知識は提供できないので、あまり期待しないでください。

早速ですが、今日はブログにプログラムを綺麗に表示する方法をノートしていきたいと思います。プログラミングを勉強したことがある方は見たことがあるかと思いますが、ブログなどでソースコードを載せる際、ソースコードの部分が枠で囲ってあって、色がついてて、という風にとても、かっこよく載せてありますよね。私もこの記事を書く際どうやるんだろと思い少し調べて見たところ、どうやら”SyntaxHighlighter”というJavaScriptライブラリを皆さん使っているようです。それを導入してみたのでその導入方法と、使い方についてメモしていきます。

導入方法

準備はたったの1つだけです。まず　①Bloggerの管理者画面左の項目から「テンプレート」を選択します。次に　②「HTMLの編集を選択します。

次に、エディタ書かれているhtml内の<head>と</head>の間に次のコードをコピペしてください。

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/> 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCSharp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPython.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushRuby.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'></script> 
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'></script> 
<script language='javascript'> 
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/current/scripts/clipboard.swf';
SyntaxHighlighter.all();
</script>

以上で準備は完了です。次は使い方について見て行きましょう。

使い方

コードを投稿する際

"プログラムを記述"

のように記述します。また***のところは言語名を書きます。例えばJAVA言語を載せたい場合は***の部分を”java”にします。使用できる言語は下記のリンクより参照してください。

http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

参考：http://moririn-web.blogspot.jp/2010/03/bloggersyntax-hilighter.html

1031Taku - Programming Note

[C言語基礎編] 開発環境の構築 Visual Studio Express 2012

[簡単Androidアプリ] 図形を描画してみよう！！（Viewクラスの拡張）

Coding

SampleMain.java

Execution

[簡単Androidアプリ] 画像をアニメーションさせてみよう！！（ImageView）

Layout

Coding

SampleMain.java

Execution

[簡単Androidアプリ] ダイアログ（AlertDialog）を使ってみよう！！

Coding

Execution

[簡単Androidアプリ] スピナ（Spinner）を使ってみよう！！

Layout

Coding

Execution

[簡単Androidアプリ] リストビュー（ListView）に日付を表示してみよう！！「ArrayAdapterクラスの拡張」

Coding

SampleMain.java

Execution

[簡単Androidアプリ] リストビュー（ListView）を使ってみよう！！

Layout

Coding

SampleMain.java

Execution

[簡単Androidアプリ] エディットテキスト（EditText）を使ってみよう！！

Layout

Coding

SampleMain.java

Execution

[簡単Androidアプリ] ラジオボタン（RadioButton）使ってみよう！！

Layout

Coding

SampleMain.java

Execution

[簡単Androidアプリ] チェックボックス（CheckBox）をつかってみよう！！

Layout

Coding

SampleMain.java

Execution

[簡単Androidアプリ] カウンターアプリケーションを作ってみよう！！

Coding

SampleMain.java

activity_sample_main.xml

gradientbackground.xml

実行

解説

[簡単Androidアプリ] ボタンの利用とリスナーの設定

Layout

Coding

Execution

解説

[簡単Androidアプリ] TextViewの利用

Coding

Execution

解説

Activity Class

Package

Inport

Object

OnCreate-Method

[簡単Androidアプリ] プロジェクトの作成からHello Worldテキストの出力まで

プロジェクトの作成

BroggerとTwitterの連携「FeedBumer」

アカウント作成

Twitterと連携

Post content

Hash tags

Additional text

Item limit

Item order

Keyword filter

[簡単Androidアプリ] Android SDKのインストール

Android SDK

Android SDK-Download

Android SDK-Install

Android Library-Install

Eclipseのインストール「Pleiades All in One」

[C言語基礎編]　開発環境の構築　Visual Studio Express 2012

[簡単Androidアプリ]　スピナ（Spinner）を使ってみよう！！

[簡単Androidアプリ]　リストビュー（ListView）を使ってみよう！！

[簡単Androidアプリ]　TextViewの利用

[VuforiaでARアプリ] 「Video Playback Sample」に動画を追加　[Androidアプリ]

eclipseの動作がおかしい場合にまず行うこと（eclipse　cleanコマンド）