どこのリンクから移動したかをわからないようにして個人情報を守る「Referer Modifier」レビュー
ウェブサイトは、訪問者がどのサイトからリンクをたどって移動してきたのかを、HTTPリファラの情報で知ることができます。これは裏返すと「自分がどういうリンクをたどって移動したのか知られてしまう」ということでもあり、場合によっては、参照元ページで付与されていた個人情報がわかるようなパラメータが意図せず漏れてしまうこともあり得ます。Firefox向け拡張機能「Referer Modifier」は、HTTPリファラの情報を削除したり書き換えたりすることで、情報を守ってくれます。 Referer Modifier – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/referer-modifier/ まずは上記URLにアクセスして「Firefoxに追加」をクリック。 「Referer Modifierを追加しますか
Google Maps URLで現在地からのルートを「交通手段別」で作る | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
参考URL 今回記事を書くにあたって、以下を参考にさせていただきました。 https://developers.google.com/maps/documentation/urls/guide#directions-action https://qiita.com/yukishiba/items/ac6c9dfb4f5a5510744c 最初はGoogleMapを開いて、現在地から目的地を検索、アドレスバーに表示されるURLをコピーして使うのかな？ と思っていたのですが、それだと現在地に固定の経度緯度が割り当てられて、動的にすることができないんですね。 なので、公式が用意してくれている雛形からちゃんと作る必要があります。 雛形 こちらです。参考記事を抜粋したものになります。 // 座標を使う場合 https://www.google.com/maps/dir/?api=1&destinat
ユーザーの痕跡を追う！アナリティクスの「行動」メニューの分析方法
こんにちは、ディレクターのエリカです。 あゆみさんからバトンを繋いで、第3回のお題はアナリティクス機能の「行動」となります。 Google Analyticsの「行動」は、ユーザーがウェブサイトをどう見て触ったのか分かる項目です。作ったページ、記事の手応えが具体的に感じられて、制作者としては楽しい項目ではないでしょうか。 （もちろん意図しない結果で悔しい場合もたくさんありますが…） では早速、上から順に見ていきましょう。 サマリー 全体をさらっと見渡せる項目です。「行動」は項目が多いので、このサマリーではちょっと情報不足かなと感じるのですが、AdSenseの状況等もさっくり確認できるところは良いですね。 サイトコンテンツ どのようなページ・コンテンツがユーザーに受け入れられたかを知ることができます。 すべてのページ 人気ページは何か、PVや直帰率、平均滞在時間等が分かります。 分析の初期に
Googleアナリティクスの「集客」メニューで、訪問者の流入経路が丸わかり！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは。ディレクターのあゆみです。 なっちゃんからバトンを受け取り、第2回としてアナリティクス機能の「集客」で何をみることができるのかを紹介していきます（＾ω＾） 「集客」では何が見れるの？ 左カラムのこのメニューを順に追っていこう！ ということで、「集客」メニューですが、端的にいうとユーザーはどのようにしてこのサイトへ訪問したのか？を知ることが出きる機能です。早速ざくざく見ていくに限るので、上から順に、まずはサマリーから。 サマリー 「チャネル」「セッション」「コンバージョン」と並んでいるのが気になりますね。順にいきます。 チャネル チャネル＝経路ですが、もう言葉の意味そのものです。 どうやって来たのか？ がここでわかります。 ↑LIGの生々しいデータがこちら。 肝心の項目はこんな感じです。 Organic Search
Googleストリートビューを使って目的地までの経路を一人称視点で見られる「Google Maps Streetview Player」
スマートフォンのマップアプリは見知らぬ土地で目的地までたどり着くのに便利ですが、それでも歩き出す方角を間違えてあらぬ場所に到着してしまう、ということはあるものです。そんな時に役立ちそうなのが、出発地点から目的地までの経路をGoogleストリートビューから取得した一人称視点の写真で表示してくれる「Google Maps Streetview Player」で、方向音痴や機械音痴でも実際の風景と写真を比較しながら目的地まで移動することができそうです。 実際に使用するとどういったことができるのかは以下のムービーを見ると一発で理解できます。 「Google Maps Streetview Player」を使ってみた - YouTube 「Google Maps Streetview Player」は以下のURLから利用可能です。 Google Maps Streetview Player http
Google Mapsの地図に目的地までのルートをJavaScriptで描画する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンジニアのおじいちゃんです。 今回は、任意で入力した場所から指定された場所までのルートをGoogleマップに描画する方法を紹介したいと思います。 Googleマップ描画 サンプルとして、任意に入力した場所からLIGまでの、徒歩でのルートを描画することにしたいと思います。 まずは通常のGoogleマップを設置します。 <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js/sensor=TRUE"></script> <div id="map_canvas" style="width: 800px; height: 600px;"></div> <div class="searchBox"> <form> <input id="mapSearch" type="text"> <
[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js
路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 デモページ 上のアニメーションgifみたいに移動させることだけでなく、ホイール操作での拡大縮小やドラッグ操作などもできます。 路線図は各要素（駅やルートなど）のテキストファイルを元に、Canvasで描画されています。 各要素のデータ（オレンジのルート）はこんな感じです。 "route": "ORANGE", "from": "12488", "to": "7588", "fromName": "COURTHOUSE METRO STATION", "toName": "METRO CENTER METRO STATION", "routeShortName": "Orange
[JS]Googleマップにさまざまなオプションを追加して簡単に設置できるスクリプト -GMAP3
Google Mapsにオリジナルのマークやポリゴン、任意の画像などを簡単に加えて設置できるjQueryのプラグインを紹介します。 GMAP3 -jQuery plugin to manage Google Map API デモ [ad#ad-2] GMAP3はGoogle Map APIを使用するため、使用するページに外部ファイルとして記述します。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> Googleマップの設置は簡単で、空のdiv要素にidを指定して配置します。 下記に簡単な例を紹介します。 HTML <div id="test1"></div> JavaScript $.gmap3.setDefault({ init:{ center:
Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」:phpspot開発日誌
jGmaps | jQuery Plugins Googleマップを使った経路案内も一瞬で実装できるjQueryプラグイン「jGmaps」 必要なライブラリを読み込んで、次のようにjgmapsメソッドを呼び出すとGoogleマップによる経路案内の地図と文字による案内情報が出ます。 $('#mapa').jgmaps( { width: 300, height: 300, directions:{ address: ['東京都新宿区', '東京都港区'], usePanel: true, panelId: 'panelDirections' } } ); 次のように、経路が地図に表示されます。 文字による案内情報も表示できます。 会社案内や会場案内なんかもこれで速攻実装できそうですね。 ダウンロードできるサンプルをいじくってみましょう。 地名に日本の場所を漢字で使う場合、文字コードはUTF-
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
座標とタイムスタンプのデータをJSONで渡すとGoogleマップ上でその経路をアニメーション表示してくれるスクリプト・「maps-journey-replay」
YouTube人気急上昇
IDEA * IDEA