携帯サイトにGoogleマップ画像を住所で表示させる方法 | 渡辺大祐ブログ
なんかへんてこなタイトルだけど、要するに「住所投げてGoogleマップ画像を入手して携帯サイトで使おう」というお話。 携帯サイトにGoogleマップを埋め込みたいケースが結構頻繁にある。 その都度調べてなかなか身にならないので、自分への備忘録を込めてメモ。 通常のWEBサイトならGoogleマップから、埋め込みタグをコピーしてきて簡単に埋め込むことが出来るが、この地図はiframeを使ってたりJavaScriptを使ってたりして、携帯サイトでは表示出来ない。 携帯サイトでは、静的な画像ファイル(jpgとか)でGoogleマップを表示しないといけない。 ということで、こういう場合は「Google Static Maps API」を使用し、静的なGoogleマップ画像を入手する。 使い方は、後でちょこっと説明するが、今回はちょっとしたツールを作ってみた。 住所入力でGoogleマップ画像を表示
Google Japan Blog: Google マップが携帯でも表示できるようになりました
次の図は、皆さんもよくご存知のマーカー付の Google マップですが、少し雰囲気が違うと思いませんか。このマップ、実は Google Static Maps API を使って作成したものです。 Google マップをウェブページに埋め込む方法として、Google マップ API がありますが、Google Static Maps API が、この Google マップ API と大きく異なる点は、JavaScript を使用せずに、Google マップをカスタマイズすることができるという点です。 JavaScript のコーディングが不要なので、その分、マップの表示スピードの向上を図ることができます。 また、マップそのものは、イメージとして生成されるので、携帯電話でも表示できますし、そのまま添付ファイルとして電子メールで送信することも可能です。 先 のマップの場合、次に示すようにたった一
ke-tai.org > Blog Archive > モバイルユーザー傾向DATABOXの2010年12月版が公開されたので、クッキー対応端末のシェアを再計算してみました
モバイルユーザー傾向DATABOXの2010年12月版が公開されたので、クッキー対応端末のシェアを再計算してみました Tweet 2011/2/3 木曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイ端末のシェアがわかるWeb担当者Forumの「モバイルユーザー傾向DATABOX」の2010年12月版が公開されていました。 3ヶ月ほど前に、クッキー対応端末のシェアを計算してみていたので、どれくらい対応端末が増えたのか、再計算してみることにしました。 → Web担当者Forum モバイルユーザー傾向DATABOX（2010年12月） [web-tan.forum.impressrd.jp] 3ヶ月前の記事はこちらです。 → ke-tai.org ドコモのクッキー対応端末（iモードブラウザ2.0）のシェアは現状どれくらいなのかを調べてみました [ke
はてなブログ | 無料ブログを作成しよう
トルコ水紀行 －前編 イスタンブール－ みなさんこんばんは、地図子です！8月は久しぶりに毎月更新にしようと思います。今までずっと名古屋について書いてきましたが、ワープして・・・ トルコについて書きたいと思います。 2024年6月に念願のトルコに行ってきました。いつからトルコに行きたかったかわから…
ドコモ絵文字コードの種類と一覧
パソコン用ドコモ絵文字フォントを格納すると、パソコンで表示できます。Vector > フォント用ユーティリティ 内の i-mode絵文字対応外字データ などで、パソコン用ドコモ絵文字フォント（無料）をダウンロードできます。Vector > フォントエディタ 内の TTEdit などで、フォントを自作することもできます。パソコンの外字登録領域を使うので、フォントの使用には注意が必要です。 外字登録領域のユニコード文字一覧表で外字が登録されているかどうか確認して下さい。パソコンからドコモ携帯へのメール送信や携帯サイトへの投稿に使えます。 （パソコン用ドコモ絵文字フォント不要）ドコモ絵文字メール受信パソコン → パソコンパソコン用ドコモ絵文字フォントが格納されていれば、パソコンで表示できます。ドコモ携帯 → パソコンドコモのメール送信サーバで絵文字が“〓”に変換されているため、パソコンで表示でき
auの携帯でapplication/xhtml+xml; charset=utf-8なサイトを見ると問答無用で文字化けする - gifnksmの雑多なメモ
ちょっとはまったのでメモ。ググっても同じような症状は見つからなかった。 手元の携帯(W51H)のezwebのブラウザはapplication/xhtml+xmlな文章の文字コードをShift_JISとしか認識してくれないようだ。HTMLヘッダの方で文字コードを指定しても文字化けをした。 <?xml version="1.0" encoding="utf-8"?> こんな感じにxml宣言で文字コードを指定していても文字化けをしていた。metaタグが無いのがいけないのかと思い， <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> てな感じで文字コードを指定しても駄目。 結局.htaccessの方をいじって解決。 AddType "text/html; charset=utf-8" .html Rewrite
モバイルサイト構築前に知っておきたいユーザビリティ10のポイント（第1回） | モバイルサイト構築のユーザビリティいろは
端末特性に応じたユーザビリティの考え方最も身近で、どこでも気軽に使えるインターネット端末となった携帯電話。端末の急速な普及とハイスペック化にともない、携帯電話向けインターネットサービスによるマーケティングが各企業で本格的に取り組まれるようになっています。PC向けWebサイトと同様、携帯向けWebサイト（以降“モバイルサイト”）の構築においても当然、ユーザビリティの高いサイトを構築することが各企業のビジネスによい影響をもたらすことは必然です。 しかし、モバイルサイトでは、これまで各企業が構築・運用してきたPC向けWebサイトと比べると、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いなど、モバイルならではの制約があります。それらを踏まえたうえで、どうすればモバイルサイトでユーザーにメッセージを正確に伝えることができ、ストレスなく利用できるユーザビリティの優れたサイトを実現で
SEM業界～スナップアップ投資顧問の推奨銘柄
ネット広告業界やSEM・リスティング広告業界に関する解説ページです。 ネット広告市場の動向やスナップアップ投資顧問の推奨銘柄の実績例を紹介します。 東証一部上場の運用型ディスプレイ広告会社「Orchestra Holdings」（オーケストラホールディングス、旧デジタルアイデンティティ）など。 メニュー セプテーニ アドウェイズ オーケストラHD アイモバイル SEM・ネット広告業界 ネット広告業界の大手企業の一覧 ネット広告業界の大手企業の一覧です。 売上高のランキング（順位）や業態などをリストにまとめました。 ネット広告会社は主に「代理店」「メディアレップ」「アフィリエイト」に大別されます。 最大手サーバーエージェントのような独立系のほか、電通や博報堂など旧来型のメガ代理店の傘下に入っている会社もあります。 ＜ネット広告企業の業態別ランキング＞ 業態 売上高の順位 会社名 証券コード
モバイルSEOのベストプラクティス～クローラのアクセス状況を把握する
クローラのアクセス状況を把握する GoogleアナリティクスによるSEO Googleアナリティクスの「検索エンジン最適化（SEO）スターターガイド」には、SEOに対する取り組み方がまとめられています。 ガイドの内容を要約すると、「ユーザーにとって良質なコンテンツを作成し、Webサイトを検索エンジンに対して最適な状態にする」ことが、検索結果画面における掲載順位上昇において重要であると解釈できます。 以前は、SEOの掲載順位を上げるためだけに、まとめサイトなどを作成して被リンクを増やすという手法がありました。 しかし、現在のGoogle検索は「ユーザーが探している質の高い情報を検索結果に表示すること」を旨として作られているため、上記のように検索結果の質を下げかねない対応を行っているWebサイトに対しては、検索結果に表示しないというペナルティが課される場合があります。 したがって、Webサイト
ke-tai.org > Blog Archive > ケータイでGoogle Static Map APIを使ってGoogleマップを表示する際のTIPS
ケータイでGoogle Static Map APIを使ってGoogleマップを表示する際のTIPS Tweet 2009/12/11 金曜日 matsui Posted in タレコミ | 1 Comment » 先日Forumで質問があったのですが、情報共有のため記事にしたいと思います。 ケータイからGoogleマップを表示したい場合は、Google Static Map APIを使うことになりますが、その際日本語の地名の上にローマ字のフリガナがついてしまう場合があるようです。 以前はこのような表示はなかったと思うのですが、仕様がかわったんでしょうか。 FireMobileSimuratorなどPC環境から見ていると、言語設定が自動判定されるためか、このような表示にはならず気づきにくいのが厄介です。 当たり前のことですがやはり実機での確認は大事ですね。 こちらの問題を回避するには、パラ
mineoで節約暮らし✨
mineoを契約する時の初期費用、けっこうかかりますよね…。 ①契約事務手数料・・・3300円 ②SIMカード発行料・・・440円 ①＋②で合計3740円となりますが、申し込み時にエントリーパッケージ（エントリーコード）を使えば、①の契約事...
VGA端末の画像表示対応 - [Softbank/Disneyモバイル/携帯] ぺんたん info
ソフトバンクの端末で横幅480ピクセルまで表示される端末(VGA端末)は、それ以外の端末と同じ画像、HTMLでは表示したときに、かなり画像が小さくなります。 [参考記事] VGA端末用に出力画像を拡大縮小する方法 [参考記事] すべての端末で画像表示を同じにする方法 [参考記事] iモードブラウザ2.0のQVGA/VGA切替え機能 そのためVGA端末用に別の画像を用意したり、画像変換処理を行って調整をしたりする手法があります。 しかしこのような方法では、画像容量が大きくなるため表示に時間がかかるうえパケット代も数倍になったりします。 (回線速度がハイスピードになったり、パケット定額制が普及したりしてますが、、) そこで、<IMG>タグに指定されているwidthおよびheightを240に対する画面幅の比で、 widthやheightの値を指定しなおして拡大表示を実現する手法の説明です。 w
携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About
携帯サイトの作り方 第1回 作成方法の基礎携帯電話などから閲覧できる「ケータイサイト」を作ってみましょう。携帯端末に搭載されているブラウザに関するいくつかの制約を押さえておけば、あとは簡単に作成できます。まずは、携帯サイト作成の基本をご紹介。 (注) 本記事の解説は、ガラケーサイトの作成方法です。 本記事は、ガラケー(フィーチャーフォン)端末向けのウェブサイトを作成する方法の解説です。スマートフォン端末向けのウェブサイトの作成方法ではありませんのでご注意下さい。スマートフォン向けモバイルサイトの作成方法に関しては、下記の記事などをご参照下さい。 スマートフォン対応サイトを作る際の注意点 レスポンシブ・ウェブデザインの簡単な作り方 レスポンシブCSSで使うブレイクポイントの決め方 モバイルファーストでデザインする際のCSSの書き方 ブラウザの幅に合わせて表示を自動変更するレスポンシブ技12選
![携帯サイトの作り方 第1回 作成方法の基礎 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/99ea29bf657cd4dbe096c25bd4423077e189e7a5/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F9%2F9%2F201610192029%2Ftopimg_original.jpg)
携帯サイト制作の実践ノウハウ：キャリア別にメール受信設定リンクを出分ける
空メールを使った携帯サイトやサービスがよくあります。迷惑メールを懸念し携帯ドメイン以外のメールアドレスからの返信を拒否するユーザーも多いので、ユーザー離脱を起こしやすいです。こうしたユーザーに配慮し、ドメイン拒否指定をの解除がしやすいように、メール受信設定が行えるキャリアのURLにリンクを貼るなどします。 ラウンドアバウトのない静的なHTMLでは３キャリア分のリンクを列挙することになります。違うキャリア用のリンクを踏むとエラーになるので、ユーザビリティを考慮して出し分けしたいところです。 前回書いたように、ラウンドアバウトではPI機能または変換シートの２つの方法で出し分けをすることができます。 ●PI機能を使う場合 以下のサンプルのように、キャリアを出し分け条件にしてPIを記述します。 （XHTMLソース） ﾒｰﾙ受信設定は<br /> <?ra carrier="DoCo
#1214 (携帯：DoCoMo端末で選択したメニューの文字が読めなくなる) – OpenPNE
au、docomoのみで確認したところdocomoで再現できました。 docomoでは選択したリンクの背景が青色になるため、font_07（alink設定）がデフォルトで0000ffになっていると、背景と文字色が同じになり文字がみられなくなってしまいます。
ソフトバンクVGA端末の表示問題を解決する3キャリア対応携帯画像変換スクリプト 携帯サイトを作ろう！ -ちょっと詳しいモバイルサイトの作り方-
こんにちは、shibaです。 前回の記事「モバゲーのような携帯サイトを作るための12のTips」が予想以上の大反響で少々びっくりしてます。はてブの数とか半端ないです。こんなブックマークが付く記事を書いたことがありません。笑 いといろとコメントくださった方ありがとうございます。 おかげさまで、この記事以来、怒濤のように仕事が舞い込んできており、 多忙の毎日を送っています。 さて、今回は前回の記事のコメントでいただいた、 ソフトバンクのVGA端末でのサイト内画像の出力に関するお話です。 前回の記事で、ソフトバンクの高解像度（横240ピクセル以上）VGA端末では、ロゴなどの画像を他のキャリアに合わせて横240ピクセルで作成した画像を表示すると、高解像度のまま小さく表示されてしまう（けっこうかっこ悪い…）という問題がでてきてしまうという点について触れました。 ちなみに、ソフトバンク以外のキャリアの
携帯絵文字変換スクリプト 3キャリア対応
携帯絵文字変換スクリプト（PHP配布） 携帯3キャリア（NTTドコモ,au,ソフトバンク）の共通絵文字を表示するスクリプトです。 従来、絵文字については各キャリア相互に互換性がなく、携帯サイトを制作する際は各キャリアに合わせたページを制作する必要がありましたが、このスクリプトを利用することで、1つのページで3キャリアに対応させたページ作りが可能となります。 プログラム概要 共通絵文字変換表に基づき、ドコモの絵文字を基準に、auとソフトバンク向けの携帯電話に対し、同等の絵文字を表示します。 スクリプトの呼び出しはSSIを利用するため、現在のHTMLをPHPに変換したりする必要はありません。 スクリプトはPHP単体で動作するため、HTML内の絵文字を表示したい部分に一定の記述（SSI）を追加するだけで、絵文字を簡単に表示させることができます。 →サンプル ※サンプル画面にはありませんが、ソフト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
xhtmlで携帯3キャリア共通の初期入力モードを指定 - hex6.net
ケータイ新機能チェック ドコモの「オートGPS」を試す - ケータイ Watch