• RSS
Analyticsのタグなどが正常に動いているかを確認できるGoogle Chromeの拡張機能「Google Tag Assistant」

Google アナリティクスなどの計測ツールが正常に動いているかをチェックできる、Google Chromeブラウザの拡張機能「Google Tag Assistant」の利用方法のご紹介です。
続きを読む

Google Mapsを利用するためのGoogle APIキー取得方法まとめ

2016年6月22日からGoogle Mapsの表示にGoogle APIキーが必要になりました。

今まではAPIキーなしでもGoogle Mapsを表示できていたのですが、2016年6月22日以降に新規に作成したサイト(URL)は、APIキーがないとエラーになって地図が表示されなくなります。

6月22日より前に作成したGoogle Mapsは現在の所、APIキーなしでも利用できるようですが、今後いつ必要になるか分かりませんので、今回はGoogle API キーを新たに取得する方法をまとめました。
続きを読む

[JS]AjaxZip3 をGoogle Code 版からGithub 版へ移行する手順(2016年1月までに要移行)

以前に 郵便番号から住所を自動入力できるjavascript「ajaxzip3」 の記事でも紹介させていただいたAjaxZip3 ですが、2016年1月に「Google Code」が閉鎖される 影響により、Google Code 版からGithub 版へ移行する必要があります。
続きを読む

Googleの検索結果に画像ファイルを表示されないようにする

サーバーのルートにrobots.txtファイルを置き、サイトの画像ファイルをGoogleのインデックス登録から除外する方法のご紹介です。
続きを読む

Google のモバイルフレンドリーテスト(とPageSpeed Insights)をやってみた。

2015年の4月21日 より、Google のモバイル検索結果に「モバイルフレンドリー」なる仕組みが導入されたとのことですので、早速当サイトがモバイルフレンドリーであるかどうかを確認してみました。
続きを読む

[CSS]Noto Sans JP のwebフォントを利用する方法

Noto Sansは、全言語対応を目指してGoogle とAdobe が共同開発したオープンソースのフォントで、Webフォントとして無料で提供されています。全言語対応を目指しているだけあって、当然日本語(和文)フォントも利用可能です。

今回はそんなNoto Sansフォントを、ブログやWEBサイトで手軽に利用する方法を紹介させていただきます。
続きを読む

Google Maps API の地図のレスポンシブWEB対応

Google Maps API の地図をレスポンシブWEBデザイン対応にする方法のご紹介です。

PCでブラウザを伸縮しても、スマートフォン端末を縦横に回転しても、Google Maps のピンを常に中央に表示させることができます。
続きを読む

[CSS]Google Map のズームコントロールが出ない場合の対処法

Bootstrap のCSS が原因か、Google Map でズームコントロールを使うように設定していても、表示されない場合があります。
続きを読む

Google Analytics で解析結果などを別のGoogle アカウントと共有する方法

Google Analyticsで、別のGoogle アカウント(Gmail アドレス)を持っている人と解析結果などを共有する方法のご紹介です。
続きを読む

Google Analytics で特定のIP アドレスからのアクセスを除外する方法

Googleアナリティクスでアクセスを除外する方法として、Google Analytics でCookie を利用したアクセス除外を利用する の記事のような方法もあるのですが、

今回は、Google Analytics のフィルタ機能を使って「特定のIP アドレスからのトラフィックを除外する」という一番シンプルな方法を紹介させていただきます。
続きを読む

[Mac]添付ファイル「winmail.dat」をMac で開く方法

Mac のメールソフト(Mail)を使っていると、稀に「winmail.dat」という添付ファイル付きでメールを受信する時があります。

過去に「ゴミファイルかな?」と思って添付ファイルを消したら、実はかなり重要なファイルだった…なんて経験があるのですが、

Mac のMail からは .datファイルの中身の直接確認することが出来ないので、今回はwinmail.dat ファイルの開く方法をまとめました。
続きを読む

iGoogle 終了後の代替サービスまとめ

2013年11月1日以降にiGoogle が使えなくなるにあたり、iGoogle と同じような機能を持つサイトへの乗り換え先を探していた所、いくつか良さげなサービスが紹介されていたのでまとめました。
続きを読む

[CSS]無料で使えるWEBフォント「Google Web Fonts」の使い方

Arial Black、Times、Verdana…など、WEBサイト制作時に指定するフォントはごく限られたモノになるかと思いますが、Google 提供のサービスの1つである Google Web Fonts を利用すると表現の幅が広がります。

Google Web Fonts は多数のフォントの中から使いたいフォントの太さ、スタイルなどを指定するだけで<link> タグや CSSのコードが生成されますので、それをサイトに貼付けるだけで使えます。
続きを読む

Feedly をGoogleリーダーっぽいデザインに変更できるChrome 拡張機能「GGReader」

2013年7月のGoogle Reader サービス終了に伴い、Feedly に移行した方も多いのではないかと思いますが、

このFeedly をGoogleリーダーっぽいデザインに変更できるというChrome の拡張機能「GGReader」のご紹介です。
続きを読む