Chizu Camera (チズカメラ)

写真と思い出の場所を一枚で伝えよう

チズカメラは、あなたが感じた日常の「かわいい」「うれしい」「たのしい」写真と
地図の便利さにかわいさをプラスして楽しむ新しい写真投稿アプリです。

Chizu Camera (チズカメラ)
使い方はいたって簡単。写真を撮って地図を選んで投稿するだけ!
もちろん、過去に撮影した写真を使うこともできますし、コメントをつけて投稿することもできます。
選べる地図は4種類。スタンダード・雨雲レーダー地図・地形図・ミッドナイトからお好きなものを選択してください。
※雨雲レーダー地図は写真の撮影日ではなく投稿時の状態となります。
また、地図に載せるアイコンも選べます。ピン型のスタンダードのものからちょっと愉快なものまで19種類のラインアップがあります。

ちなみにチズカメラで投稿することを「チメぴょん」と呼びます。

写真と地図を一枚でシェアできる新しい写真投稿アプリ 『チズカメラ』リリースしました! - YOLP公式ブログ

チズカメラで Twitter に投稿したURLから画像のURLを生成してみる。

チズカメラが Twitter に投稿した際の該当ツイート。

Twitter / nilab: 黄河にて、陳麻婆豆腐。しびれる辛さ。
Twitter / nilab: 黄河にて、陳麻婆豆腐。しびれる辛さ。

ツイート中の yahoo.jp/Fmceng は短縮URLで、展開すると http://chizucam.olp.yahoo.co.jp/20135c99b1af9b7bcd319c06f7534c3ab2f1 になった。

チズカメラが Twitter に投稿したウェブページのスクリーンショット。

Chizu Camera (チズカメラ)
Chizu Camera (チズカメラ)

チズカメラが Twitter に投稿した URL (短縮URLを展開済み)


http://chizucam.olp.yahoo.co.jp/20135c99b1af9b7bcd319c06f7534c3ab2f1

チズカメラで投稿した画像の URL


http://chizcam.yahooapis.jp/V1/image?appid=dj0zaiZpPXhweGdGNmZQbVZJdiZkPVlXazlVelJvWTJjeE16UW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9ODI-&id=20135c99b1af9b7bcd319c06f7534c3ab2f1

画像URLの生成ルールはこんな感じ。ウェブページのURLからIDを抜き出して、画像のURLを作る。

ページの URL フォーマット:


http://chizucam.olp.yahoo.co.jp/{ID}

画像の URL フォーマット:


http://chizcam.yahooapis.jp/V1/image?appid=dj0zaiZpPXhweGdGNmZQbVZJdiZkPVlXazlVelJvWTJjeE16UW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9ODI-&id={ID}

試しに、画像URLのパラメータの appid を自分の持っている Application ID に設定してみたら、


<?xml version="1.0" encoding="utf-8" ?>
<Error>
<Message>
Your Request was Forbidden
</Message>
</Error> 

とエラーが返ってきたので画像をダウンロードするときはこの Application ID を使うしかないみたい。

以下、チズカメラが Twitter に投稿した URL のページの HTML の中身をチェックした結果。

HTML から Open Graph Protocol のタグを抜粋。


<meta property="og:url" content="http://chizucam.olp.yahoo.co.jp/20135c99b1af9b7bcd319c06f7534c3ab2f1" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Chizu Camera (チズカメラ)" />
<meta property="og:image" content="http://chizcam.yahooapis.jp/V1/image?appid=dj0zaiZpPXhweGdGNmZQbVZJdiZkPVlXazlVelJvWTJjeE16UW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9ODI-&id=20135c99b1af9b7bcd319c06f7534c3ab2f1" />
<meta property="og:description" content="黄河にて、陳麻婆豆腐。しびれる辛さ。" />
<meta property="fb:app_id" content="307068519405972" />

HTML から Twitter Cards のタグを抜粋。


<meta name="twitter:card" content="photo" />
<meta name="twitter:url" content="http://chizucam.olp.yahoo.co.jp/20135c99b1af9b7bcd319c06f7534c3ab2f1" />
<meta name="twitter:title" content="Chizu Camera (チズカメラ)" />
<meta name="twitter:description" content="黄河にて、陳麻婆豆腐。しびれる辛さ。" />
<meta name="twitter:image" content="http://chizcam.yahooapis.jp/V1/image?appid=dj0zaiZpPXhweGdGNmZQbVZJdiZkPVlXazlVelJvWTJjeE16UW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9ODI-&id=20135c99b1af9b7bcd319c06f7534c3ab2f1" />
<meta name="twitter:site" content="@chizucamera" />

HTML から画像とコメントの部分を抜粋。


<div class="appContent">
  <div class="imageArea"><img src="http://chizcam.yahooapis.jp/V1/image?appid=dj0zaiZpPXhweGdGNmZQbVZJdiZkPVlXazlVelJvWTJjeE16UW1jR285TUEtLSZzPWNvbnN1bWVyc2VjcmV0Jng9ODI-&id=20135c99b1af9b7bcd319c06f7534c3ab2f1"></div>
  <div class="commentArea"><p>黄河にて、陳麻婆豆腐。しびれる辛さ。</p></div>
</div>

さいきんは Open Graph Protocol (OGP) とか Twitter Cards のおかげで、情報のスクレイピングがやりやすそう。

Ref. Chizu Camera (チズカメラ)

tags: photo map

Posted by NI-Lab. (@nilab)