Google Map API V2 提供終了!困った時はまずここを確認!

日本時間の2013年11月18日にGoogle Map API V2の提供が終了となりました。
弊社で確認していた限りでは、20日あたりから実際に使えなくなった感じでしたがみなさまのサイトはいかがでしょうか?
何事もなく使えていましたか?それとも全く何も表示されませんか?

本来であればGoogle先生のご意向に沿ってAPI V3を使って実装し直した方が良いのですが
Google先生の計らい(?)でV2での実装でもV3 API互換として動作するような対応をしてくれたみたいですので
とりあえずの応急処置として動くようにしたい場合にチェックしたいポイントをご紹介します。

Continue reading

スマホ・タブレットで縦横の表示切り替えに応じてレイアウトを変えつつ画面ぴったりに表示させたい

先日担当した某病院様の案件で使用したTipsです。

その案件はWordPressでのCMSサイト構築だったのですが、PC/スマホの2デバイスでのレスポンシブ対応という事でした。
そこでメディアクエリで各デバイス毎のスタイルを作成していたのですが、
しかしその後でiPadなどのタブレットの場合にのみまた別のレイアウトにする+ランドスケープ表示の場合にはPC用のレイアウトにするということになりました。

これを整理すると以下のパターンになります。

  • PCで閲覧/タブレットでランドスケープ表示:PC用のスタイル
  • スマホで閲覧(縦横問わず):スマホ用のスタイル
  • タブレットでポートレート表示:タブレット用のスタイル

ここで困ったのが、タブレットでのviewportをどうするか?という問題です。

Continue reading

JavaScript でリッチなUIを作る場合の覚書(その1)

Webアプリケーションでネイティブアプリに近い操作感を実現したいとなると
Ajaxで取得したデータを使ってコンテンツを描画、さらにそれを操作というのはよくありますね。

例えばajaxでjsonを取得して、handlebars.jsなどを使って一覧を作成したんだけど
各行を jQuery.UI で draggable にしたいんだけど動かない、なんてときの覚書です。

 

Continue reading