コピペ禁止の入力フォームでコピペを可能にする拡張機能「Don’t F*** With Paste」レビュー
ウェブサイトの中にはアカウント作成画面やログイン画面などの入力フォームを「コピペ禁止」に設定しているものがあります。ブラウザ拡張機能「Don't F*** With Paste」を使えば「コピペ禁止」を回避できるとのことなので、実際に使ってみました。 jswanner/DontF-WithPaste: Google Chrome extension that prevents the blocking of pasting into input fields https://github.com/jswanner/DontF-WithPaste まず、「コピペ禁止入力フォーム」を含むウェブサービスのアカウント登録ページの例を作ってみました。 メモファイルやパスワード管理ソフトに登録してあるIDをコピーして、ID入力欄に貼り付けようとします。 しかし、入力フォームがコピペ禁止に設定されている
Chromeの操作を記録してPuppeteerやPlaywrightのコードに置き換えてくれる「Headless Recorder」レビュー
ウェブサイトのテスト自動化やスクレイピングに利用されるPuppeteerやPlaywrightといったライブラリを使うと、ChromeやFirefoxなどのGUIを備えるブラウザなしにウェブサイトの情報を取得することができます。そんなPuppeteerやPlaywrightのコードを「ブラウザの操作」から逆に取得できるのが、Chrome拡張機能の「Headless Recorder」です。 Headless Recorder - Chrome ウェブストア https://chrome.google.com/webstore/detail/headless-recorder/djeegiggegleadkkbgopoonhjimgehda Headless RecorderはChromeウェブストアで配信されているので、上記のURLにChromeでアクセスして「Chromeに追加」をクリッ
入力された認証情報の漏えいをチェックする「Chrome」拡張機能がリリース
Googleは、Safer Internet Dayにあたる米国時間2月5日、「Password Checkup」という新しい「Chrome」拡張機能をリリースした。ログインフォームに入力されたユーザー名とパスワードの組み合わせが、過去のデータ漏えいやセキュリティ事件によって、オンラインに流出していないかどうかをチェックするものだ。 この拡張機能は、ユーザーがオンラインサービスにログインしようとするたびに動作する。ログインフォームに入力されたユーザー名とパスワードを、過去の公開流出データからGoogleが作成した40億件を超える認証情報のデータベースと照合する。 ユーザー名とパスワードの組み合わせが、Googleの社内データベースの中の安全でない認証情報と一致した場合、認証情報を変更する必要があることを示すポップアップ警告が表示される。 Googleによると、この拡張機能はプライバシーを念
無料で使える「記憶の定着」を促すフォント「Sans Forgetica」 - GIGAZINE
デジタル化が進む昨今、学習分野でも着実にデジタル機器が普及しており、文字を手書きする機会は徐々に減少しています。文字をタイピングするよりも手書きするほうが書いた内容をよく覚えることができることは研究で示されているのですが、PC上での学習効率を上げるために「記憶の定着」がしやすくなるようデザインされたフォント「Sans Forgetica」が登場しており、デジタル世代の学習にピッタリなものとなっています。 Sans Forgetica - RMIT https://sansforgetica.rmit.edu.au/ Sans Forgeticaがどんなフォントかは以下のムービーを見れば一発でわかります。 Sans Forgetica | The font to remember | RMIT University - YouTube インターネットの普及により、PCは勉強にも必須のアイテム
Browser Automation | Wildfire
How does Wildfire work? Wildfire is an extension which allows you to record your actions on the pages you visit, then replay those actions using a simulator. When actions are recorded or simulated, it produces a log which can be reviewed. You can then use the Workflow Editor to manipulate the behavior of the simulation. What actions are recorded? Popular DOM events are the primary things recorded
超最低限の Chrome エクステンションを開発しウェブストアで公開するまでの手順 - Qiita
つい最近、初めて作った Google Chrome エクステンション「Feedly をはてブ対応させる Chrome エクステンション」をブログで紹介したので、その時の技術的なメモなどを Qiita に残しておきたいと思います。まあ検索すればすぐに集まる程度の情報ではあるものの、一箇所にまとまってなかったので、自分用の備忘録でもあります。 全てのソースコードは github 上で公開しているので、気になる方は参考にしてみて下さい。実際に書いたスクリプトの簡単な解説もこの記事の最後に付録として付けています、 超最低限な Chrome エクステンションの作成 Chrome エクステンションは基本的に、一つのフォルダに保存された複数のファイルからなります。エクステンションのルートに必要な最初のファイルは、manifest.json というファイルで、これがエクステンションの基本的な情報を含んでい
HTTP Headers という 5万人が使っている Chrome 拡張のマルウェア疑惑。セッション盗まれて BTC も盗まれそうになった話。 - clock-up-blog
疑惑どころか 99.99% くらい黒な話。 （後記：セッション盗まれたと思ってたけど、よくよく考え直してみると生パスワードごと盗まれてる可能性もあるしやばい） 追記：続報 11月3日 今回指摘した HTTP Headers 以外にも、「Tab Manager」「Give Me CRX」「Live HTTP Headers」等で同様（？）の問題が報告されています。第三者が元の作者からソフトウェア権利を買い取って悪用する、というケースが割とある模様（？）。皆さま情報ありがとうございます。 11月4日 Zaif については、「不正な Chrome 拡張」と「スクリプトから保護されていなかったクッキー」のコンボによりセッションが盗まれていた可能性あり。 Zaif のセッション情報が盗まれた原因のひとつについて。JavaScript からクッキー値を取得させない方法。 - clock-up-blog
chromeのHSTSキャッシュを削除する - cameong’s blog
http のリクエストが勝手にhttps にリダイレクトされる事案が発生しました。 状況としては↓な状況 beniyama.hatenablog.jp サーバ側は設定を変更・再起動でよいけど ブラウザに残ったHSTS キャッシュが消えないかぎり、https にリダイレクトされ続けます。 キャッシュ消えるまで待つとかつらすぎるので、chromeのHSTSキャッシュを削除します chromeのHSTSキャッシュを削除する方法 chrome://net-internals/#hsts をchrome のURLに入力し、移動する。 Delete domain の箇所に削除したいドメインを入力します。 Delete ボタンをクリックします。 gyazo.com 終
主要フォーマットのファイルが直接開ける『Docs Online Viewer』 | ライフハッカー・ジャパン
Chrome：オンラインでいろいろなファイルを閲覧したいとき、見るためだけにいちいちダウンロードして、わざわざ別のソフトを開かなければいけないのは少し面倒です。『Docs Online Viewer』を使えば、主要なフォーマットのファイルをすぐにChromeで直接開くことができますよ。 Docs Online Viewerをインストールすると、PDF、DOC、DOCX、PPT、PSDなどの主要な拡張子のファイルはもちろん、そのほか多くのフォーマットのリンクを開けます。オンライン上でこれらのファイルのリンクに遭遇すると、Docs Online Viewerのアイコンが表示され、それをクリックすれば、そのファイルをChromeで開けます。残念ながら、Chromeにドラッグ＆ドロップするだけでファイルを開けるわけではありませんが、オンラインで見つけたファイルをダウンロードしたくないときには非常に
Google Chromeをさらに高速化する圧縮アルゴリズム「Brotli」まもなく実装
By Roger Casas-Alatriste Googleは2015年9月にインターネット用の新しい圧縮アルゴリズム「Brotli」をオープンソースで発表していましたが、Google ChromeにBrotliの実装が予定されていることが判明しました。 GoogleのウェブパフォーマンスエンジニアであるIlya Grigorik氏がGoogle＋で、新しい圧縮アルゴリズム「Brotli」がChromeに実装される旨を投稿しました。Grigorik氏によると、次のメジャーアップデートである「Google Chrome 49」で実装する予定です。 BrotliはGoogleが2年前に公開した圧縮アルゴリズム「Zopfli」のフィードバックを生かして開発された新しい圧縮アルゴリズムですが、Deflateと互換性のあったZopfliとは異なり、Brotliは全く新しいデータ形式が採用されていま
Chrome で今見ている Web サイトでどのような技術が使われているのかを調べる拡張機能 BuiltWith Technology Profiler
Web 開発者の方であれば今開いている Web ページにどのような技術が利用されているのか気になる事がありますよね。ソースを表示したり Developer Tools を起動したりして調べるのも良いですがさくっと確認するだけであれば BuiltWith Technology Profiler という拡張機能を利用するのが便利です。 この拡張機能を入れるとメニューバー上にアイコンが表示されるので、調べたい Web ページを開いてアイコンをクリックするだけです。 例えばこのブログだと上記のような感じに表示されます。 かなーり縦に長いので文字で書きますが以下のような情報を取得しています。 Web サーバの種類, バージョン ネームサーバ ホスティングしているサーバ CMS の種類, バージョン 使用しているフレームワーク 広告の種類 ユーザ統計情報(Google Analytics 等) Jav
なぜhao123に汚染されるのか - ex
PC初心者が有名なマルウェアであるhao123を入れてしまうメカニズムがちょっと分かったので書き留めておく。 サンプルはセットアップしたばかりのWindows7パソコン。CPUはCore i5だがそれでもIEは重い。ブラウザをGoogle Chromeに入れ替えようとしてスタートページのMSN（検索エンジンはbing）から「chrome」を検索。 すると広告のトップに出てくるのは「www.download786.com」。いかにもなサイトだ。 ダウンロードのリンクは fastdownloadsoftw.areserver18.s3-eu-west-1.amazonaws.com/softwares/binary/504405/810823cbb5f742196e7fa1a65d5853b4d2580195/google-chrome_setup.exe 一応chromeのセットアップexe
メモリー圧迫防止！使っていないタブを“スリープ状態”にするChromeの新拡張機能 | Techable(テッカブル)
私たちの生活に欠かせないインターネット。いくつものタブを同時に出しながら、作業をしている人は多いのではないだろうか。 しかし、たくさんのタブを出しっぱなしにしておくと、メモリーを圧迫して、コンピューターの動作がスローダウンしてしまう、なんてこともある。 ・Google Chromeの新拡張機能 そんな問題を解決するため、Google Chromeに新しい拡張機能が追加された。使っていないタブを一時的に待機状態にしておける「The Great Suspender」という機能で、インストールするだけですぐ使えるようになる。 ・待機状態にする期間も自由に設定可能 ユーザーは、どのタブをスリープ状態にするか選択したり、20秒～3日間まで、どれくらいの期間休止状態にしておくか、自由に設定することができる。 ・設定期間を過ぎるとお知らせ スリープ状態になっているタブは、ユーザーが設定した期間が経過する
ブラウザ拡張を用いた業務改善手法 - クックパッド開発者ブログ
買物情報事業部の根岸(@negipo)です。今回はブラウザ拡張を日常業務でどう使っているかについて紹介します。 ブラウザ拡張とは ブラウザ拡張は、ブラウザによるウェブとのインターフェースをJavaScriptやCSSを用いて自分好みにカスタマイズする機能です。Google Chromeを利用していればChromeウェブストアなどで公開されている拡張をインストールできるでしょう。一方で、開発したブラウザ拡張を自分で使うために、Chromeウェブストアによる公開と言うプロセスを踏むのは面倒です。日常的にウェブのインターフェースを改変する道具としてブラウザ拡張を使うためにはいくつかの手法がありますが、僕はGithubのdefunktさんが作ったdotjsを使っています。詳細は省きますが、今開いているページでalertを出すぐらいの機能であれば10秒で開発作業を終えることができると思います。 また
Google、高速プロトコル「QUIC」をChromeとモバイルのデフォルトに
米Googleは4月17日（現地時間）、TCPに代わる高速ネットワークプロトコル「QUIC」（クイックと読む）を、Googleクライアント（ChromeおよびAndroidアプリ）からGoogleのサーバへのデフォルトプロトコルに移行していくと発表した。 QUICの採用により、TCPよりもページ読み込みが速くなるという。また、輻輳管理と損失回復機能の強化により、特にYouTubeのような動画サービスでは動画再生中の再バッファが従来より30％減るという。 QUICは、Googleが2013年に発表したUDP（User Datagram Protocol）をベースにしたトランスポート層のプロトコル（QUICはQuick UDP Internet Connectionsのアクロニム）。UDPは、TCPにあるような送達確認機能などを省くことで、そうした処理に必要なオーバーヘッドを削減し、遅延を低減
Chrome で高速にページを読み込む新しい技術のご紹介
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
「Chromebit」の第一印象--期待集める「Chrome OS」搭載スティック型コンピュータ
Googleの「Chrome OS」はノートPC、ハイブリッドPC、さらには小型のデスクトップコンピュータにも搭載されている。そしてこのたび「Chromebook」と「Chromebox」のシリーズに、「ASUS Chromebit」という名称のスティック型PCが新たに加わった。Googleが力を入れている新しいChrome OS搭載デバイスのうちの1つだ。 Chromebitは、大きめのUSBサムドライブのような外観。HDMI経由でモニタやテレビに接続することにより、Chrome OSとその全機能に即座にアクセスできる仕組みだ。OSは必要最低限の機能だけを装備し、実質的に意識が向くのはウェブブラウザのChromeと、基本的なOSファイル機能くらいだ。 このデバイスは、初めてのスティック型PCではない。2015 International CES で披露された「Intel Compute
グーグル、MSの入力処理技術「Pointer Events」を「Chrome」に実装へ
10年前、Microsoftはウェブにおいて嘲笑の的となっていた。同社のブラウザ「Internet Explorer」は古くさくてセキュリティの面で劣り、動作も遅く、Microsoftのブラウザ部門はウェブの可能性を進化させようともしなかった。 それを思えば、何とも隔世の感がある。 Microsoftは米国時間3月25日、ウェブの世界で1勝を記録した。Microsoftが開発して利用を推進していた「Pointer Events」というウェブ標準について、実装しないとしていた2014年の決定をGoogleが覆したのだ。 Googleの「Chrome」担当チームのRick Byers氏は、同ブラウザの問題追跡サイトへのコメントで次のように述べた。「皆さん、フィードバックをありがとう。われわれはこれらの声をしっかり受け止め、ChromeにPointer Eventsを組み込めそうな計画に取り組ん
グーグル、「データセーバー」をデスクトップ版「Chrome」にも提供
Googleは、「iOS」と「Android」向けの「Chrome」でデータ使用量を抑えるための手段を1年以上前から提供しているが、「Data Saver（データセーバー）」によって同様のデータ圧縮プロキシ技術をデスクトップ版Chromeにも提供する。Googleのサーバを経由するようにウェブトラフィックをルーティングし、ページをGoogleのサーバで圧縮してからユーザーに送信する。その結果、ユーザーのデータ使用量が減少し、ページが軽量になって読み込みが速くなる。 ノートPCやデスクトップPCでは、Chromeでページにアクセスする際に、セルラー接続を利用する携帯端末と同じようにデータを削減する必要はないかもしれないが、特に低速なWi-Fi接続を利用している場合は、Data Saverを利用すればページの読み込みが速くなって便利かもしれない。 Data Saverをインストールすると、Ch
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Developers on Air
