今回は、都道府県名（文字列）と都道府県コード番号（整数）の2つのデータを保持するリストを作成し、ListView にデータバインドさせる。
ListView で表示されるのは都道府県名のみで、リストをクリックした時に Toast で都道府県名と都道府県コードの両方をポップアップさせる。

まず、内部クラスで都道府県名と都道府県コード番号を管理するクラス Area を作成する。

private class Area {
    private String AreaName;
    private int AreaCode;

    public Area(String name, int code) {
        this.AreaName = name;
        this.AreaCode = code;
    }

    public String getName() {
        return AreaName;
    }

    public int getCode() {
        return AreaCode;
    }
}

Area クラスのインスタンスのリストデータを BaseAdapter を継承して作った AreaListAdapter を使って ListView にバインドさせる。
AreaListAdapter では、1行分のリストをレイアウトファイル list_item.xml で定義したレイアウトに従って表示させる。

private class AreaListAdapter extends BaseAdapter {
    private Context context;
    private List<Area> list;
    private LayoutInflater layoutInflater = null;

    public AreaListAdapter(Context context, List<Area> list) {
        super();
        this.context = context;
        this.list = list;
        layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    }

    @Override
    public int getCount() {
        return list.size();
    }

    @Override
    public Object getItem(int position) {
        return list.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        Area area = (Area) getItem(position);
        convertView = layoutInflater.inflate(R.layout.list_item, null);
        TextView tv = (TextView) convertView.findViewById(R.id.list_item);
        tv.setText(area.getName());
        return convertView;
    }
}

レイアウトファイル list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/list_item"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:textSize="22.5sp"
    android:textColor="#ffffffff"
    android:padding="12.5dip" />

アクティビティ生成時にデータを作成して、AreaListAdapter を使って ListView にデータをセットする。

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    List<Area> list = new ArrayList<Area>();
    String[] areaNames = { "東京", "大阪", "福岡" };
    int [] areaCodes = { 100, 102, 105 };

    for (int i = 0; i < areaNames.length; i++) {
        list.add(new Area(areaNames[i], areaCodes[i]));
    }

    setListAdapter(new AreaListAdapter(this, list));
}

ListView で表示される項目をクリックした際には、View に紐付けられているアダプタを取得してデータ（Area クラス）を取り出し、都道府県名と都道府県コードのデータを得る。

@Override
protected void onListItemClick(ListView l, View v, int position, long id) {
    super.onListItemClick(l, v, position, id);
    Area item = (Area) l.getAdapter().getItem(position);
    Toast.makeText(this, "AreaName : " + item.getName() + ", AreaCode : " + item.getCode(), Toast.LENGTH_SHORT).show();
}

ListActivity を使って画面を作成したので、main.xml ファイルに ListView を定義して ListView の id を @+id/android:list としておく。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <ListView
        android:id="@+id/android:list"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" />
</LinearLayout>

実行画面スクリーンショット

Google Androidプログラミング入門

posted with amazlet at 10.09.02

江川 崇 竹端 進 山田 暁通 麻野 耕一 山岡 敏夫 藤井 大助 藤田 泰介 佐野 徹郎
アスキー・メディアワークス
売り上げランキング: 2687

Amazon.co.jp で詳細を見る

ソフトリセット

1. 一旦バッテリを取り外す。
2. 再度バッテリを装着して電源を入れる。

ハードリセット

1. 電源をOFFにする。
2. 『ボリューム ダウン (-)』ボタンを押しながら『電源』ボタンを押す。
3. BootLoaderの画面が出たら『ボリューム』ボタンで『CLEAR STORAGE』を選択して『電源』ボタンを押す。
4. 『ボリューム アップ (+)』ボタンを押して、全てのユーザデータの削除に同意する。

キャンディアプリ選択リストが表示されるので、『日時入力』を選択する。

入力候補にはアプリ実行時の年月日・時間やその他の日時入力に便利な文字列が表示される。

また、年月日や日時のフォーマットとして、1桁の場合にゼロを付けるかどうかの設定ができる。

ダウンロード

TimestampInput.apk (ver 1.0) (23.5KB)

Nexus One で動作確認をしています。
ご利用される場合は自己責任でどうぞ。

以下の例の DOM 要素に対して、jQuery の DOM 操作メソッドを使って処理を行い、その挙動の違いについて調べてみた。

<div id="box" class="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>

append, appendTo, prepend, prependTo について

append

append

指定した要素の最後に、引数で指定した内容を追加する。

$('#box').append('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
    <div><em>サンプルテキスト5（追加）</em></div>
</div>

appendTo

appendTo

指定した内容を、引数で指定した要素の最後に追加する。

$('<div><em>サンプルテキスト5（追加）</em></div>').appendTo('#box');

実行結果

<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
    <div><em>サンプルテキスト5（追加）</em></div>
</div>

prepend

prepend

指定した要素の最初に、引数で指定した内容を追加する。

$('#box').prepend('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div><em>サンプルテキスト5（追加）</em></div>
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>

prependTo

prependTo

指定した内容を、引数で指定した要素の最初に追加する。

$('<div><em>サンプルテキスト5（追加）</em></div>').prependTo('#box');

実行結果

<div id="box">
    <div><em>サンプルテキスト5（追加）</em></div>
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>

after, insertAfter, before, insertBefore について

after

after

指定した要素の後ろに、引数で指定した内容を追加する。

$('#box').after('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>
<div><em>サンプルテキスト5（追加）</em></div>

insertAfter

insertAfter

指定した内容を、引数で指定した要素の後ろに追加する。

$('<div><em>サンプルテキスト5（追加）</em></div>').insertAfter('#box');

実行結果

<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>
<div><em>サンプルテキスト5（追加）</em></div>

before

before

指定した要素の前に、引数で指定した内容を追加する。

$('#box').before('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div><em>サンプルテキスト5（追加）</em></div>
<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>

insertBefore

insertBefore

指定した内容を、引数で指定した要素の前に追加する。

$('<div><em>サンプルテキスト5（追加）</em></div>').insertBefore('#box');

実行結果

<div><em>サンプルテキスト5（追加）</em></div>
<div id="box">
    <div>サンプルテキスト1</div>
    <div>サンプルテキスト2</div>
    <div>サンプルテキスト3</div>
    <div>サンプルテキスト4</div>
</div>

wrap, wrapAll, wrapInner について

wrap

wrap

指定した要素を、引数に指定した内容で囲む。
指定した要素が複数の場合は各要素が個別に囲まれる。

$('#box div').wrap('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div><em>サンプルテキスト5（追加）<div>サンプルテキスト1</div></em></div>
    <div><em>サンプルテキスト5（追加）<div>サンプルテキスト2</div></em></div>
    <div><em>サンプルテキスト5（追加）<div>サンプルテキスト3</div></em></div>
    <div><em>サンプルテキスト5（追加）<div>サンプルテキスト4</div></em></div>
</div>

wrapAll

wrapAll

指定した要素を、引数に指定した内容で囲む。
指定した要素が複数の場合は各要素をひとまとめにして囲まれる。

$('#box div').wrapAll('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div>
        <em>サンプルテキスト5（追加）
            <div>サンプルテキスト1</div>
            <div>サンプルテキスト2</div>
            <div>サンプルテキスト3</div>
            <div>サンプルテキスト4</div>
        </em>
    </div>
</div>

wrapInner

wrapInner

指定した要素の子要素を、引数で指定した内容で囲む。
指定した要素が複数の場合は各要素が個別に囲まれる。

$('#box div').wrapInner('<div><em>サンプルテキスト5（追加）</em></div>');

実行結果

<div id="box">
    <div><div><em>サンプルテキスト5（追加）サンプルテキスト1</em></div></div>
    <div><div><em>サンプルテキスト5（追加）サンプルテキスト2</em></div></div>
    <div><div><em>サンプルテキスト5（追加）サンプルテキスト3</em></div></div>
    <div><div><em>サンプルテキスト5（追加）サンプルテキスト4</em></div></div>
</div>

デモページ

jQuery, DOM の操作メソッドの挙動の違いについて デモ

jQueryクックブック

posted with amazlet at 10.08.29

jQuery Community Experts
オライリージャパン
売り上げランキング: 1476

Amazon.co.jp で詳細を見る

キャンディとは Simeji のマッシュアップアプリの機能で、Simeji の入力候補部分に複数の任意の文字列を表示させることができるというもの。
キャンディアプリによって表示される入力候補はタップして入力を行っても変更されないので、連続して入力を行える。

そこで、通貨記号や数字・カンマなどの文字を入力候補部分に表示させて、通貨文字列の入力を簡単に行えるようにしてみた。

作り方は、『throw Life – マッシュルーム』のサイトにあるキャンディ開発テンプレートほぼそのまま。

キャンディアプリ選択リストが表示されるので、『通貨入力』を選択する。

入力候補に、数字が表示されている。
はじめ、キャンディアプリの使い方がわからなくて困ったが、『ま』の下にある『＋』をタップするとキャンディアプリ選択リストが表示できる。

入力候補は全部でこれだけ。通貨関連の入力文字列をそろえている。

ダウンロード

CurrencyInput.apk (ver 1.0) (16.7KB)

Nexus One で動作確認をしています。
ご利用される場合は自己責任でどうぞ。

common/fckeditor/editor/filemanager/browser/default/connectors/php/config_and_auth.inc.dist.php

以下の例では 1 は管理者であり、GID が 3 のグループのユーザを追加している。

$fck_uploadable_groups = array(1, 3) ; // specify groups can upload images

また、config_and_auth.inc.dist.php を config_and_auth.inc.php にリネームしておくと、バージョンアップの際の上書きから保護できる。

メタタグでの指定の例

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes,">

各パラメータと、その内容

width

ビューポート（可視領域）の幅（ピクセル値）。
デフォルト値は 980。
200 から 10000 までの範囲を指定できる。

height

ビューポートの高さ（ピクセル値）。
デフォルト値は width の値とデバイスのアスペクト比から算出される。
233 から 10000 までの範囲を指定できる。

initial-scale

ページが可視領域内にフィットするように計算された値がデフォルト値となる。
minimum-scale から maximum-scale によって定義された範囲の値が指定できる。
最初にページが表示されるビューポートの値のみが指定可能。
user-scalable に no を指定していなければズーム操作が可能となる。
ズームの範囲は minimum-scale と maximum-scale の範囲内に制限される。

minimum-scale

ビューポートの最小 scale 値。
デフォルト値は 0.25。
0 から 10.0 までの範囲を指定できる。

maximum-scale

ビューポートの最大 scale 値。
デフォルト値は 1.6。
0 から 10.0 までの範囲を指定できる。

user-scalable

ユーザーがズーム操作できるかどうかを yes と no で指定する。
デフォルト値は yes。
no を指定するとテキスト入力フィールド内でのスクロールも制限される。

プロパティ値と、その内容

device-width

デバイスの幅（ピクセル値）。

device-height

デバイスの高さ（ピクセル値）。

『郵便番号から住所・住所から郵便番号を検索する (Web版)』のスマートフォン（iPhone・Android）向けバージョンを作ってみた。

郵便番号・住所検索：http://sandbox.serendip.ws/zipcode_search_sp.html

参考：Safari HTML Reference: Supported Meta Tags

b-mobile のサイト(bモバイル 　お取り扱い販売店)に掲載されている近くの量販店に問い合わせてみるがどこも在庫はなく、通販で購入しようかと思っていたところ、神戸ハーバーランドのSofmapに立ち寄った際にたずねてみると6ヶ月・1年の両方とも在庫があったので、6ヶ月の方をその場で購入した。

さっそくパッケージを開けると docomo FOMA の SIM が入っていて、パッケージの内側に APN の設定が記載されている。

SIM を Nexus One にセットして 『設定』→『無線とネットワーク』→『モバイルネットワーク』→『アクセスポイント名』でメニューボタンを押して『新しいAPN』から APN の設定を行う。
入力するのは『APN』『ユーザー名』『パスワード』の3項目。

APN 設定を行ってから、携帯電話でパッケージに記載されている開通手続電話番号へ電話をかけて、音声ガイダンスに従ってパッケージに記載されている番号を押していく。

開通手続が完了するまでは b-mobile のサイトにしか繋らない。
パッケージには5分程度で開通するとあるけれど、実際には30分程かかった。

開通して接続できてもアンテナは切断状態のアイコンのままとなっている。

スピードはサクサクとはいかないけれど、実用上は問題ない程度に使える。
さっそく、経路検索を使ってGoogleマップに近道をナビゲートしてもらった。やっぱり便利。

日本通信 bモバイルSIM U300 6ヶ月(185日)使い放題パッケージ BM-U300-6MS

posted with amazlet at 10.08.17

日本通信 (2010-04-16)
売り上げランキング: 235

Amazon.co.jp で詳細を見る

new AlertDialog.Builder(this)
    .setIcon(R.drawable.icon)
    .setTitle(R.string.about_title)
    .setMessage("TextRはテキスト編集用サンドボックスです。\nSerendip(c)2010.")
    .setPositiveButton(android.R.string.ok, null)
    .show();

これを、LayoutInflater を使って、メッセージの一部をセンタリングしたり、文字サイズ・色を変更してみる。

setView を使って res/layout/about.xml から作った View を AlertDialog のメッセージ表示部分に適用している。

ViewGroup root = (ViewGroup) findViewById(R.id.layout_about_root);
View layout = getLayoutInflater().inflate(R.layout.about, root);
new AlertDialog.Builder(this)
    .setIcon(R.drawable.icon)
    .setTitle(R.string.about_title)
    .setView(layout)
    .setPositiveButton(android.R.string.ok, null)
    .show();

res/layout/about.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:id="@+id/layout_about_root"
    android:padding="10dip"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:textColor="@color/white"
        android:textSize="18.0sp"
        android:paddingBottom="5dip"
        android:text="@string/about_text" />
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="@color/white"
        android:textSize="18.0sp"
        android:text="@string/about_copyright" />
</LinearLayout>

Google Androidプログラミング入門

posted with amazlet at 10.08.14

江川 崇 竹端 進 山田 暁通 麻野 耕一 山岡 敏夫 藤井 大助 藤田 泰介 佐野 徹郎
アスキー・メディアワークス
売り上げランキング: 3485

Amazon.co.jp で詳細を見る

メニューボタンの『Color…』ボタンをタッブして、RGB Color Picker ダイアログを表示させて、画面の表示色を変更できる。

『Brightness…』ボタンをタップして、 Brightness ダイアログを表示させて、画面の輝度を変更することもできる。
この設定から変更した輝度は TinyTorch でのみ使用される輝度で、Android のメインメニューの『表示』→『画面の明るさ』から設定する輝度とは異なる。
TinyTorch の設定で輝度を最大に設定していても、TinyTorch がバックグラウンドアクティビティになると Android の輝度設定に戻る。

ダウンロード

TinyTorch.apk (ver 1.0) (25KB)

Nexus One で動作確認をしています。
ご利用される場合は自己責任でどうぞ。