AKB48で理解するUIとUXの違い

UI

(画像は公式サイトより)

UX

僕なりの解釈です。勘違いだったら教えてください。

[Android]ListViewのlistSelectorを使ってタップしたときに色を変える

ListViewのアイテムを選択されたときに色を変える方法は、<selector>を用意してその子要素にタップしたときの色を指定するitemはandroid:state_pressed をtrueにしたものを用意し、選択していないときの色はデフォルトの色で行います。

ここで、
ListViewのアイテム選択にはバグがあるようです。
listSelectorを下記のようにすると、リストのアイテムを選択したときに
Android2.xだと選択行以外も選択されてしまいます。(Android4.xではこの現象はおきません。)

<selector xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:state_pressed="true">
         <color android:color="#FFFFFF">
     </color></item>
     <item>
         <color android:color="#000000">
     </color></item>
 </selector>

ここでは、私は何も考えずにcolorを使ってしまったのですが、shapeを使って色を指定すれば回避できるようです。

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true">
        <shape android:shape="rectangle">
            <solid android:color="#FFFFFFc">
        </solid></shape>
    </item>
    <item>
        <shape android:shape="rectangle">
            <solid android:color="#000000">
        </solid></shape>
    </item>
</selector>

ちょっとはまりました。
ご参考までに。

Blogを放置しすぎた

このBlogを書くのをすっかり忘れていてずっと放置していたのですが、 少しずつ書こうと思います。

"Webエンジニアのためのデータベース技術[実践]入門"を読みました。

Webエンジニアのためのデータベース技術[実践]入門　読みました。
インデックスのような基礎的なところから、
NoSQLのような新しい技術の解説や、
MySQLのソースコードの読み方といった深い解説もあり、
データベースに関しての基礎は一通り学べる本であると思います。

SQLの構文の解説のような超初心者向けの解説はありませんでしたが、
データベースに苦手意識があった自分としてはとても勉強になりました。
データベースの基礎を身につけるにはこの１冊で十分なのではないかと思いました。

C言語で二分探索木を書いてみた。

C言語で二分探索木を書いてみた。 所要時間１時間。 あってる？

あなたがSonyTabletを買うべき５つの理由

みんな「新しいiPad」に夢中のようですが、
日本人としては Sony Tabletは無視できない存在です。
ということで、今更ですがiPadブームに便乗してSony Tabletを買いました。
使ってみて、ボクなりにSony Tabletの良いところを考えてみました。

1. すぐ買える

今、新しいiPadを買おうとしても、どこも売り切れ状態で、予約しないとけません。
すぐにタブレット端末を使いたいと思って、思っても手に入りません。
そこで、Sony Tabletです。
すぐにSony Tabletコーナーに行きましょう。在庫がかならずあります。
店員さんもiPadの方に夢中で、Sony Tabletはあんまり売る気が無いので声もかけてくれません。
お店で端末をいくらでもいじり倒せます。


2. Androidであること

これは重要です。
Androidはオープンなので、今後たくさんのものに搭載されていきます。
AndroidのUIがいろんなデバイスの標準になるのです。
iOSなんて、たかだかiPod/iPhone/IPadぐらいでしょうが、
Androidはスマフォ・タブレット以外にもTVや、カーナビ、ゴーグルや自転車、ロボットまでにも搭載されるのです。


3. ソニーのサービスが使える

Sonyの「Video Unlimited」が使えるので、
Sony Tabletで映画もその場で観れます。
購入とレンタルがあるようです。(個人的にあんまり観たい映画はありませんでしたが)
「PlayStation Store」も入っているので、PSのゲームも買ってSony Tabletでプレイすることができます。
両方ともSony Entertainment Networkのアカウントを使えます。
あとは、「Reader」で電子書籍も楽しむことができます。
ちなみに、「Reader」はMy Sony IDのアカウントが必要です。


4. 「さばドル」のまゆゆの限定写真が見える

これはすごいです。
渡辺麻友主演のドラマ「さばドル」の限定写真が見れるのです！
ちなみに、見るためには「ネットフレーム by Life-X」というアプリを
なぜか、Androidマーケットからダウンロードする必要があります。
ちなみに、Life-Xには、My Sony IDのアカウントが必要です。


5. スリルが味わえる

ソニー製品です。
いわゆる「ソニータイマー」の存在が噂されるほどの品質ですw
いつ壊れるか、はらはらドキドキのスリルが味わえます。
(ちなみに、ボクのPSPは１年ぐらいで○ボタンが効かなくなってしまいました。。。)
また、ソニーのサービスに個人情報をさらにまたスリル満点です。
一度PSNのIDを流出させましたからね。
ドキドキですよね。

本当は、赤外線でリモコンの役割を果たすとか、
DLNA対応で、Playerとして利用できるとかいろいろあるのですが、
家にテレビとか情報家電系のものがないので試すことができないので、
試した方は使い勝手を教えてください。

CoffeeScriptを学ぶ(2)

JavaScriptはプロトタイプベースのオブジェクト指向だったので、
クラスという概念はなかったのですが、
CoffeeScriptには、クラスという概念があります。

class Hello
  method:  ->
    alert "hello"

"class クラス名"でクラスを宣言できます。
メソッドは、クラスのブロックで

メソッド名: (引数) ->
  メソッド本体

と書きます。

これをJavaScriptに変換すると、下記のようになります。

var Hello;

Hello = (function() {
  function Hello() {}
  Hello.prototype.method = function() {
    return alert("hello");
  };
  return Hello;
})();

CoffeeScriptのページのサンプルの例を持ってくると

class Animal
  constructor: (@name) ->

  move: (meters) ->
    alert @name + " moved #{meters}m."

Animalとうクラスです。
コンストラクタは "constructor:"で定義できます。
@xxxはインスタンス変数ですね。
ちなみに#{}を使えば、文字列のなかで変数を評価して値を使用できます。(Rubyと同じ構文ですね。)

class Snake extends Animal
  move: ->
    alert "Slithering..."
    super 5

class Horse extends Animal
  move: ->
    alert "Galloping..."
    super 45

継承はextendsを使います。
superでスーパークラスのメソッドを呼び出すことができます。

やっぱりクラスを使うと、比較的大きなコードを書くときは、考えやすくて便利ですよね。