はじめに WEBアプリケーションの開発を行っていると、リダイレクトの挙動を追いたくなる場面がちょくちょくあります。リダイレクト動作自体の実装作業や、ページ遷移を伴う機能の開発(ログイン、ログアウトなんかもそうですね)をしていると作業中にリダイレクトの挙動を確認したくなったりもします。 今日は簡単な例を使ってリダイレクト時のページ遷移を追う基本的な流れを紹介してみたいとおもいます。 使用ブラウザ Google Chrome お題 Chrome のアドレスバーに http://google.com と入力してエンターキーを押してみましょう。 すると おや？いつのまにか入力したURLとは違うページに移動していますね。 つまり http://google.com → https://www.google.com というリダイレクトが行われたことがわかります。この間、どのようなページ遷移が行われたの
There are lots of command lines which can be used with the Google Chrome browser. Some change behavior of features, others are for debugging or experimenting. This page lists the available switches including their conditions and descriptions. Last automated update occurred on 2025-04-13. Condition Explanation
Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing
SSL証明書が「信頼されない」とHTTPSサイト表示時にエラーが生じる 最初に「SSL証明書が信頼されない」とはどういうことか説明しよう。 Chromeに限らずWebブラウザは、HTTPSのWebサイトに接続する際、SSL証明書が正当なものかどうか検証する。もし有効期限や共通名（コモンネーム）、発行元（認証局）などに何かしら異常が見つかった場合、アドレスバー左端のアイコンやブラウザペインにその旨のエラーを表示してエンドユーザーに知らせる。 この状態ではHTTPSによる暗号化は信頼できず、通信中に盗聴や改ざん、なりすましの被害を受ける危険がある。 つまり、近い将来、Symantecの認証局から発行されたSSL証明書を組み込んであるWebサイトに対し、Chromeで閲覧したエンドユーザーにはこうしたエラーが表示されるようになる、ということだ。Webサイト運営・管理側としては何としても避けるべき
Snap Camera の設定メモ Run Snap Camera on system startup パソコン起動時にSnap Cameraの機能を起動すると思われる（Macならヘルパーが起動） Flip video preview プレビュー画面で左右反転する Enhance video stream even when no Lens is activated 美白みたいな感じになる（ちょっと恥ずかしい） Show Snapcode overlay 不明。Snapcodeという機能があるみたいなので詳しくは公式サイトのサポートページで。 Optimize for green screen 不明（多分グリーンバックがある時に使うとよいのだろうと推測） ヘルパーメニューについて（Macのみ） エフェクトは3件まで履歴が残って、ヘルパーメニューから再利用できる エフェクトをオフにしたければ
サクッと後付け防犯対策! LIXILのリフォームシャッターなら60分で安心が手に入る?【今日のライフハックツール】
Scraperとは Scraperは、WEBページ上の規則性のあるデータを手軽に取得することができるChrome拡張です。 例えば、テーブルデータや、Aリンクデータ、のような特定のHTML要素に入っている情報を、片っ端から取得してテーブルデータ化することができます。 また、その取得したデータをワンクリックでGoogleスプレッドシートに保存することができます。 テーブルデータのスクレイピングは以下の動画を見た方が分かりやすいかも。 以下では、その使い道などをいくつか考えてみました。 テーブルデータの取得最もオーソドックスな使い方と言えば、動画にも出てきたテーブルデータの取得です。 例えば、信長の野望の以下のような武将データテーブルがあったとします。 これを、以下のように選択して、Chromeの右クリックメニューから「Scrape similar（似たものをスクレイプ）」を選択します。 する
FacebookのWebDriverクライアントライブラリを使った、Chromeのリモート操作について。 準備 Chromeをリモート操作するため、ChromeDriverをダウンロードします。 ここではCentOSを使用するので、最新バージョンのLinux用 chromedriver_linux64.zip をダウンロードして解凍します。 Downloads - ChromeDriver - WebDriver for Chrome Chromeがインストールされていない場合、以下のページを参考にインストールします。 Google Chrome・インストール・CentOS7 facebook/php-webdriverがインストールされていない場合、以下のページを参考にインストールします。 PHPのwebdriverインストール ヘッドレスChromeの操作テスト PHPプログラムでCh
初めまして、気づいたらバイトの中で一番古株になっていたイタヤです。 今回はchrome ヘッドレスを用いたスクレイピング手法について説明したいと思います。 chrome ヘッドレスとは 普段みなさんはどのようなブラウザを使っているでしょうか？ 「Google Chrome」「Firefox」「Internet Explorer」など様々だと思います。 chrome ヘッドレスとは、その中の「Google Chrome」を画面表示せず実行するものです。 ※今回は、このchrome ヘッドレスをスクレイピングに用いますが、その用途以外にもブラウザテスト・業務の自動化（RPA）などにも用いられています。 そもそも何故chrome ヘッドレスクローム？ Webページの中には、JavaScriptを用いて動的にHTMLを生成している場合があります。ご存知の方も多いと思いますが、JavaScriptは
フロントエンドチームの @urahiroshi です。Mercari Advent Calendar 2018 12日目を担当します。 今年の8月から12月にかけて，メルカリ・メルペイのフロントエンドチーム有志で「超速！Webページ速度改善ガイド」の社内輪読会を行いました。 この本の中で，「推測するな，計測せよ」という言葉が紹介されていますが，今回の記事は，輪読会で学んだことのまとめとして，Chrome DevToolsを用いてメルカリWebのパフォーマンス計測と簡単な分析を行ったものです。 なお，現在メルカリWebのアーキテクチャを刷新するための開発が進んでいるため，ここで計測したパフォーマンスの値は大幅に変化していく可能性が高いです。アーキテクチャの刷新後に振り返って見られる楽しみが増えることも、この記事を書いた目的の一つです。 計測方法，環境 計測はGoogle Chrome 71.
「24コアもあるCPUを積んでいるハイエンドPCであるにもかかわらずGmailを使っている際にChromeがフリーズしてしまった」という現象に遭遇したブルース・ドーソンさんが、その原因を発見するまでの取り組みをブログに書き残しています。なお、ドーソンさんはGoogleでChromeを開発しているエキスパート開発者です。 24-core CPU and I can’t type an email (part one) | Random ASCII https://randomascii.wordpress.com/2018/08/16/24-core-cpu-and-i-cant-type-an-email-part-one/ ある日の朝、ドーソンさんは極めて日常的な「メールを書く」という作業をGmailで行っていたところ、入力した文字が遅れて表示されるなどの怪しい挙動を見せた後、突然Gma
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Service Worker Hackathon で教えてもらったのでまとめておく。 2015/04/05 時点での記事。 前提 Chrome Canary を入れておく(今のところ、これが無いと話にならない) localhost か https な環境を使う でも、Dropbox public link な環境はダメ Service Worker Inspector を有効にする Chrome Canary で以下を設定。なお、43.0.2350.0 canary (64-bit) で確認。そのうち設定箇所や方法が変わったり、stable でも使えるようになるかもしれない。 chrome://flags にアクセスし、デベロッパーツールのテストを有効にする #enable-devtools-experiments の項目を有効にする Chrome 再起動 デベロッパーツールを開き Set
Googleが企業向けの「Chromebooks for Work」強化。年50ドル、シングルサインオン対応など Googleが開発した、WebブラウザとWebアプリケーションの利用にフォーカスしたデバイスのChromebook。GoogleはこのChromebookの企業向け利用プログラムである「Chromebooks for Work」の機能強化と新しい料金プランを発表しました。 Chromebooks for Workでは、あらかじめ設定済みのGmailやGoogleドライブなどのアプリケーションの提供、24時間サポートのほか、企業がChrombookのユーザーやデバイス、アプリケーションを一元管理するための機能などが提供されています。 今回発表された新機能ではSAMLを利用したシングルサインオンに対応。マイクロソフトのActive Directory Federation Serv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く