スマホでGoogleMapのリンクをアプリで開くHTML記述方法

iPhoneやAndroidでGoogleMapのリンク先を開くと現在のブラウザ(もしくは標準のブラウザ)で開いてしまうので、これをブラウザからでなくGoogleMapアプリから開くようにHTMLで指定する方法を備忘録メモ。

iPhoneユーザーの方は問題ないかと思いますが、自分のようにiPod touchを使ってると性能の低さからブラウザからGoogleMapを開くとレスポンスが悪い上に、ストンストン落ちるのです。これでは困ると言う事で、指定方法があるんじゃないかと調べてみたら案の定ありました。えっ、今更!?と思うかもしれませんが、えぇ、今更です。

続きを読む スマホでGoogleMapのリンクをアプリで開くHTML記述方法

スマホ向けWebサイトの必須?制作ツール「Adobe Shadow」

Adobe Shadowロゴ
Adobe Shadowロゴ

確定申告に追われていてそれどころじゃない中、スマホ向けのWebサイト制作には必須となりそうなAdobe Shadowというツールが登場して使ってみたら凄まじく便利だったのでインストール方法と簡単な使い方をご紹介。

どういったアプリかというとMacもしくはWindows上のGoogle Chromeの画面とスマートフォン(iPhone、Andoroid)の画面を連携するという優れもの。深夜通販で紹介されたら「WoW!!」とか言っちゃいそうなぐらい欲しかったツールです。

続きを読む スマホ向けWebサイトの必須?制作ツール「Adobe Shadow」

Google Chromeでのスマホの動作確認方法(UA切り替え)

GoogleChromeでUserAgentを切り替える方法①
GoogleChromeでUserAgentを切り替える方法①

1ヶ月程前にメモっておこうと思っておきながら途中まで書いてスッカリ忘れていましたが、Google ChromeのUserAgent(ユーザーエージェント)の切り替え機能を使って擬似的にスマホ(iOSやAndroid)環境の確認する方法です。

先日制作したカワイイものMARKETがスマホの場合にページを切り替えるようになっているので例としてご紹介します。上の画像はPCで見た時(デフォルト)の状態になります。

続きを読む Google Chromeでのスマホの動作確認方法(UA切り替え)