<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
<channel>
<title>MapionLabs</title>
<link>http://labs.mapion.co.jp/blog/</link>
<description>MAPION LABsは、マピオンの新しいアイデア（ひよこたち）を生み出す実験サイトです。楽しいことどんどんやっていきます！</description>
<language>ja</language>
<copyright>Copyright(c)Mapion Co.,Ltd.All rights reserved.</copyright>
<lastBuildDate>Mon, 26 Sep 2011 10:51:00 +0900</lastBuildDate>
<category>labs</category>
<docs>http://www.rssboard.org/rss-specification</docs>


<item>
<title>独自画像をAndroid Maps APIで表示する方法（ImageMagick編）</title>
<link>http://labs.mapion.co.jp/blog/mobile/android_maps_apiimagemagick.php</link>
<description><![CDATA[<div>Posted by 本城 博昭&nbsp;<span style="font-family: Arial, sans-serif; text-align: left; ">／</span>&nbsp;エンジニア&nbsp;<a href="http://twitter.com/honjo2" class="twitter-follow-button" data-show-count="false" data-lang="ja">Follow @honjo2</a></div><div><br /></div>

<div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><a href="http://labs.mapion.co.jp/api/androidmaps/">Mapion Android Maps API</a>で独自画像を表示する方法を紹介します。</div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><a href="https://market.android.com/details?id=jp.co.mapion.android.maps">デモアプリ</a>の「独自地図画像を指定する」の実現方法です。</div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">今回はImageMagick編です。</div><div style="outline-style: none; outline-width: initial; outline-color: initial; text-align: left; "><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; ">前回記事の通りGMap Image Cutterを使えば簡単にタイルを作成できますが、ImageMagickを使えばもっと自由にタイルを作れます。</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; ">GMap Image Cutterの場合はググルマップに最適化されるので、タイルサイズが256x256に強制されたり、ズーム率が固定だったりします。</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; ">けれど、Maps APIはタイルサイズもズーム率も自由に設定できるので、ImageMagickを使えば元画像を最大限利用できるのです。</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; "><br /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; ">※独自画像を実装するためにはmaps API 2.5以上が推奨です（それ以前のVerはスクロール遅いなど問題あり）</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; "><br /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; "><b style="outline-style: none; outline-width: initial; outline-color: initial; ">手順</b></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; "><b style="outline-style: none; outline-width: initial; outline-color: initial; "><br /></b></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><span style="outline-style: none; outline-width: initial; outline-color: initial; "><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">１．ImageMagickを使ってタイルを作成する</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br style="outline-style: none; outline-width: initial; outline-color: initial; " /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">※前回記事と同じ画像を使って同じように縮尺３つ、各倍率2倍とした場合の例です</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br /></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">レベル3作成（画像を320x200に分割）</span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ convert -crop 320x200 sa.png level3.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;"><br /></span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">レベル2作成（50%の画像を320x200に分割）</span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ convert -geometry 50% sa.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">&nbsp;level2_tmp.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ convert -crop 320x200 level2_tmp.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">&nbsp;level2.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;"><br /></span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">レベル1作成（25%の画像）</span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ convert -geometry 25% sa.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">&nbsp;level1_0.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;"><br /></span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">tmpファイル削除</span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ rm *_tmp.</span></font><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">png</span></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;"><br /></span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">ファイル名内のハイフンをアンスコに変更（Androidではリソースにハイフン使えないので）</span></font></div><div style="outline-style: none; outline-width: initial; outline-color: initial; "><font color="#222222" face="'�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif"><span style="font-size: 12px; line-height: 19px;">$ rename 's/-/_/' *</span></font></div></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br style="outline-style: none; outline-width: initial; outline-color: initial; " /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">２．res/drawable-nodpiにタイルをコピーする</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br style="outline-style: none; outline-width: initial; outline-color: initial; " /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="my_01.png" src="http://labs.mapion.co.jp/blog/honjo/my_01.png" width="200" height="478" class="mt-image-none" /></span></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br style="outline-style: none; outline-width: initial; outline-color: initial; " /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">３．Mapのサブクラスを作る</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">可変な部分は、tileWidth（タイルの横幅）, tileHeight（タイルの高さ）, cols（各縮尺のタイルの横の枚数）, rows（各縮尺のタイルの縦の枚数） , ratios（各縮尺の倍率）です。</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; ">

<pre class="prettyprint">package jp.co.mapion.android.mymap;

import java.lang.reflect.Field;
import java.util.HashMap;

import jp.co.mapion.android.maps.GeoPoint;
import jp.co.mapion.android.maps.Map;
import jp.co.mapion.android.maps.Tile;
import android.graphics.Point;

public class MyMap extends Map {

	protected int tileWidth = 320;
	protected int tileHeight = 200;

	protected HashMap&lt;Integer, Integer&gt; cols = new HashMap&lt;Integer, Integer&gt;();
	protected HashMap&lt;Integer, Integer&gt; rows = new HashMap&lt;Integer, Integer&gt;();

	protected HashMap&lt;Integer, Float&gt; ratios = new HashMap&lt;Integer, Float&gt;();

	private HashMap&lt;String, Integer&gt; tileNameMap = new HashMap&lt;String, Integer&gt;();

	private String key;

	private int noimage;

	public MapionTownMap(String key, int noimage) {
		this.key = key;
		this.noimage = noimage;
		init();
	}

	protected void init() {
		cols.put(1, 1);
		cols.put(2, 2);
		cols.put(3, 4);

		rows.put(1, 1);
		rows.put(2, 2);
		rows.put(3, 4);

		ratios.put(1, 4.0f);
		ratios.put(2, 2.0f);
		ratios.put(3, 1.0f);
	}

	@Override
	protected int getMaxZoomLevel() {
		return ratios.size();
	}

	@Override
	protected void setup() {
		setCenter(new GeoPoint(0, 0));
		setZoom(1);
	}

	@Override
	protected int getTileWidth() {
		return tileWidth;
	}

	@Override
	protected int getTileHeight() {
		return tileHeight;
	}

	@Override
	protected Point geoToPixel(GeoPoint geo) {
		int x = (int) (geo.getLongitudeE6() / getRatio());
		int y = (int) (geo.getLatitudeE6() / getRatio());
		return new Point(x, y);
	}

	@Override
	protected GeoPoint pixelToGeo(Point pixel) {
		int lat = (int) (pixel.y * getRatio());
		int lon = (int) (pixel.x * getRatio());
		return new GeoPoint(lat, lon);
	}

	@Override
	protected GeoPoint getOrigin() {
		double originRatio = ratios.get(1);
		int centerx = tileWidth * rows.get(1) / 2;
		int centery = tileHeight * cols.get(1) / 2;
		int lat = (int) (centery * originRatio);
		int lon = (int) (-centerx * originRatio);
		return new GeoPoint(lat, lon);
	}

	@Override
	protected String getURL(Tile tile) {
		if (isOut(tile)) {
			return noMap();
		}
		int x = (int) tile.getX();
		int y = (int) tile.getY();
		int tileNo = y * cols.get(getZoom()) + x;
		String name = "level" + getZoom() + "_" + tileNo;
		int id = getResourceInt(name);
		if (id == -1) {
			return noMap();
		} else {
			String ret = String.valueOf(id);
			return ret;
		}
	}

	@Override
	protected String getKey() {
		return key;
	}

	private double getRatio() {
		return ratios.get(getZoom());
	}

	private int getResourceInt(String name) {
		if (tileNameMap.containsKey(name)) {
			return tileNameMap.get(name);
		}
		try {
			Field field = R.drawable.class.getDeclaredField(name);
			int tileId = field.getInt(R.drawable.class);
			tileNameMap.put(name, tileId);
			return tileId;
		} catch (Exception e) {
		}
		return -1;
	}

	private String noMap() {
		return String.valueOf(noimage);
	}

	private boolean isOut(Tile tile) {
		int x = (int) tile.getX();
		int y = (int) tile.getY();
		if (x &lt; 0 || y &lt; 0) {
			return true;
		}
		if (x &gt;= cols.get(getZoom())) {
			return true;
		}
		return false;
	}
}
</pre>

</div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><br /></div><div style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; outline-style: none; outline-width: initial; outline-color: initial; font-weight: normal; "><div style="color: rgb(51, 51, 51); font-family: arial, helvetica, hirakakupro-w3, osaka, 'ms pgothic', sans-serif; font-size: 13px; line-height: normal; text-align: -webkit-auto; "><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">これで完成です。</div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">APIの機能が全て使えるのでアイコンやテキストなどをOverlayしたり、回転させたりできます。</div></div><div style="outline-style: none; outline-width: initial; outline-color: initial; ">例ではローカルに画像を置いていますが、サーバに置くことも可能です。</div></div></span></div></div>

<script type="text/javascript" src="http://labs.mapion.co.jp/blog/prettify.js">
</script>
<script type="text/javascript">
window.onload = function() {
        prettyPrint();
};
</script>]]></description>
<author>本城 博昭</author>
<guid>http://labs.mapion.co.jp/blog/mobile/android_maps_apiimagemagick.php</guid>
<category domain="http://labs.mapion.co.jp/blog/mobile/">モバイル</category>
<pubDate>Mon, 26 Sep 2011 10:51:00 +0900</pubDate>
</item>

<item>
<title>独自画像をAndroid Maps APIで表示する方法（GMap Image Cutter編）</title>
<link>http://labs.mapion.co.jp/blog/mobile/android_maps_apigmap_image_cutter.php</link>
<description><![CDATA[<link rel="stylesheet" type="text/css" href="http://labs.mapion.co.jp/blog/prettify.css" media="all">
<a href="http://twitter.com/honjo2" class="twitter-follow-button" data-show-count="false" data-lang="ja">Follow @honjo2</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<br /><br />

<a href="http://labs.mapion.co.jp/api/androidmaps/">Mapion Android Maps API</a><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">で独自画像を表示する方法を紹介します。</span><div><div style="text-align: left;"><a href="https://market.android.com/details?id=jp.co.mapion.android.maps">デモアプリ</a><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">の「独自地図画像を指定する」の実現方法です。</span></div><div style="text-align: left;"><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; "><br /></span></div><div style="text-align: left;"><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; ">※独自画像を実装するためにはmaps API 2.5以上が推奨です（それ以前のVerはスクロール遅いなど問題あり）</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">例</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">以下の画像（sa.png 1280x800）をタイル化してMaps APIで表示します。</span></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/assets_c/2011/09/sa-244.php" onclick="window.open('http://labs.mapion.co.jp/blog/assets_c/2011/09/sa-244.php','popup','width=1280,height=800,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://labs.mapion.co.jp/blog/assets_c/2011/09/sa-thumb-480x300-244.png" width="480" height="300" alt="sa.png" class="mt-image-none" /></a></span></div></div><div><br /></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">手順</b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><span style="font-weight: normal; ">１．タイルを作成する</span></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><span style="font-weight: normal; "><br /></span></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><span style="font-weight: normal; ">画像を分割するのは手間なので、</span></b><a href="http://www.casa.ucl.ac.uk/software/googlemapimagecutter.asp">GMap Image Cutter</a><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">というツールを使います</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">GMap Image Cutterを起動する</span></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/honjo/my01.png"><img alt="my01.png" src="http://labs.mapion.co.jp/blog/assets_c/2011/09/my01-thumb-480x347-220.png" width="480" height="347" class="mt-image-none" /></a></span></div><div><br /></div><div><br /></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">sa.pngを開く</span></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/honjo/redokuji2_1.png"><img alt="redokuji2_1.png" src="http://labs.mapion.co.jp/blog/assets_c/2011/09/redokuji2_1-thumb-480x368-238.png" width="480" height="368" class="mt-image-none" /></a></span></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><span style="font-weight: normal; ">Createを押す（以下は縮尺３つ分）</span></b></div><div style="text-align: left;"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/honjo/redokuji2_2.png"><img alt="redokuji2_2.png" src="http://labs.mapion.co.jp/blog/assets_c/2011/09/redokuji2_2-thumb-480x346-240.png" width="480" height="346" class="mt-image-none" /></a></span></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></b></div><div><b style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><span style="font-weight: normal; ">sa-tilesとsa.htmlが出来上がる（必要なのはsa-tiles内のタイルです）</span></b></div><div style="text-align: left;"><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/honjo/redokuji2_3.png"><img alt="redokuji2_3.png" src="http://labs.mapion.co.jp/blog/assets_c/2011/09/redokuji2_3-thumb-480x348-242.png" width="480" height="348" class="mt-image-none" /></a></span></div><div><br /></div><div><br /></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">２．res/drawable-nodpiにタイルをコピーする</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="my05.png" src="http://labs.mapion.co.jp/blog/honjo/my05.png" width="210" height="472" class="mt-image-none" /></span></div><div><br /></div><div><br /></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">３．Mapのサブクラスを作る</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">今回は縮尺３つなのでinitメソッドでratiosに3つ追加（縮尺が増えればさらに8,16,32...と縮尺分追加していく）</span></div><div>

<pre class="prettyprint">package jp.co.mapion.android.mymap;

import java.lang.reflect.Field;
import java.util.HashMap;

import jp.co.mapion.android.maps.GeoPoint;
import jp.co.mapion.android.maps.Map;
import jp.co.mapion.android.maps.Tile;
import android.graphics.Point;

public class MyMap extends Map {

	protected int tileWidth = 256;
	protected int tileHeight = 256;

	protected HashMap&lt;Integer, Float&gt; ratios = new HashMap&lt;Integer, Float&gt;();

	private HashMap&lt;String, Integer&gt; tileNameMap = new HashMap&lt;String, Integer&gt;();

	private String key;

	private int noimage;

	public MapionTownMap2(String key, int noimage) {
		this.key = key;
		this.noimage = noimage;
		init();
	}

	protected void init() {
		ratios.put(1, 4.0f);
		ratios.put(2, 2.0f);
		ratios.put(3, 1.0f);
	}

	@Override
	protected int getMaxZoomLevel() {
		return ratios.size();
	}

	@Override
	protected void setup() {
		setCenter(new GeoPoint(0, 0));
		setZoom(1);
	}

	@Override
	protected int getTileWidth() {
		return tileWidth;
	}

	@Override
	protected int getTileHeight() {
		return tileHeight;
	}

	@Override
	protected Point geoToPixel(GeoPoint geo) {
		int x = (int) (geo.getLongitudeE6() / getRatio());
		int y = (int) (geo.getLatitudeE6() / getRatio());
		return new Point(x, y);
	}

	@Override
	protected GeoPoint pixelToGeo(Point pixel) {
		int lat = (int) (pixel.y * getRatio());
		int lon = (int) (pixel.x * getRatio());
		return new GeoPoint(lat, lon);
	}

	@Override
	protected GeoPoint getOrigin() {
		double originRatio = ratios.get(1);
		int lat = (int) ((tileHeight / 2) * originRatio);
		int lon = (int) (-(tileWidth / 2) * originRatio);
		return new GeoPoint(lat, lon);
	}

	@Override
	protected String getURL(Tile tile) {
		int x = (int) tile.getX();
		int y = (int) tile.getY();
		if (x &lt; 0 || y &lt; 0) {
			return noMap();
		}
		if (isOut(tile)) {
			return noMap();
		}
		int gzoom = getZoom() - 1;
		double pow = Math.pow(2, gzoom);
		StringBuilder tileName = new StringBuilder();
		tileName.append("t");
		for (int i = 0; i &lt; gzoom; i++) {
			pow = pow / 2;
			if (y &lt; pow) {
				if (x &lt; pow) {
					tileName.append("q");
				} else {
					tileName.append("r");
					x -= pow;
				}
			} else {
				if (x &lt; pow) {
					tileName.append("t");
					y -= pow;
				} else {
					tileName.append("s");
					x -= pow;
					y -= pow;
				}
			}
		}
		return String.valueOf(getResourceInt(tileName.toString()));
	}

	@Override
	protected String getKey() {
		return key;
	}

	private double getRatio() {
		return ratios.get(getZoom());
	}

	private int getResourceInt(String name) {
		if (tileNameMap.containsKey(name)) {
			return tileNameMap.get(name);
		}
		try {
			Field field = R.drawable.class.getDeclaredField(name);
			int tileId = field.getInt(R.drawable.class);
			tileNameMap.put(name, tileId);
			return tileId;
		} catch (Exception e) {
		}
		return -1;
	}

	private String noMap() {
		return String.valueOf(noimage);
	}

	private boolean isOut(Tile tile) {
		int max = 1 &lt;&lt; (getZoom() - 1);
		if (tile.getX() &gt;= max || tile.getY() &gt;= max) {
			return true;
		}
		return false;
	}
}
</pre>

</div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">４. Activityを作る</span></div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div>

<pre class="prettyprint">package jp.co.mapion.android.mymap;

import jp.co.mapion.android.maps.Map;
import jp.co.mapion.android.maps.MapActivity;
import jp.co.mapion.android.maps.MapView;
import android.os.Bundle;
import android.view.Window;

public class MapionTownActivity extends MapActivity {
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		
		MapView mapView = new MapView(this, new MapionTownMap("APIキー", R.drawable.nashi));
		mapView.setClickable(true);
		mapView.setBuiltInZoomControls(true);
		setContentView(mapView);
	}
}
</pre>

</div><div><span style="color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; "><br /></span></div><div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">これで完成です。</div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">APIの機能が全て使えるのでアイコンやテキストなどをOverlayしたり、回転させたりできます。</div></div><div style="outline-style: none; outline-width: initial; outline-color: initial; color: rgb(34, 34, 34); font-family: '�l�r �o�S�V�b�N', '�q���M�m�p�S Pro W3', 'Hiragino Kaku Gothic Pro', ���C���I, Meiryo, sans-serif; font-size: 12px; line-height: 19px; text-align: left; ">例ではローカルに画像を置いていますが、サーバに置くことも可能です。</div>

<script type="text/javascript" src="http://labs.mapion.co.jp/blog/prettify.js">
</script>
<script type="text/javascript">
window.onload = function() {
        prettyPrint();
};
</script>]]></description>
<author>本城 博昭</author>
<guid>http://labs.mapion.co.jp/blog/mobile/android_maps_apigmap_image_cutter.php</guid>
<category domain="http://labs.mapion.co.jp/blog/mobile/">モバイル</category>
<pubDate>Mon, 26 Sep 2011 10:50:00 +0900</pubDate>
</item>

<item>
<title>今年もMA７にローカルサーチAPIとAndroid用地図APIを提供しまっす！</title>
<link>http://labs.mapion.co.jp/blog/news/maapiandroidapi_1.php</link>
<description><![CDATA[<p>山岸です。</p>

<p>今年もMA７にローカルサーチAPIとAndroid用地図APIを提供しまっす。</p>

<p>じゃんじゃん使ってやってください。</p>

<p><big><strong>１．ローカルサーチAPI</strong></big><br />
住所/郵便番号/駅/電話帳/施設をフリーワードで検索するAPI　と 駅/電話帳/施設をフリーワードもしくは緯度経度から検索するAPI 全国の７００万件の位置情報で今話題のチェックインサービスの開発も可能です。</p>

<p>・サービスURL<br />
http://searchapi-stg.mapion.co.jp/search/ver1/・・・<br />
(例)<br />
http://searchapi-stg.mapion.co.jp/search/ver1/wordsearch/address/?key=MA7&q=%E6%96%B0%E5%AE%BF&facet=pref,city</p>

<p>・キー<br />
MA7</p>

<p>・ドキュメント<br />
http://labs.mapion.co.jp/api/localsearch/index.html</p>

<p></p>

<p><br />
<big><strong>２．Android Maps API</strong></big><br />
Android Maps APIは、Androidネイティブアプリケーションに於いて、マピオンの地図を表示するためのライブラリです。 使い方は、Google Mapsとほとんど同じです。 Google Mapsを使ってアプリを開発したことがあれば、簡単に使えると思います。</p>

<p>・ドキュメント<br />
http://labs.mapion.co.jp/api/androidmaps/index.html<br />
キー発行もこちら↑から。</p>

<p></p>

<p><br />
<big><strong>３．Flash Maps API</strong></big><br />
Adobe Flex を使ってドラッグ＆ドロップによるフリースクロール可能な地図をFlashアプリケーション内に埋め込むことができます。Adobe AIR によるデスクトップアプリケーションの作成にも利用することができます。</p>

<p>・ドキュメント<br />
http://labs.mapion.co.jp/api/<br />
キー発行もこちら↑から</p>]]></description>
<author>山岸 靖典</author>
<guid>http://labs.mapion.co.jp/blog/news/maapiandroidapi_1.php</guid>
<category domain="http://labs.mapion.co.jp/blog/news/">お知らせ</category>
<pubDate>Wed, 07 Sep 2011 19:36:45 +0900</pubDate>
</item>

<item>
<title>立体地図ペーパークラフト第2弾！！</title>
<link>http://labs.mapion.co.jp/blog/labs/2.php</link>
<description><![CDATA[<p>こんにちは。地図デザイン担当の石井です。</p>

<p>夏休みも後半に入り、そろそろ宿題が気になるお子さんも多いのではないでしょうか。<br />
そういえば私は、3日前に泣きながら自由研究をする子供でした。</p>

<p>さて、そんなお子さんにもオススメの工作が「ペーパークラフト」。<br />
ネットでダウンロードできる素材なども色々あって、大人でも結構楽しめます。</p>

<p>マピオンでも昨年、<a href="http://www.mapion.co.jp/topics/3dmaps/">3D風地図</a>でおなじみの北海道地図さんが製作された、<a href="http://blog.mapion.co.jp/staff/2010/12/post-162.html">「富良野立体マップ」</a>をいただいて作ったことがありました。<br />
それから半年を経て、新作2点ができたとのことで、ふたたび挑戦です！！<br />
※北海道地図さん、いつもありがとうございます♪</p>

<p>今回のテーマは「ジオパーク」。地球の活動の遺産を見所とする、自然の公園です。</p>

<p>■昭和新山（航空写真を元に作られています）<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="" src="http://labs.mapion.co.jp/blog/2011/08/15/showa.jpg" width="300" height="400" class="mt-image-none" style="" /></span></p>

<p>■アポイ岳（こちらは3D風イラスト地図です）<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="" src="http://labs.mapion.co.jp/blog/2011/08/15/apoi.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>では「はさみ」と「のり（木工用ボンド）」と「ものさし」を用意して、製作開始です！！</p>

<p>まずはパーツを切り抜きます。<br />
今回の大きな改良点は、「のりしろ」に数字が振られているところ。<br />
前回の富良野立体マップは<strong>「地図や、完成写真、地図上の色の違いを見て、貼り合わせる場所をよーく考えましょう。」</strong>と書いてあるのみで、パズル的難易度の高さでしたので、これなら結構カンタンかも～？<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="parts.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/parts.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>・・・と思いましたが、番号の多さが半端ないです！！<strong><big>100番以上</big></strong>あります。<br />
しかも、のりしろでない場所は切り落としてしまうため、裏側に写すのが意外と大変でした（汗<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="parts_all_a.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/parts_all_a.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>昭和新山のパーツを全部切り抜いたところ。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="parts_all.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/parts_all.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>山頂らしき、こんな難しいパーツもありました・・・。完成形が全く想像できません。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="sancho.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/sancho.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>切り抜いたパーツは番号通りに全部並べてみて、どんな風に組み立てるかを考えます。<br />
こちらは「アポイ岳」のパーツを並べたところ。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="apoi_parts_all.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/apoi_parts_all.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>そして、端の方から徐々に組み立てていきます。<br />
少しずつ、山の形が出来てきました。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="tochu.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/tochu.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>ここまで来れば、あとは先ほどの難しい山頂を載せるだけ！？<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="tochu2.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/tochu2.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>・・・でもココで山折りと谷折りの線を間違えて、ちょっと苦戦しました（笑）</p>

<p>そしてついに完成～！！<br />
前回の「富良野」と全部並べて記念撮影です♪<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="all.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/all.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>※かなり過程を省略しましたが、今回は前回より小さいサイズにもかかわらず、1個につき4～5時間はかかっていたりします。。</p>

<p>「アポイ岳」の3D風地図は<a href="http://www.mapion.co.jp/m/42.1161108333333_143.032463611111_6/layer=map3d/">こちら</a>。<br />
「昭和新山」の3D風地図は<a href="http://www.mapion.co.jp/m/42.5418497222222_140.867700833333_7/layer=map3d/">こちら</a>。</p>

<p>ぜひ並べてご鑑賞ください。</p>

<p>記念撮影が終わったら、ジオラマ風に遊んでみたりもします～。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="all_2.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/all_2.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>猫、うしろうしろ！！<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="neko.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/neko.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>最後に、マピオンで地図を作っているチーム3名で記念撮影。<br />
<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="map_team.jpg" src="http://labs.mapion.co.jp/blog/2011/08/15/map_team.jpg" width="400" height="300" class="mt-image-none" style="" /></span></p>

<p>ちなみに北海道地図さんでは、一個の製作に一ヶ月ほどもかけ、何回も組み立てては微調整を行なっているとのこと。のりしろがほとんど重ならなかったり、組み上がった時の表も裏も非常に美しく、こだわりが感じられます。<br />
<strike>こちらはまだ製品化しておらず、市販されていないのが残念ですね～。</strike></p>

<p><strong>※8/22追記※</strong><br />
「アポイ岳」のペーパークラフトは市販されているそうです！！<br />
詳しくは<a href="http://www.apoi-geopark.jp/news/2011/08/post-30.html">「アポイ岳ジオパーク公式サイト」</a>にてご確認ください。</p>

<p>マピオンの地図も、ユーザーの皆さまの声を取り入れて細かい改良を重ねたり、毎日の更新で、新鮮な情報を反映するように努めています。<br />
これからも、皆さまの色々なご意見・ご感想をお待ちしています！！</p>]]></description>
<author>石井 意子</author>
<guid>http://labs.mapion.co.jp/blog/labs/2.php</guid>
<category domain="http://labs.mapion.co.jp/blog/labs/">ネタ</category>
<pubDate>Tue, 16 Aug 2011 14:23:00 +0900</pubDate>
</item>

<item>
<title>ABC2011Summerにバザール出展してきました！</title>
<link>http://labs.mapion.co.jp/blog/news/abc2011summer_1.php</link>
<description><![CDATA[<p>どうもお、開発部長の山岸です。</p>

<p>NPO法人 日本アンドロイドの会が主催する「ABC 2011 Summer」というイベントに参加してきましたのでご報告です。</p>

<p><strong>【目次】<br />
　●「ABC 2011 Summer」とはいかなるイベントか？<br />
　●「ABC 2011 Summer」でマピオンは何をしていたか？<br />
</strong></p>

<p><big><br />
<strong>●「ABC 2011 Summer」とはいかなるイベントか？</strong></big></p>

<p>7月17日（日）に開催された、<br />
世界で！日本で！盛り上がるAndroidをますます盛り上げていこうぜ！<br />
オレたちの手で！！というイベントです（超意訳）。</p>

<p>   公式サイト：<a href="http://www.android-group.jp/abc2011s/">http://www.android-group.jp/abc2011s/</a></p>

<p><br />
内容はエンジニア好みの内容が多いものの、ビジネスサイドの内容もしっかりと<br />
カバーされています。<br />
イベント全般のレポートについては、すでに充実したものがいくつも出ているので、<br />
詳細は、そちらにゆずります。</p>

<p><br />
 ▼マイコミジャーナル<br />
「ABC 2011 Summer」基調講演 - グリー・伊藤直也氏「2011年はAndroidの一年になる」<br />
 <a href="http://journal.mycom.co.jp/articles/2011/07/18/abc2011s_01/index.html">http://journal.mycom.co.jp/articles/2011/07/18/abc2011s_01/index.html</a><br />
  <br />
 ▼GAPSIS.JP<br />
 写真で振り返るABC 2011 Summer<br />
<a href="http://www.gapsis.jp/2011/07/abc-2011-summer-1.html"> http://www.gapsis.jp/2011/07/abc-2011-summer-1.html</a></p>

<p><br />
<big><strong>●「ABC 2011 Summer」でマピオンは何をしていたか？</strong></big></p>

<p><strong>・マピオンのAndroidへの取り組み紹介</strong><br />
と<br />
<strong>・スマートフォンで利用できるAPIの宣伝</strong><br />
との２つの目的で<br />
営業メンバーと開発メンバーで参加して来ました。</p>

<p>↓記念写真ぱちり。</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion01-196.php" onclick="window.open('http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion01-196.php','popup','width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion01-thumb-400x300-196.jpg" width="400" height="300" alt="ABC2011Summer-Mapion01.JPG" class="mt-image-left" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></p>

<p><br/></p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion02-200.php" onclick="window.open('http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion02-200.php','popup','width=640,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img src="http://labs.mapion.co.jp/blog/assets_c/2011/07/ABC2011Summer-Mapion02-thumb-400x300-200.jpg" width="400" height="300" alt="ABC2011Summer-Mapion02.JPG" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></p>

<p></p>

<p><strong>・マピオンの取り組みとしては、</strong><br />
　・<big><strong>「マピオン for ABC2011Summerアプリ」</strong></big><br />
と題しまして参加者のための構内マップやカンファレンスのスケジュールが閲覧できるアプリを出展いたしました。<br />
Android用の地図APIを応用すると、こういった"イラストベースの画像"からスクロールの地図がつくれて、屋内マップへ発展できますよという紹介も兼ねて作ってみました。<br />
思いつきからリリースまで2週間程度だったので、自分たちとしてもスピード感をもって対応できたのが非常によかったと思っています。<br />
<strong>他のイベントでも同じようなもの作ってほしいとか、屋内をナビするようなもの期待してます</strong>といった声が聞けたので、今後伸ばして行きたいなあと思っております。</p>

<p>　　アプリダウンロードは<a href="https://market.android.com/details?id=jp.co.mapion.android.abc2011summer">こちら</a>かこちら↓<br />
　　　<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="QR4マピオンforABC2011SummerQR_Code.gif" src="http://labs.mapion.co.jp/blog/2011/07/19/QR4%E3%83%9E%E3%83%94%E3%82%AA%E3%83%B3forABC2011SummerQR_Code.gif" width="164" height="164" class="mt-image-none" style="" /></span><br />
　　<br />
<strong>・スマートフォンで利用できるAPIの宣伝としては、</strong><br />
　・WEBブラウザ向け地図API<br />
　・ネイティブアプリ向け地図API<br />
　・検索API<br />
　・鉄道乗換案内・天気情報などのオプションAPI<br />
　が便利に使えますよという紹介をしてきました。</p>

<p>　もしご興味をもたれた方いらっしゃいましたら<a href="https://www.mapion.co.jp/sales/inquiry/">こちら</a>からお問い合わせくださいませ。</p>

<p>ちなみにAndroid用は<big><strong>フリーで</strong></big>ダウンロードできるので<a href="http://labs.mapion.co.jp/api/androidmaps/index.html">ここ</a>からダウンロードして利用してみてください。GoogleMapsAPIとインタフェースをあわせて実装しているので置き換えは簡単にできるので<big><strong>マピオンの迷わない美しい地図</strong></big>をあなたのアプリにぜひ！</p>

<p>今回のイベントでマピオンは、500部を軽く超える資料配布と、それを上回る来場者の方へのサービス紹介ができました。<br />
来場者には、エンジニアの方が多く、ついで、サービスや事業のプロデューサー・ディレクターの方などが多かった印象です。<br />
また大学生の方もバザールに来ていただけたのでリアルなユーザの声も聞くことができました。</p>

<p>エンジニア目線、事業目線、ユーザ目線どれもごっちゃとリアクションが聞けたというところで非常におもしろい会だったと思います。</p>

<p>しかも出展のためには「日本Androidの会」の賛助会員になるだけでチャンスが得られるということでコストパフォーマンス的にもよろしかったです。<br />
「日本Androidの会」の賛助会員になるのをお勧めしておきます。（勝手に宣伝）<br />
    賛助会員について<br />
    <a href="http://www.android-group.jp/abc2011s/sponsors.html">http://www.android-group.jp/abc2011s/sponsors.html</a></p>

<p><br />
今回運営をしてくださった「日本Androidの会」のご担当者の皆様ありがとうございました。</p>

<p><br />
</p>]]></description>
<author>山岸 靖典</author>
<guid>http://labs.mapion.co.jp/blog/news/abc2011summer_1.php</guid>
<category domain="http://labs.mapion.co.jp/blog/news/">お知らせ</category>
<pubDate>Wed, 20 Jul 2011 17:28:09 +0900</pubDate>
</item>

<item>
<title>Andoridアプリ「マピオン for ABC 2011 Summer」をリリースしました</title>
<link>http://labs.mapion.co.jp/blog/mobile/andorid_for_abc_2011_summer.php</link>
<description><![CDATA[<a href="http://twitter.com/honjo2" class="twitter-follow-button" data-show-count="false" data-lang="ja">Follow @honjo2</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<br /><br />
<div><div>7/17（日）に早稲田大学にて<a href="http://www.android-group.jp/abc2011s/">Android Bazaar and Conference 2011 Summer</a>が開催されますが、</div><div>それに合わせてマピオンでは、構内マップや会場マップ、カンファレンスのスケジュール、ランチ情報などが閲覧できるアプリを作成しました。</div><div>タブレットにも対応しています。</div><div>（ちなみに、マピオンはバザールに出展しますのでぜひお立ち寄りください）</div></div><div><br /></div><div><a href="https://market.android.com/details?id=jp.co.mapion.android.abc2011summer">Androidマーケット</a></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc2011summer.gif" src="http://labs.mapion.co.jp/blog/honjo/abc2011summer.gif" class="mt-image-none" style="" width="171" height="171" /></span></div><div><br /></div><div><br /></div><div><b>＜アプリ説明＞</b></div><div><br /></div><div><b>トップ画面</b></div><div><b><br /></b></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc08.png" src="http://labs.mapion.co.jp/blog/honjo/abc08.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><b>構内マップ</b></div><div><br /></div><div>8号館や11号館をクリックするとそれぞれのマップに遷移します</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc06.png" src="http://labs.mapion.co.jp/blog/honjo/abc06.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><div>右上のボタンをタップするとヘディングアップします</div><div>再度タップすれば解除されます</div></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc07.png" src="http://labs.mapion.co.jp/blog/honjo/abc07.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><br /></div><div><b>8号館マップ</b></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc01.png" src="http://labs.mapion.co.jp/blog/honjo/abc01.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div>ブース番号をタップすれば、出展者情報が表示されます</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc03.png" src="http://labs.mapion.co.jp/blog/honjo/abc03.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div>地図右上の階段アイコンをタップすればフロアの変更が可能です</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc02.png" src="http://labs.mapion.co.jp/blog/honjo/abc02.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><b>11号館マップ</b></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc04.png" src="http://labs.mapion.co.jp/blog/honjo/abc04.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div>地図右上の階段アイコンをタップすればフロアの変更が可能です</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc05.png" src="http://labs.mapion.co.jp/blog/honjo/abc05.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><b>カンファレンス</b></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc12.png" src="http://labs.mapion.co.jp/blog/honjo/abc12.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div>右上のピンボタンをタップすれば会場マップに遷移します</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc13.png" src="http://labs.mapion.co.jp/blog/honjo/abc13.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><br /></div><div><b>バザール</b></div><div><br /></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc11.png" src="http://labs.mapion.co.jp/blog/honjo/abc11.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div>右上のピンボタンをタップすれば会場マップに遷移します</div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc10.png" src="http://labs.mapion.co.jp/blog/honjo/abc10.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><b>ランチ情報</b></div><div><br /></div><div><div>ランチが出来る場所の一覧です</div><div>名称をタップすれば構内マップに遷移します</div></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="abc09.png" src="http://labs.mapion.co.jp/blog/honjo/abc09.png" class="mt-image-none" style="" width="480" height="800" /></span></div><div><br /></div><div><br /></div><div><div>このアプリのマップは<a href="http://labs.mapion.co.jp/api/androidmaps/">Mapion Android Maps API</a>の<a href="http://labs.mapion.co.jp/api/androidmaps/docs12.html">独自画像を指定する</a>を利用して作られています。</div><div>1枚の画像から複数ズーム分のタイルを作成する方法やMapのサブクラス作成方法などは別エントリーで紹介したいと思います。</div></div><div><br /></div>]]></description>
<author>本城 博昭</author>
<guid>http://labs.mapion.co.jp/blog/mobile/andorid_for_abc_2011_summer.php</guid>
<category domain="http://labs.mapion.co.jp/blog/mobile/">モバイル</category>
<pubDate>Fri, 15 Jul 2011 18:46:00 +0900</pubDate>
</item>

<item>
<title>【書評】「問題解決力」を短期間でマスター　クリティカル・シンキング集中講座</title>
<link>http://labs.mapion.co.jp/blog/review/post_9.php</link>
<description><![CDATA[<p>みなさまこんにちは、やすべいといいます。<br />
最近マピオンで<strong> 【PM見習い】 </strong>という肩書きがつきました。</p>

<p><strong>「PMってなんかかっこいいなー！ヽ(´ー｀)ノ」</strong>...などと浮かれていましたら、<br />
リーダーから<br />
<strong><big>「PMになるなら論理的思考で説明することが不可欠！これ読んどけ」 </big></strong>と、<br />
差し出されたのが、こちらの本。</p>

<p>------------------------------------------------------------------------------<br />
■タイトル<br />
　<strong>「問題解決力」を短期間でマスター　クリティカル・シンキング集中講座</strong><br />
■著者<br />
　<strong>芳地一也</strong>　（株式会社インスパイラル代表取締役　すごい会議マネジメントコーチ）<br />
------------------------------------------------------------------------------<br />
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=pcmapion-22&o=9&p=8&l=as1&asins=475721720X&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>

<p><br />
まず、著者である芳地一也さんの<strong>「すごい会議 マネジメントコーチ」</strong>という肩書きにびっくり。<br />
調べると、「すごい会議」の手法は、マネジメント・コーチングの世界ではよく知られているようです。<br />
題名にあるように、「問題解決」できる会議が開けるようになれるんでしょうか。</p>

<p>因みにわたしのコミュニケーションといえば、<br />
<strong>テレバシー</strong>と<strong>ノンバーバルコミュニケーション</strong>が主体ですので、<br />
論理的思考に基づいた説明をするのは苦手。</p>

<p>なので、リーダーに<br />
<strong>「そんなにわたしの話分かりづらかったですか...そうですか...（´ω｀）」</strong> <br />
と言いたいのは、ぐっとこらえつつ、<br />
<strong>見習いPMから本当のPMになるためには、越えなければならぬ壁！！</strong>と、<br />
腹括って読むことにしました。</p>

<p>------------------------------------------------------------------------------<br />
<strong>本の内容</strong><br />
------------------------------------------------------------------------------<br />
1.クリティカルシンキングとは何か<br />
　・クリティカルシンキングは、「批判的な思考法」<br />
　・大事なのは、「最後まで考え抜いて自分で答えを出す意思」</p>

<p>2.成功を手に入れる問題設定の方法<br />
　・感度を高める<br />
　・高い目標を持つ<br />
　・解決に向けたエネルギーを得る<br />
　・自己診断する<br />
　・絶えず見直しをする</p>

<p>3.問題を解決する手立て<br />
　解決できる疑問文を作るポイント<br />
　・問題を「事実」と「解釈」に分け、「事実」にフォーカスすること<br />
　・問題を自分の問題として考える<br />
　・問題を「原因」と「結果」に分け、「結果」にフォーカスすること<br />
　・問題解決するステップ（5W1H）</p>

<p>4.クリティカルシンキングを補助する思考技術<br />
　有効な思考技術<br />
　・MECE<br />
　・ロジックツリー <br />
　・フレームワーク</p>

<p>------------------------------------------------------------------------------<br />
<strong>感想</strong><br />
------------------------------------------------------------------------------<br />
単に読み進める分には、ページ数も少なくスラスラと読めてしまうのですが、<br />
途中で<strong>「本を読み進める上での合意書」にサイン</strong>しなければなりません。（笑）<br />
読むだけじゃなくて、ちゃんと実行しないと身につかないよ！ということですね。<br />
ちゃんと計算されてます。</p>

<p>仕事に限らず、日々の生活で「答えの出る思考をすること＝クリティカルシンキング」を習慣付けることは、<br />
解決策の出ない「悩み」のループから抜け出す手段として、とても有効と思いました。</p>

<p>例えば...<br />
<strong>「最近、上司が冷たい」</strong><br />
が悩みの種なら、<br />
<strong>「どうしたら上司は優しくしてくれるかな？」</strong>　※あくまでも「例え」ですよ！</p>

<p><br />
という風に、<strong>簡単な疑問文に置き換えて、なんとなく「解決できそう！」と思えるレベルに引き上げる。</strong><br />
そこから、<strong>答えを「自分で導き出す」ために、色々なアプローチ方法を考える</strong>わけです。<br />
...さて、PMに一歩近づいたでしょうか。</p>]]></description>
<author>やすべい</author>
<guid>http://labs.mapion.co.jp/blog/review/post_9.php</guid>
<category domain="http://labs.mapion.co.jp/blog/review/">書評</category>
<pubDate>Mon, 20 Jun 2011 18:16:00 +0900</pubDate>
</item>

<item>
<title>書評：「Ruby on Rails 3 アプリケーションプログラミング」</title>
<link>http://labs.mapion.co.jp/blog/review/ruby_on_rails_3.php</link>
<description><![CDATA[<p>技術評論社さまから献本いただきました「Ruby on Rails 3 アプリケーションプログラミング」がマピオン唯一（未確認情報）のRails使いの私に回ってきました！</p>

<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=pcmapion-22&o=9&p=8&l=as1&asins=4774146633&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>

<p>本書の対象読者は<br />
<ul><br />
<li>Rubyの文法は大丈夫で</li><br />
<li>HTTPについて基本的な知識を有している</li><br />
</ul><br />
方を前提にしています。</p>

<p>旧バージョンを使ったことがなくても、いきなりRails3から入れるように順序立てて解説されているのでRailsが始めての方でも大丈夫です。</p>

<pre>第1章　イントロダクション
第2章　Ruby on Railsの基本
第3章　Scaffolding機能によるRails開発の基礎
第4章　ビュー開発
第5章　モデル開発
第6章　コントローラ開発
第7章　ルーティング
第8章　テスト
第9章　Railsの高度な機能
</pre>

<p><br />
Rails3はリリースされてからかなり経つにもかかわらず、日本語の情報がそれほど多くなく、逆にRails2までの情報が多すぎてこれから始める人には混乱するんじゃないかなと思うところがありました。</p>

<p>本書は非常に整理されていて頭から読んでいけば確実にアプリケーションを作成できるようになれる内容なので、Railsが気になっている方は買って損はないでしょう。</p>

<p>特に４章〜６章はビュー／モデル／コントローラとRailsの大事なところが過不足なく解説されていますから、混乱せずに済むはずです。</p>

<p>Rails3から刷新されたRESTfulインターフェースのサポートが手厚くなったルーティングについても詳しく載っています。</p>

<p>個人的にはGetTextをずっと使っていたので、標準で搭載されている国際化について日本語で楽に理解できたのがラッキーでした。</p>

<p>また時折傍注にRails2からの変更点が、Rails3から始めた人には邪魔にならず、Rails2以前から使っている人にはありがたい情報として記載されているのが良いですね。私も始めて知った事が少なからずあり、役に立ちました。</p>

<p>内容とボリュームの割には活字も大きくてページ数も460ページと（この手の技術書としては）少ないほうなので読みやすい。索引もしっかりしています。</p>

<p>あえて弱いところを捜すと、コードの断片が多く動くサンプルも必要最低限なものなので、初心者が見た目でおぉ！ってなる要素が少ないところでしょうか。ほんとに、あえて言えばですが。</p>

<p>それとちょっと疑問に思ったのがルーティング(config/routes.rb)の説明では、まずlegacy wild controllerを有効にしてますけどRails3から始めるなら、個別に定義して行ったほうがいいのかと思ってました。この辺どうなんでしょう？</p>

<p><br />
やっと発売された日本語のRails3解説本です。是非手に入れてサクサクアプリケーションを開発して下さい！</p>

<p>＃ちょうど内部ツールを始めてRails3を使って書いたばっかりだったので、もう少し早く手に入れていたらいろいろと楽だったな...</p>

<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?t=pcmapion-22&o=9&p=8&l=as1&asins=4774146633&ref=qf_sp_asin_til&fc1=000000&IS2=1&lt1=_blank&m=amazon&lc1=0000FF&bc1=000000&bg1=FFFFFF&f=ifr" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><br />
</p>]]></description>
<author>岩澤 英治</author>
<guid>http://labs.mapion.co.jp/blog/review/ruby_on_rails_3.php</guid>
<category domain="http://labs.mapion.co.jp/blog/review/">書評</category>
<pubDate>Thu, 26 May 2011 12:00:00 +0900</pubDate>
</item>

<item>
<title>Android Maps API 安定版リリースしました</title>
<link>http://labs.mapion.co.jp/blog/mobile/android_maps_api_verup.php</link>
<description><![CDATA[<a href="http://twitter.com/honjo2" class="twitter-follow-button" data-show-count="false" data-lang="ja">Follow @honjo2</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<br /><br/>
<div>Android Maps API 1.0をリリースしました。</div><div><br /></div><div><a href="http://labs.mapion.co.jp/api/androidmaps/">Mapion Android Maps API</a></div><div><br /></div><div><b>内容</b></div><div><ul><li>バグ修正（地図を回転させた状態で正しい緯度経度が取れないなど）</li><li>リファクタリング</li></ul></div><div><br /></div><div><b>補足</b></div><blockquote class="webkit-indent-blockquote" style="margin: 0pt 0pt 0pt 40px; border: medium none; padding: 0px;"><div>後方互換性はありません。。</div><div>地図タイプの変更など以前と方法が違うのでサンプルを参照ください。</div></blockquote><div><br /></div><div>また、マピオンマップ改めマピオンもメジャーバージョンアップしました。</div><div><br /></div><div><a href="https://market.android.com/details?id=jp.co.mapion.android.app.maps">Android マーケット</a></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="mapion.gif" src="http://labs.mapion.co.jp/blog/honjo/mapion.gif" class="mt-image-none" style="" height="147" width="147" /></span></div><div><br /></div><div>このアプリについてはいろいろご指摘いただいてるので、今後改善していきたいところです。</div><div><br /></div>]]></description>
<author>本城 博昭</author>
<guid>http://labs.mapion.co.jp/blog/mobile/android_maps_api_verup.php</guid>
<category domain="http://labs.mapion.co.jp/blog/mobile/">モバイル</category>
<pubDate>Fri, 08 Apr 2011 10:46:00 +0900</pubDate>
</item>

<item>
<title>国土数値情報データを地図に載せました！</title>
<link>http://labs.mapion.co.jp/blog/other/post_8.php</link>
<description><![CDATA[<p>こんにちは、もうすぐ入社1年となる原です。</p>

<p>最近マピオンの地図を広域縮尺でご覧になって、「あれ、なんか色が付いてない？」と思われたかた、いらっしゃいませんか？<br />
先日の地図アップデートで、よく中学高校の地図帳等で見られるように、広域および90万分の1の縮尺地図において都市部をピンク色に彩色したのです。</p>

<p><a href="http://help.mapion.co.jp/map/mark/coverarea.html">http://help.mapion.co.jp/map/mark/coverarea.html</a> (ページ右下部に凡例説明)</p>

<p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><a href="http://labs.mapion.co.jp/blog/did_blog.gif"><img alt="did_blog.gif" src="http://labs.mapion.co.jp/blog/assets_c/2011/03/did_blog-thumb-400x233-172.gif" width="400" height="233" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></a></span></p>

<p>この彩色には国土交通省が運用している国土数値情報ダウンロードサービスのデータを使用しています。<br />
こちらのサービスでは、国土に関するさまざまな情報を配信しており、それらは無償で利用することが出来ます。<br />
データをシェープファイルに変換するプログラムも無償でDLできるので、GISソフトで確認するのも簡単です。利用上大きな制限がないのも魅力の１つ。<br />
※ただし、データによっては、古いもの・地域によって基準が異なるものもあり、注意が必要。</p>

<p>今回は都市部の表示に使いましたが、それ以外にも地図に載せたら楽しいかもというデータがいくつかあるので、いろいろ組み合わせたりして試してみようと考えています。<br />
昔の市町村境やちょっと前の鉄道路線なども面白いかもしれませんね。</p>

<p><br />
国土数値情報に関わらず、有益な情報・興味深いデータは今後も仕入れて最適化しつつ、マピオンの地図面に反映していきます。</p>

<p>こんなの載せたら面白そう！というものがありましたら、ご意見をお寄せください。</p>]]></description>
<author>原 拓矢</author>
<guid>http://labs.mapion.co.jp/blog/other/post_8.php</guid>
<category domain="http://labs.mapion.co.jp/blog/other/">その他</category>
<pubDate>Tue, 01 Mar 2011 14:45:10 +0900</pubDate>
</item>


</channel>
</rss>

