2020/2/18追記 サポートに問い合わせたところ、ALBの不具合はロールバック済みで、cookie名を縮める対応は不要、とのことでした。試してみたところ、たしかにcookie名の指定をやめても問題なく認証できました。 AWSのApplication Load Balancerの認証機能を使って、スタッフからのアクセスのみ許可する社内向けウェブサービスを運用しているのだけど、昨日くらいからGoogle Chromeで認証が通らなないという声を聞くようになった。 現象としてはリダイレクトループが発生していて、コンソールを見るとSet-Cookie headerが長すぎるというエラーが出ていた。 Set-Cookie header is ignored in response from url: https://****/oauth2/idpresponse?code=e51b4cf0-8b

この記事では、先日 Medium に公開された Maximiliano Firtman 氏による記事『Google Play Store now open for Progressive Web Apps 😱』を要約して感想などを加えています。 記事のタイトルを訳すと『Google Play ストアで PWA を配信できるようになった 😱』という感じでしょうか。Web エンジニアとしては惹かれるタイトルですよね。ただ私は Android 事情には疎いですし、結局どういうことなのか？記事を読んでまとめてみようと思いました。 まとめると Android 向け Chrome のバージョン72から Trusted Web Activity が実装された。 ネイティブアプリ内で Web アプリを起動する新しい仕組み。WebView など既存の同種の仕組みの欠点を補っている。よりネイティブと We

色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。

Googleは、2018年中に「Chrome」ブラウザで、HTTPS暗号化を導入していないすべてのウェブサイトに「Not secure（保護されていません）」と表示することを明らかにした。 ブラウザのアドレスバーに緑色の鍵アイコンまたは「Secure（保護された通信）」メッセージが表示されないサイトはすべて、セキュアでないと見なされる。 GoogleでChromeセキュリティチームの製品マネージャーを務めるEmily Schechter氏は、7月にリリース予定の「Chrome 68」でこの変更を適用すると認めた。 Schechter氏はブログ記事で次のように述べている。「過去数年の間、われわれは各サイトのHTTPS暗号化導入を強く支持することにより、ウェブの安全性向上に向けて進んできた。そしてここ1年の間には、『Not secure』と表示するHTTPページの範囲を段階的に拡大することによ

更新日時：2022年4月4日 動作も早い、セキュリティ面も優秀、人気も一番。 でもメモリ消費量が多い。 そんなGoogle Chromeの、メモリ解放の方法について記載しています。 メモリ解放が、できないという方や、ボタン表示されないという方にも、分かりやすく説明します。 メモリー食い過ぎでも有名なChrome。技術が進歩しハードウェアの物理メモリが増えてきているので、それらを活用したい気持ちも分かりますが。。。 Google Chrome（Webブラウザ）のメモリーを解放するには、大きく分けて２つの方法があります。 まず１つ目は、Google Chromeが、公式に実装している機能を使用して、Chromeのメモリーを解放する方法です。 私はGoogle Chromeを８年以上使用しておりますが、こちらの、Google Chrome公式による機能（試運転中ですが）を使う方法を、おすすめ致し

UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ

webページの画像を誰かに共有したり、仕事の資料などでスクリーンショットが必要になることはあるでしょう。今まではスクリーンショットを撮る場合、とくにwebページ全体の時はGoogle ChromeはもちろんFirefoxやSafariでも、拡張機能を使う方法をとっていたかと思います。 しかし、Google Chromeのバージョン59の正式版がリリースされ、拡張機能を入れなくてもGoogle Chromeでwebページ全体のスクリーンショットを撮ることができるようになりました。 Google Chromeのデベロッパーツールを使うやり方なのですが、これを使うことによってPCはもちろんタブレット、スマホなど、いろんなデバイスの表示でwebページ全体のスクリーンショットを撮ることができるのです。 これは素晴らしい。 ということで、Google Chromeでのwebページ全体のスクリーンショッ

NGリストを登録して「はてな」公式サイトをフィルタリング！ 目障りなエントリー、コメントやスターをブロックします。あなただけの快適な「はてな」を楽しんで下さい。 以下のフィルタリングが機能します。 ・ NGアドレスのエントリーをブロックします。 ・ NGワードを含むエントリーをブロックします。 ・ NGアカウントのコメント、はてなスター、ブログをブロックします。 ・ 同一アカウントの連打による複数のスターをひとつのスターにして表示します。 [対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） ※機能は上記「はてな」公式サイトのページデザイン（2014年11月現在）に依存しております。「はてな」公式サイトのデザインが変更された際には動作しなくなったりレイアウト崩れしてしまう場合があります。ご了承

Chromeの拡張機能としてリリースしましたよ！ はてなNG - Chrome ウェブストア https://chrome.google.com/webstore/detail/%E3%81%AF%E3%81%A6%E3%81%AAng/mbgdnfmdelffjdhkdggilmphfdihnmcj 機能NGアドレスのエントリーをブロックします。NGワードを含むエントリーをブロックします。NGアカウントのコメント、はてなスター、ブログをブロックします。同一アカウントの連打による複数のスターをひとつのスターにして表示します。[対象サイト] はてな（http://www.hatena.ne.jp/） はてなブックマーク内ページ（http://b.hatena.ne.jp/） 結果はてなの閲覧がめちゃくちゃ快適になりました！ 目障りなサイトやアカウントは見なくて済むし、ブコメページのノイジーな

[2018/07/07 追記] 本記事ではChrome拡張について説明していますが、Firefox1やEdgeの拡張機能もほぼ同じ仕組みで動いています。 [2023/11/06 追記] #参考 ページを追加しました。 Chrome拡張。便利な機能を簡単に追加できるので使っている人も多いと思います。 ただ、インストール時の権限の注意書きが分かり難いので無条件に承認（追加）していることもあるのではないかと思われます。 そこで、本記事ではChrome拡張の権限の種類・確認方法の他、拡張がどこまで（悪いことを）できるのかとその対策を3段階の権限（危険性）レベルごとに紹介していきたいと思います。 便利だが危険性もあるChrome拡張 Chrome拡張をインストールすると、Webページを読むというブラウザ本来の機能だけでなく様々なことができるようになります。 例えば、Webメールの新着通知や記事などの

Created by the owner of the listed website. The publisher has a good record with no history of violations. Learn more 著作権侵害にあたる無断転載や違法アップロードを効率よく検索・通報できます。実際に処分されたURLの確認・記録・統計も行えます。 報告対象となる著作物の作者・権利者の方、またはその正式な代理人のみお使いいただけます。 Twitterでの無断転載（パクツイ）対策に使える「パクツイスレイヤー」と、GoogleへのDMCA通報を効率化する「ムラハチ for Google」が含まれています。 ・Googleの場合 基本情報を入力後、拡張機能を通じてGoogle検索を行うと、各ページ上部に報告リスト追加用のバーが表示されます。URL追加後に「報告」ボタンを押すことで、迅

見える範囲、ページ全体のいずれかのスクリーンショットを取得ができ、ライン、フリーハンド、テキスト、四角形や楕円・矢印の追加、指定範囲の切り出しの加工に対応。 キャプチャー画像は、PNG / JPGで保存、印刷、共有（Facebook / Gmail / Pinterest/ Twitter など）ができます。

複数バージョンのChromeを同時に動かす方法は公式には用意されていませんが*1、割と簡単にバージョンごとのChromeを動かすことができます。 出典はGoogle Chromeを任意のフォルダにインストールする方法など: 夜明け前と2chのChromeスレ*2からです。 インストールしたいバージョンのインストーラーを用意 4.0.249.30をインストールしたい場合、http://dl.google.com/chrome/install/249.30/chrome_installer.exe からダウンロードできます。 バージョン番号の後半2つをhttp://dl.google.com/chrome/install/xxx.xx/chrome_installer.exe のxxx.xxの部分に当てはめればそのバージョンがダウンロードできます。バージョン番号は後半2つだけでユニークになるよ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること（とくに開発者ツール）が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い浮かんだら追記していこうと思っているのでストックして頂けると幸いです。 基本系 キーボードショートカットを覚える Chromeのキーボードショ

Add new features to your browser and personalize your browsing experience.

Make scroll behavior smooth, ease-in-out manner, customizable with dynamically plotted curve. With bouncy edge feature. This extension changes scrolling on pages loaded by http and ftp very comfortable smooth one. You can design animation curve of scroll as you prefer by previewing plotted curve in the options page. It has bouncy edge feature also. This is a port of a Firefox add-on that has same

はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか？とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome（もしくはChromium）と聞いて「あっ、SSHクライアントのことか！」と思われた方には少し物足りないか