新型のiPad　MiniもRetina化されたので１２８Gモデルを買いたいシステムの中村です。

最近のスマートフォン・タブレットはかなりの数が高精細ディスプレイ（Apple製品ではRetina)化されていますが、それに伴いWEB製作の現場にもRetina対応の案件もちらほら出てきてるようです。

iOS ネイティブアプリ開発ではかなり前からAppleがretina対応しないと審査を通さないなど積極的に動いていますが、どうしてもサイト作成だとどうしてもなかなか費用対効果がよく無いのではありますが、これからのご時勢必要になってくる技術だと思います。

さて前置きはさておいて

実際に実験してみます。

標準	Retina対応
<img src="/images/pretz.png" width="250" /> 横幅250ピクセルの画像を横幅250で表示（等倍）	<img src="/images/pretz@2x.png" width="250" /> 横幅500ピクセルの画像を横幅250で表示（2倍）

通常のモニターではわかりにくいのですが、retina対応モニター等で見ると違いがわかります。画像を拡大していただくと如実にわかります。

ほかにもjqueryを使った方法などもありますが、それはまた別の機会に書きます。

このネタをまとめて一度社内で勉強会を開きたいなと思っているので、その時の資料も一緒に公開できればと・・・・時間を見つけてまとめるかうんそうしよう

先日、某病院様からスマートフォンサイトにGoogleMAPを使ったナビゲーションマップをサイトへ設置できないかという依頼されたのですが、Ｇｏｏｇｌｅのナビゲーションが思いのほかＡＰＩによっては精度がまちまちであることにビックリです。

ＡＰＩによるＧｏｏｇｌｅＭＡＰの精度の実験ページを簡単に準備してみました。

https://blog.medical-design.co.jp/gmap/

ゴール地点は　弊社　メディカルデザインとなっています。

当初はマップの上に、上位レイヤーとしてナビゲーションルートを表示させるつもりでしたが、サイト内に埋め込むGoogleマップでは精度がでませんでした。場所によっては海の上を走行する場合等もあったりと；；；これでは使い物にならないと・・・・・

ただこの段階で疑問が！GoogleMAPやAppleMAPではちゃんとルート検索してるじゃないか！という疑問です。

サイト内に埋め込むタイプのGoogleMAPで良い精度がでないなら、制度の良いナビゲーションアプリにゴール地点をおくってやればいいじゃないかそしてサイトからアプリを起動すれば、いいだけでは？

そこで、　地図アプリでナビゲーション　リンクの実装です。

これでスマートフォンなら地図アプリが起動し、PCなどのブラウザーであれば、GoogleMAPが開き案内を行ってくれます。

URLスキームの自動生成のフォームも簡単に作ってみました。

サイト内に地図を表示する際ナビゲーションボタンなどを実装してあげるほうが、スマートフォンユーザーには親切かなと思います。

今はコールバック等も着々と実装されつつあるので、アプリ内の連携もやりやすくなりそうです。