Chromeの「シークレットウィンドウ」はWeb開発にとても使える
皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基
Googleペナルティ判定フローチャート
私は最近、Googleのウェブマスター 公式ヘルプフォーラムにて回答を行うことにこっている。 サイト運営者がGoogleのランク付けなどについて質問をする場だ。 回答する人は基本的には一般人だが、必要に応じてGoogleの社員の方が回答をすることもあったり、Googleの公式発表が行われることもある。 サイト運営者であれば、定期的に見ておくなりRSSリーダーに登録しておくとよいだろう。 さて、今回の記事はウェブマスター 公式ヘルプフォーラムに一番よくある質問に答えるものを書いてみることにする。 一番よくある質問とは何かというと。 「ペナルティを受けたようなのですが、どうすればいいのでしょうか？」 である。 サイト管理者にとって順位が下落するというのは死活問題だ。 だから、この質問が毎日のようになされるのはある意味当たり前だろう。 それに毎回答えるのも結構大変なので、これに答えられるフローを
n1kumeet5.com - n1kumeet5 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Googleアナリティクスを補ってリアルタイムアクセス解析してくれる感動の無料ツールたち3個＋1UGUISS ブログ
みなさんは、アクセス解析に何をどんなツールを使っていますか？まぁ、ほとんどはGoogleアナリティクスを使用していると思います。僕も使っていて、かなり満足しています。ほんとうに素晴らしい！と日々思っていて、これが無料で使えるってことに嬉しさと、ちょっと怖さも感じています（Googleに依存しすぎ => 危険）。 しかし、そんなGoogleアナリティクスもひとつだけ物足りないところがあります。それは「リアルタイム性」です。 例えば、なんかキャンペーンをしてすぐに結果を知りたいと思ったときにGoogleアナリティクスでは、それを知ることができません。1日後にはわかるようになるので、それでいいじゃないかと思うかもしれませんが、そうではないのです！ 僕なんかの場合はサイトの作り手なんで、リアルタイムでリアクションが見れることが大きな喜びです。これが一番の醍醐味と言っていいかもしれませんね。この感覚
ChromeをiPhoneシミュレーターにできる拡張「IPSim」:phpspot開発日誌
iPSim - Chrome Web Store ChromeをiPhoneシュミレーターにできる拡張「IPSim」 IPSimを使えばChromeをiPhoneシミュレーターにすることが出来ます。 インストールすると次のようにボタンが追加されます クリックするとシュミレーターが現れます。 縦・横方向での表示が可能。 以下、横表示の例 Chrome自体がWebKitベースなので実機でもそれほと差異がない点にも注目。 ChromeでサクッとiPhone対応したい場合に入れておくとよさそうですね。 関連エントリ PHPのエラーなんかをブラウザで確認できるChrome拡張「php-console」 JavaScriptエラー時にエラーを分かりやすく通知してくれるChrome拡張「JavaScript Errors Notifier」 PHPフロントエンドのコンソールロギング用Chrome拡張「C
【コラム】イマドキのIDE事情 (102) Google ChromeのDeveloper Toolsを使いこなそう | エンタープライズ | マイコミジャーナル
ChromeのDeveloper Tools 様々なWebページでJavaScriptやCSSが活用されるようになり、WebブラウザにもWeb開発を効率的に行うための機能が搭載されることが一般的になってきている。たとえばFirefoxには古くからFirebugやWeb Developerといったアドオンが存在するし、Internet Explorerも8以降、開発者向けのツールが標準搭載されている。これらのツールを使用するとJavaScriptのデバッグやHTMLドキュメントのDOMツリーのインスペクションや動的な変更、CSSの変更などを行うことができる。 もちろんGoogle Chromeにも開発者向けのツールが標準で搭載されている。JavaScriptのデバッグ等はもちろんのこと、通信速度の測定やJavaScriptのプロファイリングも可能など、かなり高機能なものだ。今回はこのChro
ついに出た！Chrome版「Page Speed」の使い方
2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず
2011年のSEOで、これはもう避けておきたい32のチェックリスト
Googleをはじめとする検索エンジンに対して、サイトを最適化する際に気をつけるべき32のチェックリストを紹介します。 32 SEO Tactics to Avoid in 2011 [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに あなたは2011年を迎え、SEO用の膨大なリストをもっていることでしょう。ここで紹介するものは、あなたがやるべきではない32のチェック項目を知ることで、あなたのリストを少なくすることです。 2011年のタスクに下記のリストが残っているのであれば、どうぞそれらを消してください。 Hiding Stuff On-Page 隠されたテキストやリンクはGoogleが最も嫌う存在です。これらは最悪の場合、ペナルティが与えられることがあるので使用は避けてください。 白い背景に白いテキスト 画像の上に隠したテキスト CSSを使って隠したテキスト 極小サイズ
【レビュー】Webページをキャプチャして注釈を追加 - Google Chromeエクステンション「Awesome Screenshot」 | マイコミジャーナル
Awesome Screenshot Webブラウジングをしていて、気になるWebページを見つけた時に、後からもう一度見直したいと思うこともあるだろう。そして、見直す際には、重要な部分に注釈を入れることができれば、より便利だ。そのような場合に使いたいのが、今回紹介するGoogle Chromeエクステンションの「Awesome Screenshot」だ。Webページをキャプチャして保存し、記号やテキストなどで注釈を加えることが可能。画像ファイルとして保存する以外に、オンラインにアップロードして、友人などに見せることもできる。 注意:本稿では、Google Chromeエクステンションのインストールを行っていますが、ソフトウェアの利用は使用者の責任で行ってください。 Awesome Screenshotをインストール それでは、「Awesome Screenshot」をインストールしよう。G
大量の被リンクを集めたいなら知っておかないと損する記事のまとめ | ウェブ力学
Googleの検索エンジンから評価されるためには、何だかんだ言っても被リンクが必要です。 スモールワードやミドルワードであれば、内部SEOを徹底することで上位表示させることは十分に可能ですが、ビッグワードでの安定した上位表示は被リンク抜きには考えられません。 そこで今回は、被リンクを集めるために知っておきたい記事をまとめました。「被リンク獲得のまとめのまとめ」と言った感じで読んで頂ければと思います。 被リンク獲得手法一覧 一昔前までは被リンク獲得と言えば、相互リンクや有料ディレクトリ・無料の中小ディレクトリへの登録といった手法が一般的でしたが、今ではソーシャルサイトの普及によって様々な方法を使って被リンクを獲得出来るようになりました。 まずは被リンクを獲得する手法をまとめた記事を紹介します。 被リンクを増やすためのサイト（国内一覧） 海外の被リンクを増やすためのサイト一覧 被リンク（バック
mod_pagespeed をちょっとだけ試してみた - 酒日記 はてな支店
Google の Page Speed の Apache module 版 mod_pagespeed をインストールして、ちょっとだけ動きを見てみた。 インストールは Ubuntu に deb パッケージで。 $ wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-beta_current_amd64.deb # sudo dpkg -i mod-pagespeed-beta_current_amd64.debconfig はデフォルトで入るものそのまま。 <IfModule pagespeed_module> SetOutputFilter MOD_PAGESPEED_OUTPUT_FILTER ModPagespeed on ModPagespeedUrlPrefix "http://localhost/mod_p
「ウェブ分析論」著者から聞いたGoogle Analyticsを完全に使い倒す方法｜ホットココア社長日記 @egachan
リアルアクセス解析を運営している、前職の先輩でもある小川卓さんが、 このたび「ウェブ分析論」という、Google Analyticsなどをメインとした、 アクセス解析に関する本を出されたのでインタビューに行ってきました。 インタビューの趣旨としては、 「複雑な設定が必要ない、知らないと損しそうなGoogle Analyticsの使い方を教えてください！」 と、Twitterで相談し、実際にインタビューさせていただきました。 僕も結構Google Analyticsを使いこなせてるつもりだったのですが、 かなり勉強になったので、共有します！ 今回は主に、「サイト内検索機能」を使った活用方法がメインとなります。 ◆今回教えてもらった、知らないと損しそうなGoogle Analyticsを完全に使い倒す方法 １・ サイト内検索設定をしよう！ ２・ サイト内検索ワードをアナリ
ウェディング情報サイトから学ぶ「Google Analytics モバイルサイト版」活用術
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 「携帯電話でのインターネット利用は世界中で増え続けている」と言われるが、一体どれほどのものであろうか――CNET Japanの連載では、検索データを元にこの事実を紹介してきた。 携帯電話でのインターネット利用が増えるということは、サイトの運営者の視点で見れば、より多くの人に自分たちのサイトに訪れてもらう、新たなメディアができたということになる。 しかし一方で、これほど大きな可能性を持ちながら「そのサイトを訪れるユーザーを把握しているか」と聞かれると、答えに窮してしまうサイト運営者の方も多いのではないだろうか。そこで活躍するのがアクセス解析である。今回はGoogleが2月に公開した「Google Analytics モバイルサイト版（モバ
ChromeがHTMLエディターに変身！ ブログ記事づくりに使えるエクステンションChrome Editorで遊ぼう!!
ブログサービスなどで提供される記事作成機能には、あらかじめ様々なHTML編集機能が付加されている。しかし、そうしたデフォルトの機能で満足できず、自分でウェブ制作ツールを使用してMTMLやCSSを作成しているこだわりユーザーも多いはず。そんな人におススメな拡張機能が『Chrome Editor』だ。 Chrome Editorは、ブラウザー上で利用できるHTMLエディターだ。その場で簡単なHTMLファイルを作成したり、イチから新しいHTMLファイルを作成することもできる。どちらかといえば、頻繁に使うHTMLやCSS、JavaScriptコードなどを保存しておいて、ブログなどにコピペするといった用途に適しているだろう。 ■インストール Google Chromeのエクステンション配布サイトにアクセス。サイト上で“Chrome Editor”を検索して、ダウンロードページに進もう。
ウェブ開発者必携のGoogle Chromeの15の拡張機能
ウェブサイトの制作に役立つGoogle Chrome用の機能拡張をCSS Reflexから紹介します。 15 Must Have Google Chrome Extensions for Web Development [ad#ad-2] Pendule HTML, CSS, WAIなどの検証をはじめ、CSSの無効化、リンクチェック、カラーピッカー、ルーラーなど。 Chrome Sniffer そのサイトで使用しているCMSとJavaScriptのライブラリを表示。 Chrome Web Developer Tools FirefoxのWeb Developer toolbar（日本語版）のクローンを目指して開発。 IE Tab ChromeでIEのレンダリングで表示。 Window Resizer ウインドウのサイズをワンクリックで任意の値に変更。 Chrome SEO 各種検索エンジン
GoogleのSEOにかなり強くなるマニュアル | 京都のSEOコンサルタント松尾茂起のブログ
GoogleのSEOにかなり強くなるマニュアル:京都のSEOコンサルタント松尾茂起のブログ 京都のSEOコンサルタント松尾茂起のブログTOP > Google SEO > GoogleのSEOにかなり強くなるマニュアル 久しぶりのブログ更新です。 Yahoo！の検索エンジンがGoogleになるという発表があってから、約40日が過ぎました。 現在、Yahooでは上位表示しているけれど、Googleでは上位表示されていないという方の中には、戦々恐々とされている方も多いようですが、正直なところ、アルゴリズムが変動しやすいYahooに比べれば、Google対策の方がはるかに生産性のあるSEOができると思います。 Googleでの上位表示は、コンテンツ戦略をきちんと設計しておけば難しくありません。 今回は「Google SEOにかなり強くなるマニュアル」と称して、Google SEOを行う上で重要な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Google Chrome Deveoper Tools」はこう使う！ 基本機能チュートリアル & GDD 2011 セッション概要
5509.me
Engadget | Technology News & Reviews
IDEA * IDEA