Googleマップをイラストマップみたいにしたい。
サイト制作において、アクセスマップなどの地図の表示はどうしてますか？「Google Maps API」を利用したり、ちょっとデザインにこだわりたい時にはイラストに描き起こしたりしてるんじゃないでしょうか。 今回は、Google マップをちょいとカスタマイズすれば、まるでイラストマップみたいに見せることができるんだぜ！というお話です。 記事中に出てくる画像は2012.3現在のもののため、現在のGoogle Maps APIでの表示とは異なりますので注意です…X(。 リンク切れしていたところを、なるべく近い内容の存在するページにリンクし直しました（2015.7.20追記）。 まずはしっかり抑えておきたい「Google Maps APIの基本」から。 基本をすっ飛ばして早速カスタマイズしたい方はこちら↓。 Google Maps APIの基本 Google マップはGoogle API キーを発
【Web制作】Google Codeが終了→html5shivでIE8のHTML5対応している人は注意！
概要 ▶ IE8のHTML5対応としてhtml5shivのファイルをGoogle Codeからロードしている方はHTMLを今すぐ変更しましょう。他のCDNもあります。 画像出典：Google Code Google Codeがスパムや悪質なプロジェクトのために2016年1月25日に終了するというニュースが3月にありました。 米Googleは3月12日（現地時間）、開発者向けにAPIなどを提供したり、オープンソースプロジェクトをホスティングするサービス「Google Code」を来年1月に閉鎖すると発表した。同日、新たなプロジェクトの作成はできなくなった。 「Google Code」、2016年1月25日に閉鎖へ GitHubへの移行を奨励 - ITmedia エンタープライズ その時は「開発者向けのページが閉鎖か、別に開発者ではないし…（プロジェクトをアップしているわけでもないし）」という
【2018年度版】Google Maps の APIキー を簡単に取得する – ねんでぶろぐ
Googleマップを表示させるには APIキー が必要です。 APIキーを取得する場合は 「Google Cloud Platform」で プロジェクトを作成し、プロジェクト内でAPIキーを作成・請求先アカウントを紐づけるという作業が必要です。 ここでは新しくプロジェクトを作成し、APIキー取得と請求先アカウントの設定方法を紹介します。 「Google Maps Platform の提供を開始 : Google マップのビジネス利用がさらに進化 」 https://developers-jp.googleblog.com/2018/05/google-maps-platform-google.html 「Google Maps Platform」 https://cloud.google.com/maps-platform/ 準備 まず以下のものを用意してください。 ①Googleアカウン
Google Docsのスプレッドシートで多言語対訳表が簡単に作れるよ - 太陽がまぶしかったから
対訳表を作るのが面倒 システム設計をする時に、データベース名や変数名や表示名などを決めるのが面倒だ。一般的には英字文字列で作るのだけど、ローマ字で「kokyaku」とか付けるのはダサいし、いちいち辞書を引いていくのは億劫。 多言語対応のために表示名をフランス語にするみたいな要件もでてくるが、これらの作業の下準備を実現する手段として、Google Docsのスプレッドシート（表計算ソフト）の翻訳関数を利用する方法が考えられる。 =IF($A2<>"", GOOGLETRANSLATE($A2,"ja","en"),"") 指定セルの内容を翻訳するには「GOOGLETRANSLATE(値,ソース言語,ターゲット言語)」関数を入力する。例えばセルの計算式に上記式を入力すると「A2セルの内容がある場合にA2セルの値を日本語から英語に翻訳する」という意味になる。 スプレッドシートで多言語対訳表を作る
Googleの検索結果のURLがhttpsになってしまう
最近気づいたのですが、このサイト（あぱーブログ）がGoogleの検索結果で表示されると、リンク先が「https://」から始まるURLになっていることがありました。このサイトでは、管理画面を暗号化するために自己署名証明書を使って、https://＜管理画面のURL＞ で表示できるようにしているのですが、記事のページについても https://＜記事のページのURL＞ のようにURLを変更すると、表示ができてしまうため、GoogleがそちらのURLを表示しているようです。 困ったことに、このサイトでは自己署名証明書を使っているため、https://〜で表示しようとすると、下のような警告が表示されてしまいます。 これではもし誰かが、検索結果をクリックしてくれたとしても、ページ表示してくれることはまずないでしょう。 そこで、原因と対策方法を調べてみました。 原因これの影響かと思われます。 ▽ G
Google Webmaster Help Center - I have a mobile site. How can I add it to Google's Mobile index?
Mobile site and mobile-first indexing best practices Google predominantly uses the mobile version of a site's content, crawled with the smartphone agent, for indexing and ranking. This is called mobile-first indexing. While it's not required to have a mobile version of your pages to have your content included in Google's Search results, it is very strongly recommended. These best practices apply t
検索結果をもっとモバイル フレンドリーに
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Google、Webアプリ開発向け新言語「Dart」を発表
Dartは構造化されたWebアプリを開発するための言語で、同言語で開発したアプリはJavaScriptに変換して実行できるほか、将来Chromeブラウザに搭載される専用VM上で実行できるようになる。 米Googleは10月10日（現地時間）、新たなプログラミング言語「Dart」を発表した。構造化されたWebアプリの構築に適しているという。専用ページで早期プレビュー版のドキュメントやコードサンプルが閲覧できる。 Googleは、Dartで構造的でかつフレキシブルな言語を目指す。開発者にとって、親しみやすく、自然な操作性を持たせ、簡単に学べるものにし、モバイル端末やサーバでの実行でも高性能を発揮するWebアプリを構築できる言語にしたいとしている。DartはBSDライセンスの下、オープンソースでリリースされた。
Google、新サイトを検索エンジンに即時登録する方法を提供 | ネット | マイコミジャーナル
Google Web Search GoogleはGoogle検索のインデックスに新しいページを登録する方法、または既存のページ情報を素早く更新するための新しい手段を「ウェブマスターツール」に追加したことを発表した。Googlebotとしてクロールを実施する「Fetch as Googlebot」の機能に、指定したWebページを即時にクロールさせ、クロールに成功したページを検索インデックスに追加する機能が組み込まれている。 この新機能の使い方は簡単。これまでのように「ウェブマスターツール」にログインしたら、操作したいサイトを選択。左のメニューから「Fetch as Googlebot」を選択し、検索インデックスに新しく追加したいページやサイト、または更新して欲しいページを指定して「取得」ボタンをクリック。クロールに成功すると「インデックスに送信」といったリンクが登場するので、これをクリック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google アナリティクス