並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 4357件

新着順 人気順

chromeの検索結果1 - 40 件 / 4357件

  • Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita

    経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの死亡とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: Babel, React, webpack, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方

      Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
    • 【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法! – iSchool合同会社

      このサイトでは、SEO・Googleマイビジネス・ローカル検索など、Web集客に関する最新情報を配信しています。 拡張機能を使わずに、Chromeでスクロールするページ全体のスクリーンショットを撮る方法を紹介します。 例えばプレゼン資料を作っているときに、PCサイトでページ全体のスクリーンショットが必要なことがあります。 また、モバイルサイトでページ全体のキャプチャが必要なこともありますよね。 そんな時には、Chromeに標準で搭載されている機能を使えば、拡張機能を使わずに、ページ全体のスクリーンショットを撮ることが可能です。 PCサイトでページ全体のスクリーンショットを撮る方法PCサイトでページ全体のスクリーンショットを撮る方法についてです。 次の手順で行ってください。 デベロッパーツールを立ち上げる詳細機能を呼び出す「capture」もしくは「full」と入力し、「Capture fu

        【拡張不要】Chromeでスクロールするページ全体のスクリーンショットを撮る方法! – iSchool合同会社
      • DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO

        ちゃだいん(@chazuke4649)です。 DeepLの公式Chrome拡張機能がヤバかったので勢いにまかせて紹介します。 "公式版"がリリースされてたの知ってた? DeepL翻訳(ベータ版) - Chrome ウェブストア ベータ版ではありますが、いつの間にか公式版がリリースされていました。自分は今まで公式版がなかったので、以前は非公式版のツールを使っていました。 インストールする Chromeウェブストアからインストールすると、右上にアイコンが表示されます。それをクリックすると以下ポップアップ画面が表示されます。 現時点では以下2つの機能が存在します。 読む: ブラウザ上の文章を任意の言語に翻訳して表示できる 書く: ブラウザ上に入力している文字を任意の言語に変換できる それぞれ試してみます。 「読む」 一般的にはこちらがよく認知されている機能だと思います。 下図のように、翻訳したい

          DeepLの”公式”Chrome拡張がヤバイ。TwitterもSlackも英語でつぶやき放題 | DevelopersIO
        • 先輩に「何かタメになる話してくださいよ〜」と無茶振りしたら『Language Reactor』という2言語字幕を同時表示できるChromeの拡張機能を教えてもらった

          おたま@男子二児の母 @otamashiratama 大学の先輩に久しぶりに会って楽しくて調子に乗った私が「何かタメになる話して下さいよ〜」と無茶振りしたら先輩が「そうだな…Netflixを見るときにChromeの拡張機能を使うと英語字幕と日本語字幕を画面下に同時に出せる上に、字幕をクリックすればそこから再生できる」と有用すぎる情報をくれました 2022-04-02 21:59:32 おたま@男子二児の母 @otamashiratama 先輩「英語の映画を英語字幕で見るとき、その下に日本語訳が常に出てる安心感がすごい。初見の英語映画を英語字幕で見るハードルが一気に下がる」 私「私の期待をはるかに超えた有用な話でびっくりしました」 先輩「英語の勉強がはかどるぞ」 私「Twitterに投稿していいですか」 先輩「いいよ」 2022-04-02 22:01:09

            先輩に「何かタメになる話してくださいよ〜」と無茶振りしたら『Language Reactor』という2言語字幕を同時表示できるChromeの拡張機能を教えてもらった
          • Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発

            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ブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
            • Chrome拡張 つくりかた 令和最新版

              数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい?」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite

              • タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場!

                タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場!2019.04.06 15:00112,019 山田洋路 Image: Language Learning with Netflix どうせ今日も観てしまうんだから、ついでに英語も学んじゃいなよ。 時間がない、時間がない、と公言しつつ、なぜかNetflixのマイリストだけはしっかり消化していませんか。このやめたくてもやめられない最優先タスクを、なかなか続かない英語学習と抱き合わせにできる発明が、Chrome拡張機能「Language Learning with Netflix(LLN)」です。 Video: David Wilkinson/YouTubeLLNの開発者の1人、David Wilkinsonさんは、「たとえばペルシア語のように、言語によっては教材の選択肢が狭いものもある」とThe

                  タチの良い時間泥棒ことNetflixを、最強の英語学習ツールに変えるChrome拡張機能が登場!
                • シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

                  開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか?実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で

                    シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
                  • 開発体験を変える! Chrome DevTools Tips 7選 - Qiita

                    最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう! 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で

                      開発体験を変える! Chrome DevTools Tips 7選 - Qiita
                    • パスワードに依存しない認証「WebAuthn」をChrome/Firefox/Edgeが実装開始、W3Cが標準化。Webはパスワードに依存しないより安全で便利なものへ

                      Google、Mozilla、マイクロソフトが「WebAuthn」の実装を開始。これによって「FIDO2」の普及が期待され、Webブラウザから指紋認証や顔認証などで簡単にWebサイトへのログインや支払いの承認といった操作が実現されそうだ。 多くのWebアプリケーションは、ユーザーの認証にユーザー名とパスワードの組み合わせを用いています。 しかしユーザー名とパスワードの組合わせを用いる方法にはさまざまな問題が指摘されています。身近なところでは、安全なパスワードを生成することの手間や、安全性を高めるためにパスワードの使い回しを避けようとした結果発生する多数のパスワードを管理することの手間などがあげられます。 そしてこうしたパスワードの不便さが結果としてパスワードの使い回しを引き起こし、いずれかのサイトで万が一パスワードが流出した場合にはそれを基にしたリスト型攻撃が有効になってしまう、などの状況

                        パスワードに依存しない認証「WebAuthn」をChrome/Firefox/Edgeが実装開始、W3Cが標準化。Webはパスワードに依存しないより安全で便利なものへ
                      • 無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」

                        画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ

                          無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」
                        • 「Chrome」からWindows/Mac/Linuxへリモート接続! Googleが公式提供する無償ツール【レビュー】 - 窓の杜

                            「Chrome」からWindows/Mac/Linuxへリモート接続! Googleが公式提供する無償ツール【レビュー】 - 窓の杜
                          • Prime Videoの映画やドラマ、アニメで楽しく語学学習できるGoogle Chrome拡張機能「Subtitles for LL」【1月25日追記】/動画の字幕や再生速度をコントロールする機能も

                              Prime Videoの映画やドラマ、アニメで楽しく語学学習できるGoogle Chrome拡張機能「Subtitles for LL」【1月25日追記】/動画の字幕や再生速度をコントロールする機能も
                            • Chromeもダメ、Edgeもダメ... マイナポイント予約、PCは「IE11」のみ対応です

                              2020年7月1日、総務省によるマイナンバーカードを持つ人に買い物などで使えるポイントを還元する「マイナポイント」の利用申し込みの受け付けが始まった。 しかし、パソコンの利用環境などで「予約ができない」といった声が上がっている。J-CASTニュースは、総務省マイナポイント施策推進室にメールで取材を行った。 「様々なご要望をいただいていることは認識」 マイナポイントの予約には、マイナポイントアプリ対応スマートフォンか、インターネットに接続できるパソコンとマイナンバーカードに対応したICカードリーダライタが必要である。 ただ、パソコンでのマイナポイントの利用申し込みにおいては、OS(MicrosoftWindows8.1,10)がインストールされていること、そしてブラウザ「InternetExplorer11」(以下IE11)がインストールされていることが条件となる。国内シェア最大級のブラウザ

                                Chromeもダメ、Edgeもダメ... マイナポイント予約、PCは「IE11」のみ対応です
                              • YouTubeでの英語学習がはかどるGoogle Chrome拡張機能 | ライフハッカー・ジャパン

                                HACK! THE NEW SOCIETY with &e. より良い未来の作り方 交通事故のない世界を目指し、社会全体が豊かになっていくことを目的とした共創型自動車保険「&e (アンディー) 」。ライフハッカーはそんな「&e」とともに、より良い社会とビジネスの共創を模索する人々の対話と奮闘をご紹介します。

                                  YouTubeでの英語学習がはかどるGoogle Chrome拡張機能 | ライフハッカー・ジャパン
                                • 無料でChrome・Firefoxの操作を自動化&ファイルのアップロードやデスクトップの操作もできる「UI.Vision」

                                  業務には「同じ作業の繰り返し」がつきものですが、何度も同じ作業を繰り返していると「こういう単純作業を任せるために機械ってものが生まれたんじゃないのか?」と思うわけです。無料のChrome・Firefoxの拡張機能「UI.Vision」を使うと操作を自動化できるマクロが組めて単純作業がラクチンになるとのことなので、実際に使っていました。 Open-Source RPA and Web Automation Tools for macOS, Linux and Windows https://ui.vision/ というわけで、実際にUI.Visionを使ってみます。Chrome版とFirefox版は、それぞれ以下の公式拡張機能ストアからダウンロード可能です。 UI.Vision RPA - Chrome ウェブストア https://chrome.google.com/webstore/de

                                    無料でChrome・Firefoxの操作を自動化&ファイルのアップロードやデスクトップの操作もできる「UI.Vision」
                                  • ユーザーエージェント(UA)文字列は時代遅れ? ~「Google Chrome」で凍結・非推奨に/早ければ「Google Chrome 81」から警告【やじうまの杜】

                                      ユーザーエージェント(UA)文字列は時代遅れ? ~「Google Chrome」で凍結・非推奨に/早ければ「Google Chrome 81」から警告【やじうまの杜】
                                    • とほほのChrome拡張機能開発入門 - とほほのWWW入門

                                      Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記

                                      • Python + Selenium で Chrome の自動操作を一通り(ログイン、ダウンロード、他)

                                        はじめに Python + Selenium + Chrome で、要素の取得、クリックなどの UI系の操作、待機、ページ全体のスクリーンショットなど、一通り試してみます。 PhantomJS はもう更新されないということなので、ブラウザは Chrome にします。 この記事には、Selenium の API に関する情報と Chrome に特化した情報がありますが、前者の Selenium の使い方に関する情報は Firefox など別のブラウザでも使えます。 注意事項 ウェブの自動テストやスクレイピングで使われる技術です。特にスクレイピングでは、著作権の問題や、サーバー側の負荷、各種規約(会員としてログインする場合の会員規約等)やマナーなどを考慮する必要があります。 たとえば、Twitter など利用規約で明示的にスクレイピングが禁止されていることや、robot.txt などでクローリ

                                          Python + Selenium で Chrome の自動操作を一通り(ログイン、ダウンロード、他)
                                        • Google Chrome上でマイクから録音した声をリアルタイムで文字に書き起こしてくれる「The Recording Studio」

                                          「Recording Studio」は、Chromeに対応している音声認識API「SpeechRecognition API」を利用してマイクから録音した声を音声認識によってその場で文字に起こしてくれるウェブツールです。オンラインのブラウザ上で動作するのでダウンロードやインストールは不要で、開発したみずちさんが無料で公開しています。 Recording Studio https://recording-studio.netlify.com/ ブラウザでマイク入力から書き起こしを行うツールを作った - mizchi's blog https://mizchi.hatenablog.com/entry/2019/01/20/203241 Googleは音声ファイルをAIが認識して文字にしてくれる「Cloud Speech-to-Text」という有料サービスを提供しています。Google Clo

                                            Google Chrome上でマイクから録音した声をリアルタイムで文字に書き起こしてくれる「The Recording Studio」
                                          • Google Chrome EV表示の終焉 - ぼちぼち日記

                                            1. Chrome でEV証明書の組織名表示がなくなる ついにGoogleからChromeのURLバーからEV表示を削除する正式なアナウンスが出ました。 Upcoming Change to Chrome's Identity Indicators EV UI Moving to Page Info 現在(2019年8月) StableのChrome76では、以下の様にURLバー左側にEV証明書を利用していることを示す「組織名+国名」表示が付いています。 Chrome76のEV表示 2019年9月10日Stableリリース予定のChrome77からはEV表示がURLバーから削除され、鍵アイコンをクリックして表示されるPage Infoに「組織名+国名」が表示されるようになります。 Googleのアナウンスでは、 "on certain websites" と書いてあることから一気にではなく

                                              Google Chrome EV表示の終焉 - ぼちぼち日記
                                            • なぜChromeはURLを殺そうとするのか? (Chrome Dev Summit 2019) - ぼちぼち日記

                                              今年もChrome開発者の集まりChrome Dev Summit 2019 (CDS) がサンフランシスコで開催されました。 今回、私が Chrome Customer Advisory Board (CAB) に選出していただいたこともあり、CDSに初めて参加しました。 これは、CDS終了後のCAB meetingで頂いたChrome Dinosaurフィギュアです。ちなみにゲームはできません。 タイトルの「なぜChromeはURLを殺そうとするのか?」は、2日目Chrome Leadsのパネルセッションで司会のGooglerが、Chrome UX担当のProduct Managerに対して一番最初に投げかけた問いです。 PMは直ちに「そんなことはしない」と即答しました。しかしChromeは、URLの表示領域からHTTPSの緑色表示の廃止・EV表示場所の移動・wwwサブドメイン表示の削

                                                なぜChromeはURLを殺そうとするのか? (Chrome Dev Summit 2019) - ぼちぼち日記
                                              • ブックマーク専用の新しいChrome・Firefoxブラウザ拡張機能を公開しました。 - はてなブックマーク開発ブログ

                                                2022/3/16 10:30 追記 拡張機能について追加のお知らせを公開しました。よろしければ当記事とあわせてご覧ください。 bookmark.hatenastaff.com はてなブックマークの新しいChrome拡張、ならびにFirefoxアドオンを公開しました。Webの気になった記事をブラウザから素早くブックマークできる公式の拡張機能です。 下記のリンクよりブラウザにインストールして、ぜひご利用くださいませ。 インストールはこちらから Chromeウェブストア chrome.google.com はてなブックマークの既存のChrome拡張とは異なるバージョンです。別の新たな拡張機能として追加されます。 Firefoxアドオンページ addons.mozilla.org 昨年の8月より旧来のFirefoxアドオンをインストールできない状況が続いたことにより、お待ちいただいた皆様にはご不

                                                  ブックマーク専用の新しいChrome・Firefoxブラウザ拡張機能を公開しました。 - はてなブックマーク開発ブログ
                                                • Excel、PowerPoint、Chrome、Windowsの仕事で使えるショートカットキー一覧の画像に「永久保存版出た」

                                                  オクシン @OKU_MAYA マジでオススメはPC画面のスクリーンショット。 Win→Windowsロゴキー+Shift+S Mac→Shift+command+4 あと仕事が速いビジネスマンが集まる営業の祭典S1グランプリが11月19日(土曜、13時開始)に無料オンライン生配信されます。私は挑戦者で出ます。申込URLこれ sales-no1gp.com/2022/ 2022-11-04 11:10:29

                                                    Excel、PowerPoint、Chrome、Windowsの仕事で使えるショートカットキー一覧の画像に「永久保存版出た」
                                                  • メモリ食いのGoogle Chrome、ついに消費量削減へ

                                                      メモリ食いのGoogle Chrome、ついに消費量削減へ
                                                    • 「DeepL」でWebページ全体を丸ごと翻訳できる公式のGoogle Chrome拡張機能/「DeepL Pro」の購読が必要だが、部分テキストの翻訳ならば無料アカウントでもOK【レビュー】

                                                        「DeepL」でWebページ全体を丸ごと翻訳できる公式のGoogle Chrome拡張機能/「DeepL Pro」の購読が必要だが、部分テキストの翻訳ならば無料アカウントでもOK【レビュー】
                                                      • Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも

                                                        Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも Googleは、来年1月に登場予定のChrome 97で、DevToolsにWebブラウザ上での操作内容を記録し、再実行や編集、保存などを可能にする新機能を搭載することを明らかにしました。 Introducing the new Recorder panel You can now record, replay and measure user interactions with @ChromeDevTools. See it in action - ordering coffee. Learn more about this preview feature (available in Chrome Canary now): https://t.c

                                                          Chrome 97のDevToolsに新機能、Webブラウザ上の操作を記録、再実行、編集、保存。Puppeteerスクリプトへのエクスポートも
                                                        • Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる

                                                          Chromeに新しく実装された「CSS Overview」が非常に便利なので、紹介します。 表示しているページのCSSの概要、カラー、フォント、メディアクエリ、未使用の宣言が一覧でき、制作したページの検証やスタイルガイドとしても役立ちます。 Chromeの新機能「CSS Overview」 Fyi: New in Chrome: CSS Overview Chromeの新機能「CSS Overview」の準備 Chromeの新機能「CSS Overview」の使い方 Chromeの新機能「CSS Overview」の準備 まずは、Chrome デベロッパーツールを開き、右上の歯車アイコン(Settings)をクリックします。

                                                            Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる
                                                          • 無料の動画編集ツール「OpenShot」に史上最大のアップデート ~被写体を自動追跡するAIエフェクト/Chrome OS/Chromebookも正式にサポートされる

                                                              無料の動画編集ツール「OpenShot」に史上最大のアップデート ~被写体を自動追跡するAIエフェクト/Chrome OS/Chromebookも正式にサポートされる
                                                            • “Amazon”での買い物トラブルを減らすGoogle Chrome拡張機能「AmazonSeller Filter」/商品検索結果を“Amazonが販売・発送する商品”に限定【レビュー】

                                                                “Amazon”での買い物トラブルを減らすGoogle Chrome拡張機能「AmazonSeller Filter」/商品検索結果を“Amazonが販売・発送する商品”に限定【レビュー】
                                                              • Chrome 80が密かに呼び寄せる地獄 ~ SameSite属性のデフォルト変更を調べてみた - Qiita

                                                                図にすると以下のようになります。 Strict 外部サイトからのアクセスではCookieを送らない。 Lax 外部サイトからのアクセスはGETリクエストのときだけCookieを送る。 None 従来通りの動き。 【追記】なおChrome 80以降でSecure属性を付けずSameSite=Noneを指定した場合、set-cookie自体が無効になります。 セキュリティ上の効果 CSRF対策になります。 CSRF (クロスサイト・リクエスト・フォージェリ) とは、 WEBサイトがユーザー本人の意図した動作であることを検証していないためにおこる脆弱です。 たとえば会員の退会ページを https://example.com/mypage/delete/で用意し、 ボタン操作でsubmit=1が送信されて退会処理が実行される仕様の場合、 パラメータが誰でもわかるので、外部に用意された悪意のあるフォ

                                                                  Chrome 80が密かに呼び寄せる地獄 ~ SameSite属性のデフォルト変更を調べてみた - Qiita
                                                                • 極めろ!!Google Chrome Devtools 52の関節技 - Qiita

                                                                  転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技!! Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方

                                                                    極めろ!!Google Chrome Devtools 52の関節技 - Qiita
                                                                  • Amazonのこの価格、本当に安い? 過去の価格歴をグラフで教えてくれるChrome拡張機能「Keepa」が便利

                                                                    Amazon.co.jpで値引きされているこの製品、本当に安いのだろうか? そんな疑問を解消してくれるChrome拡張機能「Keepa(キーパ)」に注目が集まっています。 (追記:Firefox版はこちら) Keepa Amazon.co.jpでは24日まで、大型セールの「ブラックフライデーセール」が開催中です。ところが22日、「Amazonで値引率を不当に大きく見せた商品が出品されている」との批判がネット上で盛り上がりを見せました。 出品業者があらかじめ極端に高額な値段を付け、セールが始まるなり大幅な値引きをすることでお得感を強調するという悪質な手法。景品表示法が禁止している「二重価格表示」にあたる可能性もあります。編集部が確認した例では、過去に数千円~1万円ほどで販売されていたにもかかわらず、「セール特価」「3万6600円引き(92%OFF)」と称し、販売しているイヤフォンもありました

                                                                      Amazonのこの価格、本当に安い? 過去の価格歴をグラフで教えてくれるChrome拡張機能「Keepa」が便利
                                                                    • プログラミング教育は割と大丈夫かもしれない — 但しChromeが入れられればね。

                                                                      先ほど、地元の小学校の6年生の全児童を対象に、プログラミングの「体験」授業をしてきた。受験シーズンで欠席がちらほらあったが、3クラスで合計90人ほどが参加した。放課後ではなく、正規の授業枠である。 CoderDojo仲間の田中さん。一緒に、授業してきた帰り道。対象とした小学校世田谷区の公立校で、今年度利用を開始した新校舎のため、インフラは恵まれている。渋谷区のように児童全員にPCがあるほどではないが、無線LANの速度などは十分と言えそうだ。 世田谷区の公立小学校Windows タブレットが全校で40台ほどWiFiの速度が15~50Mbps6年生のスマートフォンの普及率はかなり高そう (8~9割か) ※英語の分かる児童が1割くらい ※実は私の母校でもある。’90年当時、FM TOWNSが2台放置されていて、よく遊んでいたのを覚えている。30年経ってタブレットに替わり、一般教室でも使えるように

                                                                        プログラミング教育は割と大丈夫かもしれない — 但しChromeが入れられればね。
                                                                      • Netflix 同時字幕で英語学習 on Twitter: "Netflix 日英同時字幕で英語学習ができるChrome拡張機能を公開しました。 Netflixの日本語と英語字幕を同時に表示。 3秒巻き戻し機能。 英単語をクリックして意味を表示。 ひとつのセリフをリピート再生。 再生速度の変… https://t.co/dcVOPjoYh9"

                                                                        Netflix 日英同時字幕で英語学習ができるChrome拡張機能を公開しました。 Netflixの日本語と英語字幕を同時に表示。 3秒巻き戻し機能。 英単語をクリックして意味を表示。 ひとつのセリフをリピート再生。 再生速度の変… https://t.co/dcVOPjoYh9

                                                                          Netflix 同時字幕で英語学習 on Twitter: "Netflix 日英同時字幕で英語学習ができるChrome拡張機能を公開しました。 Netflixの日本語と英語字幕を同時に表示。 3秒巻き戻し機能。 英単語をクリックして意味を表示。 ひとつのセリフをリピート再生。 再生速度の変… https://t.co/dcVOPjoYh9"
                                                                        • Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記

                                                                          を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関

                                                                            Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
                                                                          • Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか?「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」

                                                                            Firefoxとは "Mozilla Foundationおよびその傘下のMozilla Corporationによって開発されているフリーかつオープンソースのウェブブラウザである。"(Wikipediaより) リンク Mozilla 史上最速の Firefox をダウンロード より高速なページ読み込み、メモリ使用量削減、機能満載の最新版 Firefox が登場しました。 166 users 1936

                                                                              Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか?「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」
                                                                            • じきるう 編集者 / メディアマネージャー on Twitter: "SEO担当者のみんな!スゴいぞこれ!! キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……! 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1"

                                                                              SEO担当者のみんな!スゴいぞこれ!! キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……! 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1

                                                                                じきるう 編集者 / メディアマネージャー on Twitter: "SEO担当者のみんな!スゴいぞこれ!! キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……! 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1"
                                                                              • 知らなかった! ウェブブラウザ「Chrome」のこんな便利な機能12選

                                                                                知らなかった! ウェブブラウザ「Chrome」のこんな便利な機能12選2021.03.05 19:30122,329 David Nield - Gizmodo US [原文] ( そうこ ) Tags : Webブラウザまとめ Chromeスキルが上がったぞ! ウェブブラウザ何使っていますか? 私がメイン使いしているのはGoogle Chromeです。長いことずっーっとChromeです。それでも、まだまだ知らないことはたくさんあります。Googleも常に新機能アップデートしてますからね。あまり知られていないChromeの便利機能をまとめました! 1:ゲストモードへ切り替え「ちょっとパソコン貸して?」と言われた時に便利なのがこれ。自分が普段使いしているブックマークはもちろん、開きっぱなしのタブや、ログイン状態のページをもし見られたらと思うとハラハラします。別に何もやましいことないけど、なん

                                                                                  知らなかった! ウェブブラウザ「Chrome」のこんな便利な機能12選
                                                                                • DeepL APIを用いたChrome拡張機能「DeepLopener」を公開しました - Teahat

                                                                                  DeepLopener はDeepL翻訳のAPIを利用したGoogle chrome の拡張機能です。 ページ翻訳やドキュメント翻訳、PDF上に翻訳結果を表示することができます。 下の記事に移行しました. t3ahat.hateblo.jp 【2022/2/14追記】 Android版をリリースしました! まだ機能は少なめですが、よかったらお試しください. play.google.com

                                                                                    DeepL APIを用いたChrome拡張機能「DeepLopener」を公開しました - Teahat