1 Entry per Day: 2012

2012年12月28日金曜日

drawable.xmlで遊んでみる #androidadvent2012

これはAndroid Advent Calendar 2012の12月28日＜表＞のエントリです。

@kinnekoさんの＜裏＞記事もどうぞ。
Supersonicで自前のGoogleMusicを実現する http://d.hatena.ne.jp/kinneko/20121228/p1

こんにちは。最近、公私共に全然Androidの開発やってない@mstsskです。

昨年のAndroid Advent Calendar 2011では、先に~~JPPの太鼓持ち~~jsonというテーマを決めていたので、「Androidアプリで使えるJSONライブラリ比較」という記事を書きました。

ですが、今回は記事に出来るような事がなーんにもない状態で、勢いでAdvent Calendarに参加を決めちゃいました。

ううむ。どうしよう…

そうだ！ Androidと言えば、drawableがある。Shape Drawableを使えば、画像ファイルを用意せずともxmlの記述だけで画面解像度に依存しない図形を描画できる。 #小芝居
でも、描けるのはあくまでも簡単な図形だけらしい… そこで、drawable.xmlで絵が描けるか試してみました。

ドロイド君を drawable.xml だけで描いてみた

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

	<!-- for Android 4.0 or above -->

	<!-- left antenna's stroke -->
	<item
	android:bottom="350dp"
	android:left="85dp"
	android:right="248dp"
	android:top="0dp">
	<rotate
	android:fromDegrees="-30"
	android:pivotX="80%"
	android:pivotY="0%"
	android:toDegrees="00" >
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</rotate>
	</item>

	<!-- right antenna's stroke -->
	<item
	android:bottom="350dp"
	android:left="248dp"
	android:right="85dp"
	android:top="0dp">
	<rotate
	android:fromDegrees="30"
	android:pivotX="20%"
	android:pivotY="0%"
	android:toDegrees="00" >
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</rotate>
	</item>

	<!-- head -->
	<item
	android:bottom="160dp"
	android:left="60dp"
	android:right="60dp"
	android:top="25dp">
	<shape android:shape="oval" >
	<solid android:color="@color/android" />

	<stroke
	android:width="10dp"
	android:color="@android:color/white" />
	</shape>
	</item>

	<!-- left antenna -->
	<item
	android:bottom="360dp"
	android:left="100dp"
	android:right="253dp"
	android:top="10dp">
	<rotate
	android:fromDegrees="-30"
	android:pivotX="80%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<corners android:radius="50dp" />
	</shape>
	</rotate>
	</item>

	<!-- right antenna -->
	<item
	android:bottom="360dp"
	android:left="253dp"
	android:right="100dp"
	android:top="10dp">
	<rotate
	android:fromDegrees="30"
	android:pivotX="20%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<corners android:radius="50dp" />
	</shape>
	</rotate>
	</item>

	<!-- left eye -->
	<item
	android:bottom="327dp"
	android:left="120dp"
	android:right="222dp"
	android:top="76dp">
	<shape android:shape="oval" >
	<solid android:color="@android:color/white" />
	</shape>
	</item>

	<!-- right eye -->
	<item
	android:bottom="327dp"
	android:left="222dp"
	android:right="120dp"
	android:top="76dp">
	<shape android:shape="oval" >
	<solid android:color="@android:color/white" />
	</shape>
	</item>

	<!-- left leg's stroke -->
	<item
	android:bottom="0dp"
	android:left="104dp"
	android:right="188dp"
	android:top="300dp">
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- right leg's stroke -->
	<item
	android:bottom="0dp"
	android:left="188dp"
	android:right="104dp"
	android:top="300dp">
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- body -->
	<item
	android:bottom="82dp"
	android:left="60dp"
	android:right="60dp"
	android:top="136dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<stroke
	android:width="10dp"
	android:color="@android:color/white" />

	<corners
	android:bottomLeftRadius="22dp"
	android:bottomRightRadius="22dp" />
	<!-- android:radius="50dp" -->
	</shape>
	</item>

	<!-- left arm -->
	<item
	android:bottom="119dp"
	android:left="0dp"
	android:right="291dp"
	android:top="130dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<stroke
	android:width="10dp"
	android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- right arm -->
	<item
	android:bottom="119dp"
	android:left="291dp"
	android:right="0dp"
	android:top="130dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<stroke
	android:width="10dp"
	android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- left leg -->
	<item
	android:bottom="10dp"
	android:left="114dp"
	android:right="198dp"
	android:top="300dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- right leg -->
	<item
	android:bottom="10dp"
	android:left="198dp"
	android:right="114dp"
	android:top="300dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<corners android:radius="50dp" />
	</shape>
	</item>

	<!-- base -->
	<item>
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/transparent" />

	<!--
	<stroke
	android:width="1dp"
	android:color="@android:color/background_light" />
	-->

	<size
	android:height="422dp"
	android:width="360dp" />
	</shape>
	</item>

	</layer-list>

view raw android_robot_drawable.xml hosted with ❤ by GitHub

	<?xml version="1.0" encoding="utf-8"?>
	<resources>
	<color name="android">#ffa4c639</color>
	</resources>

view raw colors.xml hosted with ❤ by GitHub

はい。読み飛ばした方、こんにちは。

いかかでしょうか。ドロイド君くらいならxmlの記述だけで描けてしまいます。
colors.xmlだけは作りましたが、1ソースで済ませるという縛りでやってみたので大分冗長になっちゃってるのはご愛嬌。
まぁ、ちゃんと分けたとしてもあまり綺麗にはならなそうだったというのもありますけど。

ふー。終わった終わった。これで肩の荷が降りたわー。あー良かった。

ん。そういえば、他にも同じ事やってる人いたりしないよな… まさかな…

………………

…………

……

…

だだ被りじゃねぇか！！！！！ (　Д　)　゜　゜

XML Drawable onlyでドロイド君を描いてみた http://greety.sakura.ne.jp/redo/2011/12/xml-drawable-only.html via @youten_redo

しかも、Advent Calender主催者の、Advent Calender関係ない、1年も前のエントリと。

このままじゃヤバい。ヤクい。これは、何かしら差別化しないと…

そうだ！以前にやったこれをdrawable.xmlでやってみたらどうだろう！

というわけで↓

わかめねこを drawable.xml だけで描いてみた

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

	<!-- for Android 4.0 or above -->

	<!-- left leg -->
	<item
	android:bottom="0dp"
	android:left="100dp"
	android:right="160dp"
	android:top="313dp">
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:endColor="@color/vvakame_yellow"
	android:startColor="@color/vvakame_orange" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="20dp"
	android:bottomRightRadius="20dp"
	android:topLeftRadius="150dp"
	android:topRightRadius="150dp" />
	</shape>
	</item>

	<!-- right leg -->
	<item
	android:bottom="0dp"
	android:left="150dp"
	android:right="110dp"
	android:top="313dp">
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:endColor="@color/vvakame_yellow"
	android:startColor="@color/vvakame_orange" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="20dp"
	android:bottomRightRadius="20dp"
	android:topLeftRadius="150dp"
	android:topRightRadius="150dp" />
	</shape>
	</item>

	<!-- tail, end -->
	<item
	android:bottom="240dp"
	android:left="200dp"
	android:right="25dp"
	android:top="130dp">
	<rotate android:fromDegrees="-35" >
	<shape android:shape="rectangle" >
	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<solid android:color="@color/vvakame_yellow" />

	<corners android:radius="30dp" />
	</shape>
	</rotate>
	</item>

	<!-- tail, inner -->
	<item
	android:bottom="120dp"
	android:left="148dp"
	android:right="65dp"
	android:top="160dp">
	<rotate android:fromDegrees="-15" >
	<shape android:shape="rectangle" >
	<stroke
	android:width="15dp"
	android:color="@color/vvakame_yellow" />

	<solid android:color="@android:color/transparent" />

	<corners android:bottomRightRadius="30dp" />
	</shape>
	</rotate>
	</item>

	<!-- tail, stroke, inside -->
	<item
	android:bottom="130dp"
	android:left="135dp"
	android:right="78dp"
	android:top="150dp">
	<rotate android:fromDegrees="-15" >
	<shape android:shape="rectangle" >
	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />

	<corners android:bottomRightRadius="30dp" />
	</shape>
	</rotate>
	</item>

	<!-- tail, stroke, outside -->
	<item
	android:bottom="110dp"
	android:left="135dp"
	android:right="55dp"
	android:top="150dp">
	<rotate android:fromDegrees="-15" >
	<shape android:shape="rectangle" >
	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />

	<corners android:bottomRightRadius="50dp" />
	</shape>
	</rotate>
	</item>

	<!-- body stroke -->
	<item
	android:bottom="70dp"
	android:left="100dp"
	android:right="110dp"
	android:top="180dp">
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:centerColor="@color/vvakame_yellow"
	android:endColor="@color/vvakame_yellow"
	android:startColor="@color/vvakame_orange" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="35dp"
	android:bottomRightRadius="35dp"
	android:topLeftRadius="150dp"
	android:topRightRadius="150dp" />
	</shape>
	</item>

	<!-- left ear -->
	<item
	android:bottom="190dp"
	android:left="45dp"
	android:right="150dp"
	android:top="0dp">
	<rotate android:fromDegrees="-10" >
	<shape android:shape="oval" >
	<gradient
	android:endColor="@color/vvakame_orange"
	android:gradientRadius="250"
	android:startColor="@color/vvakame_yellow"
	android:type="radial" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />
	</shape>
	</rotate>
	</item>

	<!-- right ear -->
	<item
	android:bottom="187dp"
	android:left="135dp"
	android:right="60dp"
	android:top="3dp">
	<rotate android:fromDegrees="20" >
	<shape android:shape="oval" >
	<gradient
	android:endColor="@color/vvakame_orange"
	android:gradientRadius="250"
	android:startColor="@color/vvakame_yellow"
	android:type="radial" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />
	</shape>
	</rotate>
	</item>

	<!-- head inner -->
	<item
	android:bottom="185dp"
	android:left="38dp"
	android:right="53dp"
	android:top="40dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_yellow" />

	<stroke
	android:width="15dp"
	android:color="@android:color/transparent" />

	<corners
	android:bottomLeftRadius="135dp"
	android:bottomRightRadius="135dp"
	android:topLeftRadius="90dp"
	android:topRightRadius="100dp" />
	</shape>
	</item>

	<!-- head striped pattern, top left -->
	<item
	android:bottom="317dp"
	android:left="118dp"
	android:right="168dp"
	android:top="47dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, top center -->
	<item
	android:bottom="316dp"
	android:left="141dp"
	android:right="145dp"
	android:top="48dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, top right -->
	<item
	android:bottom="315dp"
	android:left="163dp"
	android:right="124dp"
	android:top="49dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, left top -->
	<item
	android:bottom="290dp"
	android:left="50dp"
	android:right="222dp"
	android:top="97dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="0dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="7dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, left middle -->
	<item
	android:bottom="267dp"
	android:left="45dp"
	android:right="223dp"
	android:top="120dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="0dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="7dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, left bottom -->
	<item
	android:bottom="245dp"
	android:left="45dp"
	android:right="224dp"
	android:top="142dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="0dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="0dp"
	android:topRightRadius="7dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, right top -->
	<item
	android:bottom="285dp"
	android:left="209dp"
	android:right="58dp"
	android:top="102dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="0dp"
	android:topLeftRadius="7dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, right middle -->
	<item
	android:bottom="262dp"
	android:left="208dp"
	android:right="59dp"
	android:top="125dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="0dp"
	android:topLeftRadius="7dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head striped pattern, right bottom -->
	<item
	android:bottom="240dp"
	android:left="207dp"
	android:right="60dp"
	android:top="147dp">
	<rotate
	android:fromDegrees="2"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@color/vvakame_orange" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="0dp"
	android:topLeftRadius="7dp"
	android:topRightRadius="0dp" />
	</shape>
	</rotate>
	</item>

	<!-- head stroke -->
	<item
	android:bottom="185dp"
	android:left="38dp"
	android:right="53dp"
	android:top="40dp">
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/transparent" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="135dp"
	android:bottomRightRadius="135dp"
	android:topLeftRadius="90dp"
	android:topRightRadius="100dp" />
	</shape>
	</item>

	<!-- body inner -->
	<item
	android:bottom="70dp"
	android:left="100dp"
	android:right="110dp"
	android:top="180dp">
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:centerColor="@color/vvakame_yellow"
	android:endColor="@color/vvakame_yellow"
	android:startColor="@color/vvakame_orange" />

	<stroke
	android:width="20dp"
	android:color="@android:color/transparent" />

	<corners
	android:bottomLeftRadius="35dp"
	android:bottomRightRadius="35dp"
	android:topLeftRadius="150dp"
	android:topRightRadius="150dp" />
	</shape>
	</item>

	<!-- left eye -->
	<item
	android:bottom="275dp"
	android:left="103dp"
	android:right="187dp"
	android:top="81dp">
	<rotate
	android:fromDegrees="6"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="7dp"
	android:topRightRadius="7dp" />
	</shape>
	</rotate>
	</item>

	<!-- right eye -->
	<item
	android:bottom="271dp"
	android:left="181dp"
	android:right="109dp"
	android:top="85dp">
	<rotate
	android:fromDegrees="-3"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="7dp"
	android:bottomRightRadius="7dp"
	android:topLeftRadius="7dp"
	android:topRightRadius="7dp" />
	</shape>
	</rotate>
	</item>

	<!-- nose, left -->
	<item
	android:bottom="247dp"
	android:left="113dp"
	android:right="155dp"
	android:top="121dp">
	<shape android:shape="oval" >
	<stroke
	android:dashGap="25dp"
	android:dashWidth="60dp"
	android:width="5dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />
	</shape>
	</item>

	<!-- nose, right -->
	<item
	android:bottom="247dp"
	android:left="140dp"
	android:right="128dp"
	android:top="121dp">
	<shape android:shape="oval" >
	<stroke
	android:dashGap="25dp"
	android:dashWidth="45dp"
	android:width="5dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />
	</shape>
	</item>

	<!-- left arm -->
	<item
	android:bottom="116dp"
	android:left="31dp"
	android:right="229dp"
	android:top="194dp">
	<rotate
	android:fromDegrees="-70"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:endColor="@color/vvakame_orange"
	android:startColor="@color/vvakame_yellow" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="150dp"
	android:bottomRightRadius="150dp"
	android:topLeftRadius="10dp"
	android:topRightRadius="10dp" />
	</shape>
	</rotate>
	</item>

	<!-- right arm -->
	<item
	android:bottom="150dp"
	android:left="249dp"
	android:right="11dp"
	android:top="157dp">
	<rotate
	android:fromDegrees="72"
	android:pivotX="0%"
	android:pivotY="0%"
	android:toDegrees="0" >
	<shape android:shape="rectangle" >
	<gradient
	android:angle="90"
	android:endColor="@color/vvakame_orange"
	android:startColor="@color/vvakame_yellow" />

	<stroke
	android:width="10dp"
	android:color="@android:color/black" />

	<corners
	android:bottomLeftRadius="150dp"
	android:bottomRightRadius="150dp"
	android:topLeftRadius="10dp"
	android:topRightRadius="10dp" />
	</shape>
	</rotate>
	</item>

	<!-- base -->
	<item>
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/transparent" />

	<!--
	<stroke
	android:width="1dp"
	android:color="@android:color/background_light" />
	-->

	<size
	android:height="400dp"
	android:width="300dp" />
	</shape>
	</item>

	</layer-list>

view raw android_vvakame_drawable.xml hosted with ❤ by GitHub

	<?xml version="1.0" encoding="utf-8"?>
	<resources>
	<color name="vvakame_yellow">#fffff568</color>
	<color name="vvakame_orange">#fff7941e</color>
	</resources>

view raw colors.xml hosted with ❤ by GitHub

はい、結局いつものネタに走りました。
drawable.xmlになってもわかめねこのプリチーさは変わりませんね。

解説のようなもの

~~めんどくさい~~満足したので、これで終わりにしてもいいんですが、一応解説。

viewを内包せず、全部1つのdrawable.xmlの中でshapeで済ませるにあたって、ミソになったのが以下

layer-listのitemの子要素として直接shapeを書ける
最も外側のitemを基準にしたpaddingによる相対的なサイズ・位置の指定
itemとshapeの間にrotate要素を入れて回転を設定
ovalのshapeはstrokeのdashGap,dashWidthを調整すれば円弧が描ける

layer-listのitemの子要素として直接shapeを書ける

item要素のandroid:drawable属性で別ファイルのdrawableを指定しなくても、子要素としてshapeを記述できます。

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

	<item>
	<shape android:shape="rectangle">
	<solid android:color="@android:color/black">
	<size android:height="480dp" android:width="360dp">
	</size></solid></shape>
	</item>

	</layer-list>

view raw gistfile1.xml hosted with ❤ by GitHub

最も外側のitem要素を基準にしたpaddingによる相対的なサイズ・位置の指定

item要素のandroid:top,bottom,left,rightの各属性は、各辺ごとに一番外側の部分からの距離(padding)を指定します。
そこで、適当なsize指定をしたitem要素を外枠として、その内側に収まるように他のitem要素のpaddingを記述して位置や大きさを指定しました。
各itemのpaddingを、外枠にしたitem要素のsizeより大きくなるようにしてしまったり、item要素の大きさが負になるようなpadding指定をしてしまうと、全部のitemが思っきり崩れます。

これは、ソースからドロイド君の胴体部分と外枠部分の記述だけを抜き出したものです。

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

	... 胴体の下に置きたい要素 ...

	<!-- body(ドロイド君の胴体): 外枠からのtop,bottom,left,rightを記述して位置・大きさを指定 -->
	<item
	android:bottom="82dp"
	android:left="60dp"
	android:right="60dp"
	android:top="136dp">
	<shape android:shape="rectangle" >
	<solid android:color="@color/android" />

	<stroke
	android:width="10dp"
	android:color="@android:color/white" />

	<corners
	android:bottomLeftRadius="22dp"
	android:bottomRightRadius="22dp" />

	<!-- top,bottom,left,rightが優先されるらしく、ここではsizeは意味がない -->

	</shape>
	</item>

	... 胴体の上に置きたい要素 ...

	<!-- base(外枠のための要素): sizeを指定して外枠を定義 -->
	<item>
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/transparent" />

	<size
	android:height="422dp"
	android:width="360dp" />
	</shape>
	</item>

	</layer-list>

view raw gistfile1.xml hosted with ❤ by GitHub

itemとshapeの間にrotate要素を入れて回転を設定

shapeを回転させるには、item要素の直下にshape要素を置かずに、 item → rotate → shape という具合にrotate要素を挟み、その属性で回転角度・回転軸(pivot)を指定します。

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

	<!-- left antenna's stroke -->
	<item
	android:bottom="350dp"
	android:left="85dp"
	android:right="248dp"
	android:top="0dp">
	<rotate
	android:fromDegrees="-30"
	android:pivotX="80%"
	android:pivotY="0%"
	android:toDegrees="00" > <!-- toDegreesはここでは意味がない -->
	<shape android:shape="rectangle" >
	<solid android:color="@android:color/white" />

	<corners android:radius="50dp" />
	</shape>
	</rotate>
	</item>

	... その他のitem要素 ...

	</layer-list>

view raw gistfile1.xml hosted with ❤ by GitHub

ovalのshapeはstrokeのdashGap,dashWidthを調整すれば円弧が描ける

shapeは本来は、矩形・丸・線・円の4つの簡単な図形しか描けませんが、無理やり円弧を描くこともできます。
stroke要素のdashGap属性,dashWidth属性の記述によって、ある程度は円の切れ方を指定できるので、それを利用します。

これは、わかめねこの鼻の部分のソースです。
2つの円弧をずらして配置し「ω」という形にしています。

	<?xml version="1.0" encoding="utf-8"?>
	<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

	... その他のitem要素 ...

	<!-- nose, left -->
	<item
	android:bottom="247dp"
	android:left="113dp"
	android:right="155dp"
	android:top="121dp">
	<shape android:shape="oval" >
	<stroke
	android:dashGap="25dp"
	android:dashWidth="60dp"
	android:width="5dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />
	</shape>
	</item>

	<!-- nose, right -->
	<item
	android:bottom="247dp"
	android:left="140dp"
	android:right="128dp"
	android:top="121dp">
	<shape android:shape="oval" >
	<stroke
	android:dashGap="25dp"
	android:dashWidth="45dp"
	android:width="5dp"
	android:color="@android:color/black" />

	<solid android:color="@android:color/transparent" />
	</shape>
	</item>

	... その他のitem要素 ...

	</layer-list>

view raw gistfile1.xml hosted with ❤ by GitHub

これらの手段を組み合わせれば、わかめねこの様なイラストもdrawable.xmlで描けてしまう、という訳です。

Gingerbread以前では？

ちなみに、これらのコードはICS以降向けです。
Gingerbread以前のバージョンでも動きますが、rotate指定の回転の基準点が全く違う箇所になる様で、rotateを使っているshapeがずれてしまいます。※ Honeycombで試してない(てへぺろ

上記はレイアウトエディタのスクリーンショットですが実機でも同じ様な表示となります。
左アンテナは上にずれ、右アンテナは下にずれて胴体の下に隠れてしまっています（マウスカーソルのある辺りにあります）。

ちゃんと確認してはいないんですが、どうやら以下のような違いがあるのでは、と考えています。

ICS以降: paddingの内側の描画されている範囲の左上が回転軸の基点
Gingerbread以前: paddingの外側の一番大きい要素の左上が回転軸の基点

まとめ

勢いだけで、大分役に立たない記事と相成りました。

ただ、png画像など用意せずにxmlの記述だけでもここまで描けるというのがわかっていただけと思うので、今後アプリを作ったりデザインしたりする方々には是非覚えておいていただきたいです。上手く使えば様々な画面解像度への対応が捗るんではないでしょうか。今後もハードウェアの技術向上は続きますから、HTC J butterflyのxxhdpiみたいなショックが来るかも知れませんからね。

「Androidもうええねん」なんて声も聞こえますが、まだまだAndroidは続きますよ！
オレはようやくのぼりはじめたばかりだからな。このはてしなく遠いAndroid坂をよ…

さて、明日は @awwa500 さんと @takke さんの担当です。
何故か新年までカウントしていくAndroid Advent Calender 2012。どうぞ大晦日の大トリ記事までよろしくお願いします。

今回作ったもの

mstssk/FunnyDrawables · GitHub https://github.com/mstssk/FunnyDrawables
↑のapk: http://dl.dropbox.com/u/4584093/apps/FunnyDrawables.apk

2012年11月21日水曜日

わかめねこをCSS3を使って描いてみた

@vvakame さんのアバターをCSS3で描けるか試してみた。
一部ズルっこいことしてるけど、かなりの再現度になったと思う。

　↓に触発されてやってみた。

CSS3のみで書かれたアイコンセットがすごいな | IDEA*IDEA
http://www.ideaxidea.com/archives/2012/11/css3_icons.html

2012年10月27日土曜日

ソニーのNFC+FeliCa両対応チップはISO/IEC15693タグを読めない[ICT ERA+ABC2012東北]

※ 結論はタイトルの通り

過日行われた「ICT ERA + ABC 2012 東北」に行って来ました。

バザールブースでは各メーカーさんが今秋冬発売予定モデルを展示していて、喜び勇んで触って来ました。
いずれの機種もAndroid 4.0系が載っていて、NFC対応(一部除く)です。
以下、見かけて触った機種

ソニーモバイル

Xperia VL(NFC+FeliCa)

モトローラ

RAZR M(FeliCa)
RAZR i(NFC)_{※展示していたのはintelブース}

シャープ

上記のうち、NFC+FeliCa両対応している機種で手持ちのNFCタグが読めるかどうか試したところ、どの機種も同じく以下の結果になりました。

Raflatac Racetrack（ISO 15693) - http://www.fastrfid.com/hf_tags_raflatac.html
　→読めなかった。（このタグはGN・N7だと読める）
SMARTRAC Midias(NFC Forum Tag Type 2) - プレスリリースページ
　→読めた
BullsEye NXP Mifare-ULC(たぶんType2) - http://ace-kougyo.com/item/0034-01/
　→読めた

両対応な機種が使っているNFCのチップは、すべてソニー製のNFC+FeliCa両対応チップを使っているそうです。
このソニー製のチップは、以前からISO/IEC 15693に対応していないという噂があったらしく、今回はそれを確かめる形になりました。
という事は、ソニーのチップはNFC IP-2ではない？？

ちなみに、Galaxy Nexusなどに乗っているNFCチップはNXP製のチップで、ISO/IEC 15693もちゃんと読めます。

参考

近距離無線通信 - Wikipedia
http://ja.wikipedia.org/wiki/%E8%BF%91%E8%B7%9D%E9%9B%A2%E7%84%A1%E7%B7%9A%E9%80%9A%E4%BF%A1
NFCとISO15693 - Kazzzの日記
http://d.hatena.ne.jp/Kazzz/20110711/p1
F-1:12 (SHARP 2012年)夏モデル開発における想い
http://www.youtube.com/watch?feature=player_detailpage&v=9K-KrmRmEQg#t=612s
NFCポータルサイト｜NFCとは｜【国際標準規格】NFCの規格と採用例
http://www.nfc-world.com/about/03.html

2012年9月11日火曜日

FabCafe行ってきた

最近のナウなヤングはレーザーカッターのあるカフェでアフター5を過ごします。

FabCafe | What do you Fab? http://www.fabcafe.com/

と、いうわけで渋谷にあるFabCafeでいっちょ切ってもらって来ました。

自分がTwitterで使っているアイコンと、@vvakameさんの同じくTwitterのアイコンをFabしてもらいました。

2012年8月3日金曜日

NFClab7月定例会

NFCラボ7月定例会に参加してきました。

NFC LAB オフィシャルサイト http://lab-nfc.com/
NFCラボ7月定例会 | イベントアテンド [ATND] http://atnd.org/event/E0007789
NFCラボ7月定例会 - Togetter http://togetter.com/li/347377

会の様子はめんどくさいのでATNDやTogetterから察していただくとして、ここでは所感を。

痛感したのは「NFCってやっぱり知ってる人少ないよね」という事。

そりゃあ、2012年7月現在で国内に2機種(SC-04DとISW16SH)しか対応しているものが無い規格なんてそんなものなんでしょうけど、本格的に普及させようという声があまり聞こえて来ません。
今回の会の会場になった新宿周辺に、社会実験としてNFCタグを埋め込んだポスターがあったそうですが、NFCがいったい何なのか・何をどうすればいいのかという所が分かりづらい・分からない不親切なものだったそうです。

適切なsignefier(理解しやすい記号)を作った上で、しっかりとPRして消費者にaffordance(これはこうする物なんだなという認識)を植え付ける。というのがNFCに求められるものなんだろうな。って思ったけどソレすでにfelicaがやってたわ #nfclab201207
— あんどろいどりんご (@mstssk) July 28, 2012

felica…というよりおサイフケータイと言った方が世の人には通じやすいんでしょうが、それが普及した現在までの間にどれだけの社会活動があったのかが気になってなりません。何か纏まっている資料があれば誰か教えて下さい。

少なくとも、ユーザー側の環境は来年頃には整ってくる様だ、という点は会場でも話されました。
NFCを搭載したAndroid機は増えてくるし、WindowsPhoneにもNFCのAPIがあり実証機も存在するそうです。さらにはiPhone5がNFC対応するのでは、という予測もあります。

「ApplePassbookの説明見ると、NFCの領域じゃね？ iPhone5にNFC搭載されるってことじゃね？」って予測だそう apple.com/jp/ios/ios6/#p…#nfclab201207
— あんどろいどりんご (@mstssk) July 28, 2012

　
あとは、サービス提供側がどれだけNFCに対応してくるか、という所が不安です。
実際の所、既に普及しているfelicaよりNFCという汎用規格を選択するメリットが今の所見えていないです。

小規模なレベルでNFCを使ったサービスはちらほらありますが、おサイフケータイ並にユーザに普及するにはもっとクリティカルな点で消費者生活に浸透させる必要があるんではないでしょうか。
そしてその点でfelicaは「おサイフケータイ」として金銭の代替としてのアフォーダンスを獲得しています。(ここで言っているアフォーダンスは、本来の意味ではなく、Wikipediaでノーマンの誤用と紹介されている方)
NFCも「NFC」なんて説明されなきゃ分からないような略語なんかより、もっと「何が出来るのか」という点に訴求するようなニックネームが必要じゃないでしょうか。

まだまだ先の見えないNFCですが、いちユーザー・いち開発者としては、NFCで遊ぶ気マンマンです。
東京駅近くの「RFID/NFC Real Touch Shop」には、多くのNFC関連製品が置いてあります。一度足を運んでみる事をオススメしておきます。

RFID/NFC Real Touch Shop | Facebook http://www.facebook.com/RealTouchShop

※上で紹介している内容を発表された方のスライドの公開場所がわからないor見落としている為、勝手に妄想で書いてるような形になってしまっていて orz

2012年7月25日水曜日

PITAT-USB3.0/EC34を購入

PITAT-USB3.0/EC34(玄人志向のUSB3.0インターフェイスExpressCard)がThinkPad X201s with Ubuntu12.04で使えた。先日買ってきたHGSTのUSB3.0外付けHDDを繋げられてる。読み108.5MB/s、書き83.5Mb/s
— あんどろいどりんご (@mstssk) July 24, 2012

今まで使ってた外付けHDDの容量を使いきってしまったので、新たに2TBの外付けHDDを買って来ました。
そして、買おうと思った物がUSB3.0対応だったので、ちょっと人柱やってみるかと思い、USB3.0のExpressCardアダプタも購入。
ちゃんと動きました。
<追記>
カードがホットプラグで動いてくれず。挿した状態で起動させる必要がありました。

購入物

HGST Touro Desk DX3 TV 2000GB Black JP 0S03539 [スムースブラック]
http://kakaku.com/item/K0000381437/
http://www.hgst.com/portal/site/jp/support/connectToTv/Touro_usb3/
玄人志向 PITAT-USB3.0/EC34
http://www.kuroutoshikou.com/modules/display/?iid=1572

環境

ThinkPad X201s
Ubuntu12.04 Precise Pangolin

速度

読み … ディスクユーティリティ(palimpsest)で測定
最小速度 62.2 MB/s
最大速度 108.5 MB/s
平均速度 96.6 MB/s
書き … 約8GBのファイルを内蔵HDDからコピーした際の進行ダイアログ表示から
最大速度 83.5 MB/s

実はTouroとPITATを別個に購入して先にTouroを使い始めていたので、ディスクユーティリティの「書き込み速度計測はHDDが空の状態でないといけない」という制限のため、↑こんな測定内容です。

購入前にちょっとググってもUbuntuでの使用例が見当たらないPITAT君でしたが、ひとまず使えたのでありがたいことです。いっそ2口あるタイプを買っておけば良かったかも。

ただ、使用中は多少発熱するのが玉に瑕。X201sはExpressCardスロットがパームレストの左側にあるので、使ってると左手が熱いです…

出っ張りは1mm程度。むしろVGAポートに付けた防塵キャップの方が飛び出てるくらい。

2012年7月23日月曜日

株式会社ウサギィにお邪魔してきました

先日*、株式会社ウサギィに訪問する機会が得られたので、喜び勇んで行って来ました！

マンションの一室にある社内はシャレオツな雰囲気でした。(全景を撮るのを忘れた… orz)

都合により短い間でしたが、ウサギィ社員の方々や一緒に訪問した方たちと歓談し楽しいひとときを過ごしました。

*実際に訪問したのは2ヶ月近く前なのは内緒

2012年7月22日日曜日

githugでおべんきょう

これは面白そう。「githug」でgitの基本操作を算数ドリルみたいに学ぼう！ | Act as Professional - hiroki.jp by HIROCASTER hiroki.jp/2012/06/19/442…
— あんどろいどりんご (@mstssk) July 1, 2012

gitの使い方を実際にコマンド叩きつつ勉強出来るgithugが面白そうだったのでメモ。

参考：

「githug」でgitの基本操作を算数ドリルみたいに学ぼう！ | Act as Professional - hiroki.jp by HIROCASTER http://hiroki.jp/2012/06/19/4423/
Gazler/githug https://github.com/Gazler/githug

githugはgemで公開されてるそうなので、Ubuntuなら

$ sudo apt-get install gem ←gemがインストール済みなら不要
$ sudo gem install githug

ってな具合でインストール。

あとは、githug叩くごとに色々指示(問題)が出されるので、それをこなしてからまたgithug叩く、ってのを繰り返していく。
gitコマンド叩いてゴニョゴニョするだけじゃなく、場合によっては問題への回答を求められたりもする。

2012年7月15日日曜日

Ubuntu12.04を10.04以前のデスクトップ環境で使いたい

Ubuntuを10.04のデスクトップ環境に戻したかったので、gnome-session-fallbackをインストール。
だが、gnome-session-fallbackをインストールしただけだと、細かいところでぐぬぬとなる。

sudo apt-get install gnome-session-fallback
sudo apt-get install gnome-system-tools
sudo apt-get install compizconfig-settings-manager

インストール終了後、compizconfig-settings-managerで設定をする。
alt+tabによるウィンドウ切り替えが使えなかったりするので、アプリケーション・スイッチャーを有効にするなど。

以前は、デスクトップのパネル上で右クリックすると、パネルにアプレットを追加するメニューなど表示されたが、それは Super+Alt+右クリックになっている。

とりあえずこれくらいで、まぁ使える感じになる。
あとは、外見テーマまわりが変な感じだがとりあえず我慢して使ってる次第。

あとはMATEとか入れてみるしかないのかな…
MATEについて参考： http://ankyo.blog.so-net.ne.jp/2012-05-17

2012年4月30日月曜日

Ubuntu12.04インストールメモ

Ubuntu 12.04 LTS Precise Pangolin を ThinkPad X201s にインストール
今まで使ってた10.04LTSから大分変わって、見たい情報への動線もかなり変わってる。
「ソフトウェアソース」：Ubuntuソフトウェアセンターのウィンドウメニューの「編集」から
以下、クリーンインストール後にやったことのメモ書き

# Japanese Teamによる追加パッケージ
# http://www.ubuntulinux.jp/japanese
wget -q https://www.ubuntulinux.jp/ubuntu-ja-archive-keyring.gpg -O- | sudo apt-key add -
wget -q https://www.ubuntulinux.jp/ubuntu-jp-ppa-keyring.gpg -O- | sudo apt-key add -
sudo wget https://www.ubuntulinux.jp/sources.list.d/precise.list -O /etc/apt/sources.list.d/ubuntu-ja.list
sudo apt-get update

sudo apt-get upgrade

# タスクバーからIBusの設定画面出して、IME切り替えのキーボードショートカットを変更。
# Ctrl+Space を削除して、代わりに Henkan_Mode を追加
# (Macっぽく、キーボードの[変換]キーでIMEのon/off出来るようにする)

# Medibuntuのパッケージ
# http://medibuntu.org/repository.php
sudo -E wget --output-document=/etc/apt/sources.list.d/medibuntu.list http://www.medibuntu.org/sources.list.d/$(lsb_release -cs).list && sudo apt-get --quiet update && sudo apt-get --yes --quiet --allow-unauthenticated install medibuntu-keyring && sudo apt-get --quiet update
sudo apt-get install app-install-data-medibuntu apport-hooks-medibuntu

# ubuntu-restricted-addonsのインストール
# flashプラグインとかIcedTea(OpenJdk)とかコーデックとか
# 参考：http://smash.nobuto-murata.org/2010/11/ubuntu-restricted-extrasubuntu.html
sudo apt-get install ubuntu-restricted-addons

# Google Chromeのインストール
# http://dev.chromium.org/getting-involved/dev-channel
# 上記ページから「Dev channel for 32-bit Debian/Ubuntu」のリンクのdebファイルをインストール
# (あえてunstableを使ってる)
# Google Chromeはdebをインストールするとリポジトリも勝手に追加されるので、他のアプリ同様にアップデートが落ちてくるようになる。
# 追加されるリポジトリ(を記述したファイル）→ /etc/apt/sources.list.d/google-chrome.list

# mozcのインストール
# https://launchpad.net/~japanese-testers/+archive/mozc
# 参考： http://blog.goo.ne.jp/minoh_edubuntu/e/632a79175331b039aa116109b76a6378
# ※ 参考ページでは「ppa:japanese-testers/ppa」を追加しているが、ここではmozcだけ欲しいので「ppa:japanese-testers/mozc」を追加している。
sudo add-apt-repository ppa:japanese-testers/mozc
# ↑を叩くと、PPAリポジトリの追加をするかの確認をされる。OKならENTER。キャンセルならCtrl+C
sudo apt-get update
sudo apt-get install ibus-mozc
# 再起動(一度ログオフするだけでもいける？)してから、タスクバーのIBus設定でmozcを有功にする。

# ホームディレクトリにあるディレクトリの名前を英語にする
# 参考： http://www.atmarkit.co.jp/flinux/rensai/linuxtips/a077changelang.html
# 「ドキュメント」→「Document」とか、「公開」→「Public」って具合に
LANG=C xdg-user-dirs-gtk-update
# 上記コマンドを叩くと、確認ダイアログが表示されるので「Don't ask me this agein」にチェックを入れてから「Update names」ボタン押下
# この時、既に各ディレクトリ内にファイルがある場合、ファイルを保持してディレクトリが残ったままになるので、適宜ファイルを移動してから不要なディレクトリを削除する。
# ※ デスクトップは、再ログインするまでは「Desktop」ではなく「デスクトップ」ディレクトリを参照し続ける。

# Dropbox
sudo apt-get install nautilus-dropbox
# 怖い雰囲気のダイアログが出るけど、ちゃんとインストールされる。

# Skype
# https://wiki.ubuntulinux.jp/UbuntuTips/Application/HowToInstallSkype

# CompizConfig設定マネージャー
sudo apt-get install compizconfig-settings-manager

# ファイル検索
# nautilusの検索はドットファイルを検索したり出来ないので、検索ツールをインストール
sudo apt-get install gnome-search-tool

ところで、マルチディスプレイの時、隣りのディスプレイとの境界でマウスカーソルが引っかかるのはどこで無効にすればいいんですかね？
うざったくてしょうがないんですが。

2012年4月1日日曜日

ミニ四駆ハッカソンに行ってきました

3月31日に行われた「ドキッ！開発者だらけのミニ四駆大会！！」に行って来ました。

第１回ミニ四駆ハッカソン
http://atnd.org/events/26576

ハッカソンと銘打ってありますが、中身は本当にミニ四駆で遊ぶだけ。

想像してみてください。大の大人が寄り集まって、
「俺のアバンテが…！」
「ナローワンウェイホイールは…」
「膝にXシャーシを受けてしまってな…」
「ミニ四駆は横Gが凄いから壁を走っているようなものなんだ…」
「スタビライザーを…」
「レギュレーション上は…」
とか、マジで語り合いつつミニ四駆を走らせるんです。

ゾクゾクするでしょう？

ちなみに愛車はブロッケンGブラックスペシャル。
現場で後先考えず手を入れて、↓こんな姿になりました。。。

今回分かった事

基本的にミニ四駆PROのマシンの方が速い。
ただしチューンナップ次第で旧タイプでも十分戦える。
あまり安定性を求めるより、まずスピード重視に組むべき。
でも、そうするとコースから飛び出したマシンを膝に受けてしまうので、スタビライザーなどの横転防止策は必須。
ローラーはゴム無しの方が無難っぽい。（摩擦？）
電池は思いの外早く減る。本線前には新しい電池に入れ替えるべき。
ミニ四駆PRO用のFRPプレートは、付けようと思えばブロッケンGのボディに付けられる。（上画像参照）
今回の様なイベントを開催する際は、レンタルスペースの床が絨毯だったりしないか要確認。（軸受け六角ベアリングが１つ消えました）
FRPプレートの一番外側に大径ローラー付けるとコース幅ギリギリ。コースが歪んでいたりすると、ものの見事に引っかかる。

第2回があるかは謎。

2012年3月22日木曜日

電話番号プラグイン for twicca

電話番号プラグイン for twicca
https://play.google.com/store/apps/details?id=jp.mstssk.twiccaplugins.telnum

twiccaでツイート中の電話番号にサクッと電話がかけられるプラグインを作りました。
~~これで携帯電話店のお得情報ツイートから即座に取り置きを頼めるね。~~

↓ソースはgithubに突っ込んだ。
https://github.com/mstssk/twiccaTelephoneNumberPlugin
minSdkVersion="4"で、かつデザインとか全く無視して作ってるのでなんかアレ。
ICSではHoloテーマで表示したりしたいので、コンパチの勉強がてら弄って行こうかと思ってる。

2012年3月20日火曜日

Andru USB Power Charger購入

Andru - Android Robot USB Cell Phone Charger
http://www.powerbygen.com/USB-Phone-Charger_p_8.html

GIGAZINEで紹介されて、ちょっと話題になったAndru君を買っちゃいました。

充電中は目が光る。

付属のUSBケーブルもちょっとカッコイイ。偶にある、充電専用のUSBケーブル(多分、データ用の線を短絡させてる？)ではなく、ちゃとデータ通信も出来るものでした。

パッケージはこんなの。調子に乗って2つ購入。片方は、ちょうど誕生日が近かった友人にあげちゃいました。

3月4日に注文し、届いたのは3月12日でした。
注文は公式ページから。ただし、米国外からの注文はInternationalCheckoutを使うことになります。まぁ、カートへ追加後の案内に従い「International CHECKOUT」のボタンを押してから、InternationalCheckout側の決済ページで支払い情報や送付先住所を入れてやればOK。

内訳

本体：50USD (単価25USD)
配送料＆手数料：28.42USD

計：78.42USD（6,525円 1円=0.0119269USD）

2012年3月19日月曜日

AndroidプロジェクトでJUnit失敗する場合

EclipseのAndroidアプリのプロジェクトで、JUnitを使ってテストしようとしたら、JUnit自体がfatal errorでコケた。
テスト対象のクラスは、AndroidのAPIに依存しない形で作ってたやつだったので「あれー？」とか思ったんだけど、どうやらテスト時のclasspathにandroid.jarが入ってるだけで駄目らしい。

環境
・Ubuntu 10.04 LTS
・JDK 1.7
・Eclipse 3.7 Indigo

問題

↓みたいなエラーメッセージがEclipseのConsoleに表示されてJUnitが動かなかった。

#
# A fatal error has been detected by the Java Runtime Environment:
#
#  Internal Error (classFileParser.cpp:3470), pid=12159, tid=3063847792
#  Error: ShouldNotReachHere()
#
# JRE version: 7.0_01-b08
# Java VM: Java HotSpot(TM) Server VM (21.1-b02 mixed mode linux-x86 )
# Failed to write core dump. Core dumps have been disabled. To enable core dumping, try "ulimit -c unlimited" before starting Java again
#
# If you would like to submit a bug report, please visit:
#   http://bugreport.sun.com/bugreport/crash.jsp
#

解決

Run Configulationsを開く
対象のJUnitテストの設定を選ぶ
Classpathタブでandroid.jarをremove

↑これでOKだと思うけど、参考にしたページでは、ちゃんとjunit.jarがプロジェクトのBuild Pathに入ってるかどうかも確認してるので、まぁ適宜確認する。

参考：
JUnit - うぃっきうぃき - livedoor Wiki（ウィキ） http://wiki.livedoor.jp/hiromi_u/d/JUnit

2012年3月12日月曜日

git graph

git config --global alias.graph 'log --graph --date-order -C -M --pretty=format:"<%h> %ad [%an] %Cgreen%d%Creset %s" --all --date=iso --color'

ってgitのaliasを設定しておくと、 git graph って叩いた時にいい感じにローカルブランチの状態を表示できる。
参考ページでは --date=short になってるけど、時刻が表示されないのは嫌なのでisoにしている。

参考：

Gitのちょっと便利な使い方 (ゆめ技：ゆめみスタッフブログ)
http://yumewaza.yumemi.co.jp/2010/07/git.html
git/コマンドの省略(alias)設定をする方法 - TOBY SOFT wiki
http://tobysoft.net/wiki/index.php?git%2F%A5%B3%A5%DE%A5%F3%A5%C9%A4%CE%BE%CA%CE%AC(alias)%C0%DF%C4%EA%A4%F2%A4%B9%A4%EB%CA%FD%CB%A1

<追記 20121205>
--colorオプションを追加

[備忘録]バージョン管理していない状態のeclipseのプロジェクトをgit管理にする

バージョン管理していない状態のeclipseのプロジェクトをgit管理にする手順。
リモートリポジトリがあるわけではなく、とりあえず手元にしかないソースをgit管理状態にしてeclipseでEgitで触れる状態にする。

環境

Eclipse 3.7 Indigo
Egit 1.1

手順

当該プロジェクトのディレクトリで git init
PackageExplorerで、当該のプロジェクトの右クリックメニュー → Team → Share Project...
リポジトリ種類を選択するダイアログ → Git を選択。
※このダイアログはeclipseに複数のバージョン管理ツールのプラグインがインストールされている場合にだけ表示される。
リポジトリ設定のダイアログで、「☑ User or create repository in parent folder of project」にチェック。
ダイアログ内のリポジトリ一覧で、さっき git init で作ったローカルリポジトリが選択されていることを確認して「Finish」押下。

2012年3月11日日曜日

GalaxyNexus購入

HT-03Aを彷彿とさせるレベルで値崩れしていたSC-04D(GalaxyNexus,http://www.google.com/nexus/)ですが、
先日docomoショップに行ったらフォトパネルと抱き合わせ買い増しで端末代0円だったので買ってしまいました。

SC-04D 本体：0円
フォトパネル本体：0円
契約事務手数料(XiからFOMAに変更)：2100円
契約事務手数料(フォトパネル新規契約)：3150円
Xiパケホーダイフラット定額料3月分(Xiスタートキャンペーン適用中)：4410円
フォトパネル抱き合わせ購入で貰えるモバイラーズチェック：-5000円

フォトパネルは2年縛り契約とかは不要でした。
契約事務手数料をモバイラーズチェックで相殺して、消費税分とフォトパネルの基本料金(800〜1200円/月)だけの出費でGNが手に入った！と喜んで契約に望んだんですが、わざとXiプランに契約を変更していたのが仇に。
XiからFOMAへ戻す場合、パケット定額料の日割り計算はしてくれないそうです。つまり、今月だけはXiのパケット定額料とFOMAのパケット定額料が両方課金されてしまうという… orz
それでも、買い増し扱いで5000円前後でGNが手に入ったと考えれば善哉善哉。
これでやっとわかめ図鑑が遊べるｗ

2012年1月8日日曜日

FLASHゲームがクリア出来なかった腹いせにswf中のファイル抜くシェルスクリプト作った

FLASHゲームがクリア出来なかった腹いせにswf中のファイル抜くシェルスクリプト作った。
swfファイルを指定すると、swfextractコマンドで抜けるファイルをすべて抽出します。

githubに置いた。
https://github.com/mstssk/utils/blob/master/swfextractall.sh

swfextractコマンドが必要。
swftoolsインストールしてから使ってね。（ $ sudo apt-get install swftools ）

<追記> ファイル置き場を変えたのでurl修正

登録: 投稿 (Atom)