この投稿はOpenStreetMap Advent Calendar の9日目の記事です。

8日目の記事を拝見させていただいて、マピオンのAPIも紹介したいなと思い書いてみることにしました。

OpenStreetMapをiOSで表示させることができるライブラリはroute-meとMapBoxがありますが、どちらも以下のようなデメリットがあったと記憶しています。

タイル表示が遅い
- 対象のタイルを取得する前にzoom-1のタイルを取得し2倍したものを一時的に表示させている（zoom-1のタイルのキャッシュが利用できればそれほど問題ではないが初めての場所だとリクエストの時間が無駄にかかる）
大縮尺でスクロールするとライン、ポリゴン、サークル、ピンなどのレイヤの動きがカクカクする
- UIScrollViewは内部でCGPointを使っているが、このフィールドはCGFloatであるため32bitの場合float型になり大きな値の計算で誤差が生じてしまっている

マピオンのAPIはそのようなことがないです。

ここにOpenStreetMapを表示するコードを書いてもいいのですが、公式サイトにまるまるあるのでリンクを貼らせてもらいます。

OpenStreetMapをiOSで表示するコード

Androidもまるまるあるのでリンクを貼るだけにさせてもらいます^^;

OpenStreetMapをAndroidで表示するコード

Webメルカトルに纏わる情報を求めるコマンドラインツールが欲しくなったので作りました。

npm install webmerc -g でインストールできます。

npmページはここ

例えばこんなことができます。

緯度経度からピクセルを求める

% webmerc --c2p 35.7,139.7,15
{ x: 7449549.938230911, y: 3302710.99871282 }

ピクセルから緯度経度を求める

% webmerc --p2c 7449549.938230911,3302710.99871282,15
{ latitude: 139.70000000000002, longitude: 35.70000000000002 }

緯度経度をメートルに変換

% webmerc -m 35.7,139.7
{ x: 15551332.863820316, y: 4259419.96554792 }

メートルを緯度経度に変換

% webmerc -g 15551332.863820316,4259419.96554792
{ latitude: 139.7, longitude: 35.70000000000002 }

緯度経度からタイルインデックスを求める

% webmerc --tileindex 35.7,139.7,15
15/29099/12901

ソースはここ

ちなみに、proj4は高機能ですが使いにくいし、Webメルカトル以外は使わないんですよね。

自由が丘にあるスパイスブティックレピス・エピスでコロンボというスパイスを買いました。

コロンボとはカリブ海のフランス領マルティニーク、グアドループで食べられている家庭料理です。

コロンボがどういうものか詳しくは分からないので僕流になりますが、作ってみました。

以下そのレシピです。

ちなみに、僕は鶏むね肉が好きなので鶏むね肉を使いましたが、ひょっとしたらコロンボは鶏もも肉の方が合うかもしれないです。

# コロンボカレー - 2人分 # 材料 - 鶏むね肉 500g ...1 - ヨーグルト（無糖） 150g ...1 - ターメリック小さじ1/2 ...1 - はちみつ小さじ1 ...1 - 塩小さじ1 ...1 - レピス・エピスのコロンボ小さじ5 ...2 - バター 50g ...3 - 玉ねぎ中2個 ...3 - にんにく 2片 ...3 - しょうが 1片 ...3 - ホールトマト 1缶 ...5 - 砂糖小さじ1 ...6 - 塩小さじ 1/2 ...6 - ココナッツミルク 300ml ...7 - ピーナッツバター小さじ1 ...7 - 塩少々 ...8 - こしょう少々 ...8 - パクチー 1束 ...9 # 手順 1. 1口大に切った鶏むね肉、ヨーグルト、ターメリック、はちみつ、塩を混ぜ30分から一晩漬け込む 2. スパイスブティックレピス・エピスのコロンボ小さじ5を用意する 3. 鍋にバター、みじん切りの玉ねぎ、にんにく、しょうがを入れよく炒める 4. 2のスパイスを加え軽く炒める 5. ホールトマトを加え中火で5分煮込む 6. 1の鶏むね肉と砂糖、塩を加え弱火〜中火で10分煮込む 7. ココナッツミルク、ピーナッツバターを加え弱火で5分煮込む 8. 塩、こしょうで味を整える 9. お皿に盛りつけパクチーを添えて完成

iOS版マピオンマップを使ってマピオンの地図画面を作成し、その地図上を長押しするとストリートビューが開くサンプルを作りました。

画面はこんな感じです。

地図上を長押しするとその場所のストリートビューが開きます。

ソース

マップJAPANにもこれと同じようにストリートビューを入れようと思っています。

Androidでログを出力するにはLog.d("MainActivity", "ログ");という風に書くと思います。第一引数はタグですがここはクラス名とかを書いておいて第二引数にログを書く感じだと思います。でも毎回、引数を２つも書くの面倒ですよね。どうせなら第二引数のログだけにしたいです。タグはそのクラス名が自動で入れば嬉しいです。そこで作りました。第一引数にログを書くだけです。Log.d("ログ");こんな風に。タグは自動でそれが書かれたクラス名が入ります。これはAndroid開発で個人的に使っていてかなり重宝しています。

public class Log { public static void d(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.d(e.getClassName(), msg); } public static void e(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.e(e.getClassName(), msg); } public static void i(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.i(e.getClassName(), msg); } public static void v(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.v(e.getClassName(), msg); } public static void w(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.w(e.getClassName(), msg); } public static void wtf(String msg) { StackTraceElement e = new Exception().getStackTrace()[1]; android.util.Log.wtf(e.getClassName(), msg); } }

Twitter創業者ジャック・ドーシーが毎日欠かさずチェックする「する／しない」リスト

この記事を見て僕もいつも心がけてることをまとめてみました。

# する - ITの最新情報を見る - 水を一日2㍑飲む - 毎日青汁を飲む - ランニングをする - 自転車に乗る - 体幹トレーニングをする - ジムでマシンをする - 失敗を恐れない # しない - 寝る3時間以内にものを食べない - ジャンクフードを食べない - 甘い清涼飲料を飲まない - 間食しない - 夜更かししない - 他人を睨まない

体のことばかりですね。

地理院地図が正式公開されました。右上のコンパスを叩くと距離を測ることができるじゃないですか。これは便利です。Googleマップやマピオンで使いたいところです。そこで地図を変更するブックマークレットを作りました。とりあえず自由に使えるOpenStreetMap版のブックマークレットを公開します。

手順

地理院地図にアクセス
以下のブックマークレットをアドレスバーに貼り付ける

ブックマークレット

javascript:var layer = new OpenLayers.Layer.XYZ("OpenStreetMap", "http://tile.openstreetmap.org/${z}/${x}/${y}.png", { attribution: "Map data © OpenStreetMap contributors, CC BY-SA" }); map.addLayer(layer); map.setBaseLayer(layer);

今日脳内で考えたレシピでキーマカレーを作りました。当然すんなりはできず、色々微調整してなかなか美味しいキーマカレーができました。その修正版レシピを書きます。

# キーマカレー - 2人分 # 材料 - サラダ油 80cc ...1 - 玉ねぎ中2個 ...1 - にんにく 2かけ ...1 - しょうが 10g ...1 - クミン小さじ1 ...2 - ターメリック小さじ1 ...2 - コリアンダー小さじ1 ...2 - パプリカ小さじ1 ...2 - ガラムマサラ小さじ1 ...2 - チリーペッパー小さじ1 ...2 - 合挽き肉 500g ...2 - ホールトマト 1缶 ...3 - プレーンヨーグルト 100g ...3 - 生クリーム 150ml ...3 - 砂糖小さじ1 ...3 - 塩小さじ1 ...3 - 塩少々 ...4 - こしょう少々 ...4 - パクチー 1束 ...5 # 手順 1. 鍋にサラダ油、みじん切りにした玉ねぎ、にんにく、しょうがを入れきつね色になるまで炒める 2. スパイス、合挽き肉を加え軽く炒める 3. ホールトマト、プレーンヨーグルト、生クリーム、砂糖、塩を加え蓋をせずに中火で時々かき混ぜながら15分煮込む 4. 塩、こしょうで味を整える 5. お皿に盛りつけ、パクチーを添えて完成

1段目

設定

必須ですよね

App Store

必須ですよね

カレンダー

イベントを登録しています

時計

目覚まし時計と料理の時にストップウォッチを使います

2段目

電話

必須ですよね

メモ

メモしてます

リマインダー

したいことや行きたいところなどを登録しています

Safari

あまりWebはしませんがなんとなく

3段目

写真

写真を確認します

アメッシュ

移動はランor自転車のみの僕は必須です

Instagram

ハマってます

Vine

Instagramでも動画は取れますが、僕はこっち派です

4段目

Tweetbot

よくつぶやきます

2chまとめ

面白いです

ドック

マップJapan

自家製アプリです。僕はランや自転車であてどもなくうろつくのが趣味なので全画面地図で現在地を確認できる軽いアプリがあればいいんです。これはそれ以外の機能もありますが、それはRejectを防ぐためのものです。本当はもっとシンプルにしたかった。あまりにシンプルだとアップルさんに「それってWebアプリでいいじゃん？」って言われてしまうのです。

カメラ

いろいろ撮ります

メール

必須ですよね

LINE

ヤングですから

ちなみに2ページ目はプリインアプリや開発中のアプリや会社のアプリが置かれてます。日常的に使うのは1ページ目のアプリだけです。

Tomorrowテーマはプログラムを書く時に最適なテーマですが、ここではXcodeでTomorrow Nightを設定する方法を書きます。

手順

git clone https://github.com/chriskempson/tomorrow-theme.git
cd tomorrow-theme
cp -i Xcode\ 4/Tomorrow\ Night.dvtcolortheme ~/Library/Developer/Xcode/UserData/FontAndColorThemes
Xcodeを起動（再起動）しPreferencesのFonts & Colorsタブを開く
Tomorrow Nightを選択する

マピオンのAPIを使ってOpenStreetMapをiOS/Androidで表示する

Webメルカトル関係のコマンドラインツールをNode.jsで作ってみました

コロンボカレーのレシピ

iOS版マピオンからストリートビューを開く

AndroidのLogクラスのシンプルなラッパークラス

毎日欠かさずチェックする「する／しない」リスト

地理院地図が正式公開されたので地図をOpenStreetMapに変更するブックマークレット作りました

手順

キーマカレーのレシピ

iPhoneのホーム画面晒します

1段目

設定