pjax（Barba.js） と gtag.jsの実装 | toMemo - メモ的に色々書いていく個人ブログ
Google Analyticsの仕様がgtag.jsに変わり、pjaxを使用した際のgtag.jsの対応方法が検索でなかったので投稿します。 どうしてpjaxだと対応が必要なのか？ pjaxを使用したことがある人は飛ばして構いません。 pjax、今回案件で使用したのはBarba.jsですが、使用する際に注意すべき点があります。 それはhead内の更新と、読み込みで実行されるJSです。 pjaxはコンテンツ部分を変更してくれますが、なんの対応もしないとmeta情報やCSSファイル、URLなどの情報は、最初に読み込んだページのままになります。 CSSやJSは一つのファイルにまとめておけば読み込みに関して解決しますが、meta情報やURL情報は処理を加えないと解決しません。 なので、pjaxを使用する際は、ページが更新したタイミングでmeta情報を変更する対応が必要です。 その際に、更新したU
Squoosh
SmallSmaller images mean faster load times. Squoosh can reduce file size and maintain high quality. SimpleOpen your image, inspect the differences, then save instantly. Feeling adventurous? Adjust the settings for even smaller files. SecureWorried about privacy? Images never leave your device since Squoosh does all the work locally.
Cloud Speech API で音声をテキストに変換する
Cloud Speech API を使用すると、80 以上の言語で音声ファイルの音声をテキストに変換できます。 このラボでは、音声ファイルを録音し、それを Cloud Speech API に送信して変換します。 学習すること Speech API リクエストを作成し、curl で API を呼び出す さまざまな言語の音声ファイルを使って Speech API を呼び出す 必要になるもの Google Cloud Platform のプロジェクト ブラウザ（Chrome、Firefox など） チュートリアルの使用目的を教えてください 通読のみ 通読して、演習を行う Google Cloud Platform の使用経験を教えてください 初心者 中級者 上級者 自分のペースで進める環境のセットアップ まだ Google Account（Gmail または Google Apps）をお持ちで
LiquidFun
Overview LiquidFun is a 2D rigid-body and fluid simulation C++ library for games based upon Box2D. It provides support for procedural animation of physical bodies to make objects move and interact in realistic ways. Stable releases of LiquidFun are available for download from github.com/google/liquidfun/releases. LiquidFun source code is available for download from github.com/google/liquidfun. Dis
Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」:phpspot開発日誌
Lazy-loading Google Maps ? Osvaldas Valutis Googleマップを遅延ロードしてページ読込速度を上げてくれるjQueryプラグイン「Lazy-loading」 スクロールした際に読み込む、画像のLazyLoaderは一般的になりましたが、GoogleMapでこれを実現するためのjQueryプラグイン。 http://osvaldas.info/examples/lazy-loading-google-maps 関連エントリ クリッカブルマップもレスポンシブにするjQueryプラグイン「Responsive Image Maps」 ヒートマップが簡単に描画できるライブラリ「heatmap.js」
Maplace.js - A Google Maps javascript plugin for jQuery.
Maplace.js helps you to embed Google Maps into your website, quickly create markers and controls menu for the locations on map. It requires jQuery and Google Maps API v3 so you need to have both in your page. Features Straightforward implementation with simple options Can run as many maps as required Markers and custom icons, zoom level and custom controls menu Supports for Directions, Polygons, C
Web Font Loader | Google Fonts | Google for Developers
Web Font Loader Stay organized with collections Save and categorize content based on your preferences. The Web Font Loader is a JavaScript library that gives you more control over font loading than the Google Fonts API provides. The Web Font Loader also lets you use multiple web font providers. It was co-developed by Google and Typekit. The documentation and source code for the Web Font Loader is
広告スクリプトを object タグで読み込む方法
新年のご挨拶 明けましておめでとうございます、今年もよろしくお願いします（アリガチ）。昨日は知らないうちに年が明けていました（アリガチ）。初夢は見ましたか？（アリガチ） いやぁ、今年もあと 364 日ですね（アリガチ）。年越しの瞬間にジャンプして「おれ、年越しの時は地球にいなかったぜ？」（アリガチ・ちなみに年越しの瞬間にジャンプ – Google 検索）とかいう奴、いませんか？ 冗談も、休み、休み、言いましょうね（アリガチ）。 という前置きは読み飛ばし、新春早々 hack と行きますか。本当は **ck を（ry 注意書き 今回紹介するのは、広告スクリプトの読み込みのせいでページ全体の描画が遅くなるのを <object> タグで何とかする方法です。実際にこのブログに導入してから、けっこう時間が経ったので、そろそろ公開しようかと。 初めに書いておくと、同様の悩みを持っている人は docume
サイトマップ作成
The goal of this website is to let you: Create an XML sitemap that can be submitted to Google, Bing and other search engines to help them crawl your website better. Create a Text sitemap to have a plain list of all your pages. Generate an HTML site map to allow website visitors to easily navigate on your site. What is sitemap? By placing a formatted xml file with site map on your webserver, you en
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
GoogleのアカウントにOpenIDでログインする実装チュートリアル:phpspot開発日誌
Login with Google Account GoogleのアカウントにOpenIDでログインする実装チュートリアルが公開されています 実装コードはPHPで、参考にしてGoogleにログインして名前とメールアドレスを表示させるようなものになっているみたいです。 本番等にそのまま使うのはよくないと思いますが、たたき台として参考にできるかもしれません PHP+MySQL+PHP-Sessionを利用して実装されているみたいです。 関連エントリ ログイン/ユーザ登録といったフォーム実装用のフレームワーク「jFormer」 色々なサービスへ一発でログインできるオープンソース「Clipperz Community Edition」
URLごとのソーシャルメディア反応をGoogleドキュメントで自動的にゲットする方法（後編） | Moz - SEOとインバウンドマーケティングの実践情報
この記事は前後編の2回に分けてお届けしている。ソーシャルメディアの追跡に役立つサードパーティ製のツールを紹介した前回に引き続き、後編となる今回は、GoogleドキュメントからAPIを呼び出してデータを収集する方法を見てみよう。 →先に前編を読む ソーシャルメディアAPIのいろはこの記事の基本姿勢は、データを収集するためにいくつかの「API」を呼び出す様子を見ていくというものだ。僕が知る限り、大概の一般人は「API」が何かなんて知らないか、この言葉を聞くだけでしり込みしてしまうかのいずれかだ。でも大丈夫。APIなんて、離れた場所にあるリソースから効率的に任意のデータを取り出す手段に過ぎないんだから。 例として、FacebookのGraph APIでSEOmozの情報を調べる場合を見てみよう。この場合、次のURLをブラウザで開くだけでいいんだ。 → http://graph.facebook.
PHPでGoogleのOAuthを使ってGmailのコンタクトリストを得るサンプル:phpspot開発日誌
Import GMail Contacts Google OAuth Connect with PHP. PHPでGoogleのOAuthを使ってGmailのコンタクトリストを得るサンプルが公開されています。 自分のWEBアプリケーションに、「友達を誘う」的な機能を実装する際に、アプリから直接メールアドレスを得られると便利ですね。 スクリプトのダウンロードも可能なので、本番導入の前には検証が必要ですがプロトタイプとして活用させてもらえそうです。 こんなことが出来るんですね。 ちょっと危ない気もするので、利用者の方は逆に、簡単に「認証OK」のボタンをおさないようにする必要があるのかも。 関連エントリ PHPのRSSパーサライブラリ１０種 PHPでよく使うライブラリを毎回requireしないでよくなる方法 PHPのスクリプトやライブラリがダウンロードできる海外サイト１２
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
そのまま上司に提出できるレポートが5分で作成可能 Google Analyticsのデータを利用したアクセス解析レポートツール「Arest」
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
Googleマップ風のUIを実現できるJSライブラリ「Polymaps」:phpspot開発日誌
Polymaps Googleマップ風のUIを実現できるJSライブラリ「Polymaps」。 マウスホイールによる拡大・縮小機能もついてます。 サンプルも豊富です。 他にも同様のライブラリは存在しますが、１つの選択肢として覚えておいても良いかも 関連エントリ 高解像度の画像のURLを入れるだけでGoogleマップみたいに拡大機能を付けられる「Zoom.it」 「Google Static Maps API」を使い携帯でGoogleマップを表示 GoogleマップやFacebook風など、自由にカスタマイズできるツールチップ「BeautyTips」 PHPでGoogleMapのジオコーディングAPIを簡単に使えるサンプルコードとライブラリ GoogleMap風でクールな地図UIが作れるライブラリ「MapBox」
Google、誰でもAndroidアプリを開発できるツール「App Inventor」
Googleの「App Inventor」を使えば、プログラミングの知識がなくても、ドラッグ＆ドロップで簡単にAndroidアプリを設計できるという。 米Googleが、プログラミングの知識がなくても簡単にAndroidアプリが開発できるツール「App Inventor for Android」をβ公開した。Webサイトで利用希望者の登録を受け付けている。 このツールでは、コードを書く代わりに、ボタンなどのデザイン要素や、「アクションを繰り返す」「情報を保存する」といったアプリの動作を指定するための「ブロック」をドラッグ＆ドロップしてアプリを設計できる。 App Inventorでは、GPS情報を活用したアプリや、Androidの機能（メール機能やテキスト読み上げ機能など）を利用したアプリなどを開発できる。例えば、GPS情報を使って駐車場所を記録しておくアプリや、定期的に恋人に「さみしいよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
情報ウィンドウ｜Google Maps JavaScript API v3｜Ajax｜PHP & JavaScript Room
Google Noto Fonts_Noto Sans CJK JP（Googleの日本語フォント）
Snazzy Maps - Free Styles for Google Maps