調べた事実を列挙してみる。 ・デフォルトの設定では、設定・操作・閲覧情報がユーザーID、デバイスIDと共にアスツール社のサーバーへ送信されている ・検索窓に入力した文字は、検索ボタンを押さなくても、その内容が逐一アスツール社のサーバーへ送信されている ・検索内容がアダルト関連ワードかどうかがアスツール社のサーバーに送信され判定されている ・サービス利用データの提供設定をオフにしても、閲覧情報がアスツール社のサーバーに送信されている ・プライベートモードにしても、閲覧情報がアスツール社のサーバーに送信されている ・https通信であろうとも閲覧したURLは完全な形でアスツール社のサーバーに送信されている 様々な設定を調べたが、どのようにしても外部への閲覧情報送信を止めることはできなかった。 あなたが何を調べ、何を買おうとしているのか、何で遊び、どこへ行こうとしているのか。それらはあなたの知ら

ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。 レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. HTMLの解析（パース）を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算する はじめに 私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適

拡張機能を使わずに縦長ページのスクショが取れる！ Webページのスクリーンショット（画面キャプチャー、スクショ）を撮る際に、ブラウザーの画面上に表示されている部分だけでなく、スクロールした先も含めたページ全体を撮りたいことがあります。今回は、そんなときに便利なテクニックを紹介します。 Chromeブラウザー（クロームブラウザー）に搭載されている開発者向けの「デベロッパーツール」を使えば、ページ全体のスクリーンショットを撮影することが可能です。この方法なら、新たにChromeブラウザーに拡張機能をインストールする必要もありません。Chromeブラウザーだけで、縦に長いWebページ全体のスクリーンショットを撮影できます。 ここでは例として、Amazonの商品ページ（縦に長い！）全体のスクリーンショットを撮ってみます。Chromeブラウザーの便利なTipsなので覚えておいて損はありません。ぜひ一

Google Data Studio (データスタジオ) という可視化サービスがベータ版で使えるようになっていたので試してみた 見たい数値を一覧するためのダッシュボード的なものを作るためのサービスなので、いろんな場所からデータを取ってきて一箇所でまとめて確認するのが用途っぽい(今のところ似たようなサービス・ツールの方が機能が多そう データソース データソースとしてGoogle AnalyticsやBigQuery、Google Spreadsheet、MySQLなどを選んでデータを取ってこれる データソースを選んでGUIでグラフやテキストを配置していく データの既存のフィールドに関数を適用した結果の値を使うこともできる 使える関数のリスト 下の画像ではGoogle Analyticsの「ブラウザ」(Chrome, Firefoxなど)と「ブラウザのバージョン」(バージョンの番号)をCONC

スマホサイトを見ることが出来るのはスマホだけではない。 ブラウザの機能やアドオンを使うことで、PCからでも見ることが可能だ。 そこで今回は、主要ブラウザ（IE、Chrome、Firefox、Safari）からスマホサイトを見る方法をお伝えする。 ぜひ参考にして欲しい。 ＜目次＞ ・Internet Explorerの場合 ・Google Chromeの場合 ・Firefoxの場合 ・Operaの場合 ・Safariの場合 Internet Explorerの場合 標準で実装されている開発者ツールにあるユーザーエージェントの切り替え設定を使うことでスマホサイトを見ることが出来る。 ただし、この設定はIEのバージョンが9以降でないと実装されていない為、IE9がインストールできないWindows XPでは利用できない。 IE8以前を使っている場合は以下の方法でPCからスマホサイト

2015年9月4日追記 以前からのGoogleからのアナウンスどおり、9月1日にリリースされたGoogleChrome バージョン45から完全にNPAPIが無効となり、WebPlayerも利用できなくなりました。 以下のブログ本文に記載の「NPAPIを有効にする設定」も出来なくなっています。 WebPlayerを利用するにはInternetExplorerやFirefox、Safariなど他のブラウザを使う必要があります。 それにしても9月には完全に利用できなくなるというアナウンスでしたが、9月1日とはGoogle容赦ないですな。。。 Chromeのヘルプ – プラグインベースのコンテンツがChromeで動作しない 本日(4月16日)、Google Chrome バージョン42がリリースされていますが、更新するとUnity WebPlayerが動かなくなります。 Chrome42ではNPA

Googleがウェブマスター向けガイドライン更新、CSSやJavaScriptのクロールをブロックしないよう求める グーグルのインデクシングシステムがモダンブラウザのようにウェブをレンダリングに基づいたシステムに変更されたことで、そのレンダリングを行うために必要な CSS や JavaScript ファイルへもクローラ Googlebot がアクセスできるよう確認することをガイドラインに明記。意味もなく robots.txt でクロールを禁止すると、インデックスに問題が生じて自然検索順位に悪影響も。 公開日時：2014年10月28日 06:24 米Google は2014年10月27日、ウェブマスター向けガイドラインの「技術に関するガイドライン」を更新し、ウェブクローラが正しくサイトを認識するために CSS や JavaScript などのウェブレンダリングに関連するファイルも巡回できるよ

Windows：インターネットを使ったことがあれば誰でも、欲しくもないツールバーやブラウザを乗っ取るマルウェアに少しは悩まされた経験があるのではないでしょうか。Googleも同じ問題に直面していました。同社は、悪いソフトウェアの解析や（オプションで）おかしな動作をするブラウザをリセットできるツールをリリースしました。このソフトウェア削除ツールは、Windowsを完全に再インストールすることなくChromeを修正できる選択肢、いわば「最後の手段」と考えても良いでしょう。このアプリは2段階で動作します。まず、コンピューターをスキャンし、Chromeの動作に影響を及ぼす可能性のあるツールバーやその他の不要物がインストールされていないか探してくれます。次の段階では、拡張版のアンインストールやブラウザ設定のリセットができ、さまざまなキャッシュやクッキーを削除しますが、これは不要であればキャンセルでき

すりゴマです。 今日もいい感じにすり潰していきますね。 会社をもう一つ立ち上げたりと色々忙しかったので、ブログ更新がご無沙汰してしまってました。 (´・ω・`) 最近色々書きたいネタはたくさんあって、Evernoteとかに貯めてるんですが、どこぞのブロガーさんに先に記事にされたり、そもそも旬を逃したりとか、忙しいということを言い訳に、悶々とした日々を過ごしておりましたw MBAを使ってて、CPUが高止まりしたりメモリ食いまくりとか気になってたんですよ。 で、アクティビティモニタでChromeが原因なのは分かっていました。 しかも「平均エネルギー影響」でも断トツトップだったので、Chromeでたくさんのタブ開きっぱなしでMBAを常に持ち歩くすりゴマとしては、大問題なのです！！ ただ、Chromeの中の何が原因なのかがわかっていなくて。。。 あ！Chromeのタスクマネージャーがあるじゃないか

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

WEB系の情報セキュリティ関連の学習メモです。メモなので他情報のポインタだけ、とかの卑怯な記事もあります。 ※2020.9 注記:本ブログの解説記事は内容が古くなっております。OWASP ZAPなどのソフトウェアの解説は現行バージョンの仕様から乖離している可能性があります。 EC-CUBEで脆弱性を見つけたり、mixiの脆弱性報告制度で成果を挙げたりしたせいか、「どうやって脆弱性を見つけてるんですか？」という質問をされることが時折あり、一応手順は説明するのですが、いつも口頭で細かくは説明できなくて申し訳ないので、自分のやり方をまとめてこのブログにアップしておきます。 標準的な脆弱性検査のやり方しか説明していないので、脆弱性検査のやり方を既に把握している人が読んでも得るものは少ないのではないかと思います。今回は脆弱性検査に興味があるが何をどうしたらいいか分からないような初心者向けコンテンツで

『Chrome』は、最も人気の高いブラウザで、膨大な数の拡張機能が利用できるライブラリが用意されています。とは言え、どんな人にとっても使いやすいわけではありません。 ありがたいことに、Chromeの開発をしっかりと支えているオープンソースのウェブブラウザ開発プロジェクト『Chromium』は、Chrome以外にも、セキュリティー意識の高い人向けのものから、マルチメディアを楽しみたい人向けのものまで、さまざまなブラウザのベースとなっています。Chromeとベースが同じで、その代わりとして利用できるオススメのブラウザを3つご紹介しましょう。 別のChromeに乗り換える理由 すでにChromeを使用している人なら、きっとその使い勝手に満足していて、ブラウザをすぐに変更する必要性を感じていないかもしれません。特に、基本的なブラウジング機能しか求めていないのであれば、ブラウザを変更する必要性はまっ

「この間、ネットで見た画像が気になるけど、どこのサイトにあったっけ……？」という場合、ブラウザの過去の履歴をほじくり返すよりも、画像のキャッシュを重点的にチェックした方が手っ取り早い。IE、Firefox、Chromeに対応した画像キャッシュ閲覧ツール「ImageCacheViewer」を利用しよう。 「ImageCacheViewer」は、主要ブラウザ３種（IE、Firefox、Chrome）が保存している画像キャッシュを閲覧できるツールだ。画像データのファイル名、閲覧ブラウザ、閲覧日時といった情報をリスト化するので、「昨日の夜、Chromeで表示したアイドルの画像、何だけっけ？」という場合、これらの条件を元に表示したことのある画像をすべてピックアップし、目的のものを見つけ出せる。 また、キーワード検索にも対応しているので、ファイル名が推測できる場合は、それを元にサーチしてもOK。３種の

otiai10です。最近はフロントエンドのTypeScriptを書くお仕事をしています。個人的に艦これウィジェットやtwickというChrome拡張を作ってたりもします。先に言っておきますが、これらはどちらもGithubでソースコードを公開しており、悪いことしようが無いです。 端的に言うと、Chrome拡張はヤバいです。何でもできちゃう。 どんくらいヤバいか知ってもらうためにどうしようか考えた結果、ヤバいChrome拡張を作りました。30分かかんなかったです。 https://github.com/otiai10/chrome-twitter-hijack-sample （「レポジトリをforkして悪用する人間が出てくるかもしれない」とのご指摘を頂いたので、これを削除します） git cloneしてchrome://extensionsからパッケージ化されていない拡張機能を読み込むでこのr

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

ゆうちょ銀行は11月5日（火）、インターネットサービス「ゆうちょダイレクト」のFirefoxによる利用を、しばらくの間停止すると発表しました。理由について同社は、お客さま番号を入力してログインしようとするとエラーが表示されるため、と説明しています。 ▽ お探しのページが見つかりません Firefoxを使ったゆうちょダイレクトの利用は、11月5日から一時的に不可能になります。利用停止期間は明かされておらず、「しばらくの間」と記されています。 ゆうちょ銀行によると、Firefoxでゆうちょダイレクトにログインしようとすると、お客さま番号を入力した後にエラーが表示され、ログインできなくなるとのこと。このため、ゆうちょダイレクトにアクセスする際は、Internet Explorerなど他のブラウザを利用するよう呼び掛けています。動作確認済みの環境（2013年3月末時点）は、以下のページにまとめられ