上記の記事では「GTMetrix」というサービスを使って読み込み速度を測定しているが、他にも同様の無料ツールはある。実はGoogle公式の読み込み速度測定ツールもあるのだ！ ウェブページの読み込み速度を測定できる無料サービスを5種類まとめたので、紹介する！ 1. Pingdom Website Speed Test 「Pingdom Website Speed Test」は読み込み速度以外にもページ容量や詳細の分析などまでしてくれる、無料とは思えない便利なサービス。見た目も格好良い！ 2. Load Impact 「Load Impact」はアカウント登録しないと解析データがネット上で公開されるので、注意！気になる人は使用を避けた方がいいかもしれない。 3. Google PageSpeed Insights 「Google PageSpeed Insights」はGoogle公式の読み込

こんにちは。リブセンスの内田です。 今回は Analytics API を用いて、Google Analyticsのサンプリングを避けつつデータを楽に取得する方法をご紹介したいと思います。 比較的大きな規模のサイトを運営していると、レポートの期間を長くするなど大量のデータを処理する際にサンプリングが発生してしまうことがあります。レポートの期間を適切な長さに分割し、Analytics APIを用いて繰り返しデータ取得することで、サンプリングを受けない生データを楽に取得することができるので、是非参考にしてみて下さい！ Google AnalyticsでのデータサンプリングGoogle Analyticsで解析を行う際、ある条件を満たすとGoogle Analyticsはデータのサンプリングを行ってしまいます。(Google Analytics プレミアムを導入している場合はサンプリングは発生し

質問1： Webブラウザが文字コードを判定する基準は何ですか？ 解答：HTTPのContent-Typeヘッダです まずは、Webにおける文字コードの扱いをおさらいしておこう。HTML 4.01仕様では、Webブラウザが以下の優先順位で文字コードを決定することを規定している。 HTTPにおけるContent-Typeヘッダのcharsetパラメータ HTML文書内のMETA宣言およびhttp-equiv属性で設定された、Content-Typeヘッダのcharsetパラメータ HTML文書内の各要素のcharset属性 Webサーバが送信するHTTPヘッダの中には、送信内容がどのような素性のコンテンツなのかをWebブラウザに教えるために、以下のようなContent-Typeヘッダを通じてコンテンツのメディアタイプ（下記例ではtext/html）を明示する。 これによりWebブラウザは、受信

デザインパターンの基本であるGoF全23パターンをわかりやすく解説。イラストやUML図で理解し、簡単なPHPサンプルスクリプトで学ぶ!!初めて学ぶ人ももちろん、今まで理解しにくいと思い挫折していた人に。オブジェクト指向設計に現在必須のデザインパターンを学びたい人に。オブジェクト指向言語として生まれ変わったPHP5で設計をする人に。PHPプログラマはもちろんC++言語やJava言語プログラマにもおすすめ。

Digiral Inspiration：Twitterによる公式なRSSへのサポートはストップしたものの、フィードを取得する方法が全くないわけではありません。 少し複雑ですが、普通のタイムラインやリストだけでなく、検索結果など様々なTwitterのフィードを作成することができます。 RSSフィードを使えば、Twitterのデータを様々なところで使い回せるようになるでしょう。例えば、新しいツイートをトリガーにするIFTTTのレシピを作ったり、ブログに自動的にTwitterのタイムラインを表示させたりできます。 今回はTwitterのRSSフィードを取得するための簡単で信頼のおける方法を紹介しましょう。 TwitterのRSSフィードを作成する方法 TwitterはWebサイトにタイムラインを貼付けるためのウィジェットを提供しています。このウィジェットを、Googleスクリプトを使ってRSSフ

以前、「スマートフォンUA一覧・2010夏」というエントリーを書きましたが、今後はこちらに統一しますので、ブックマーク等はこちらでお願いします。 自分用UA調査防備録　Luvpad（AD100）、LifeTouch Note（NEC）、Light-Tab（b-mobile）、XOOM（au）、OptimusPad（docomo）、京セラのデュアルディスプレイ搭載「Echo」（日本発売は未定ですが）あたりも調べないと。そう言えばPSPのゲームが出来る端末Xperia Playもついに発売ですか。欲しいなあ・・・。 参考URL 携帯向け開発者のための機種情報サイト ：： KEITAIALL：ケータイ・オール Android噂情報 | juggly.cn MOT：主にプログラム勉強メモ部屋 – 携帯用各クローラーのUSER AGENT Mobile-UserAgent検索システム – Happy

ドットインストール代表のライフハックブログ

P4Dで教えていただいたエンジニアさんに聞かれたので、なんか整理しきれてなくてざっくりなんですが、取り急ぎ、なんかそれっぽくなるコツみたいなのを独断と偏見でまとめてみました。 3色〜5色くらいの色を画面の中で均等に使うのおすすめ 作りたいサービスが何で色分けできるか考えます。ちょうどよく3〜5種類くらいのステータスやカテゴリなどがあったら、それに応じて色が変わるとかするとうまくハマる。かも。 Flat UI Colorで色選び http://flatuicolors.com/ という便利なサイトがあって、ここから3〜5色くらい選ぶとよいです。クリックするとカラーコードがコピーされます。あら便利。赤は他の色と仲良くするのが難しめ。 Sassで彩度を抑えると落ち着いた色調になって、使いこなしの難易度が低くなります 上のサイトもそうなんですが、Flat UIによく使われている色は、鮮やかなが多く

今までFiddlerをただのセッションの中身を確認できるLocal Proxyとしてしか見ていなかったのですが 改めて良く調べると色々できることが多すぎると判明。感動したので便利な機能をまとめてみました。 先に簡単に説明しておくと、FiddlerはMicrosoftが無料で配布しているWeb Debugging Proxyです。 Windows環境にインストールして、ブラウザとサーバの間の通信を読んだり操作したりできます。 配布サイトはこちら。 Fiddler Web Debugger – A free web debugging tool 動作環境は「Windows 2000 / XP / 2003 / Vista with Microsoft .NET Framework v2.0 or later」 今回使ったバージョンは、2009年9月10日時点で最新の安定版、2.2.4.6。 と

最近の愛用は Firefox を普段使っている時は、 HttpFox を使っています。 昔は Live HTTP Headers :: Add-ons for Firefox を使っていたのですが、けして見やすいというわけでは無かったのと、実際にボディの中身を見たいという時にパワー不足が否めません。 そこで、 HttpFox です。 HttpFox :: Add-ons for Firefox レスポンスコードを色分けしてくれたりするので、個人的には見やすいと思う。 たぶん、Firebug の接続タブでも同等のことができると思うのだけど、ウィンドウ領域の使い方とか、色分けの部分とかで HttpFox の方が好き。 こんな感じで閲覧できます。 リクエストパラメータ等も見やすく整形してくれるので助かります。 本題 本題は HttpFox ではなく、Fiddler についてです。 Fiddler

現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール

みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

公開日：2012年6月21日 カテゴリ：アレな話題 ホームページが障害で表示されないとか、アクセス過多で重たすぎる程度なら許容の範囲ですけども、サーバーのデータが初期化されましたという、Web屋としては笑えない、むしろ笑うしかない状況が発生しましたよ。 それも稼働率100％保証のファーストサーバーさんというのも驚きでございます。 今回サーバーデータ初期化事故に遭遇してしまった X_urara_X さんに状況を取材させていただきながら、損害の保証はされるのかどうか、規約（約款）を確認してみました。 【2012.6.25追記】 中間報告が掲載されたので記事を書きました。ファーストサーバーの事故原因がほぼ人災だった。その概要と今後についてまとめてみました。｜楽しければいいのです。 信頼のファーストサーバーがまさかの・・・ Web屋にとって顔面蒼白な事故（障害）がございましたねー。 ファーストサー

+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

+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、Yahoo!、Microosftの大手検索エンジン企業がURLの正規化に対応する共通の取り組みとして、「rel=”canonical”属性」のサポートを開始することを発表しました。 Official Google Webmaster Central Blog – Specify your canonical Yahoo! Search Blog – Fighting Duplication Adding more arrows to your quiver Live Search Webmaster Center Blog – Partnering to help solve duplicate content issues rel=”canonical”は、複製コンテンツページのheadセクションに以下の記述を追