超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita

2024/03/29 787 users Qiita JavaScriptファイル みなさん 効率 普段

はじめに みなさんはChromeのか拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際... 続きを読む

Chromeのクッキー廃止へ。ブラウザをチェックしてみよう

2024/01/13 186 users ブラウザ グッバイ 岩田リョウコ 原文 Gizmodo US

Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00 Thomas Germain - Gizmodo US ［原文］ （ 岩田リョウコ ） グッバイ、クッキー！ Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日､実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1％、約3000万人に対して... 続きを読む

サードパーティ Cookie の廃止に向けた準備 - Chrome for Developers

2023/10/29 400 users 廃止 サードパーティ Cookie 四半期 準備 cookie

サードパーティ Cookie の廃止時期が近付いています。あなたのサイトでその種の Cookie を使用している場合は、廃止対策を講じる時期が来ています。Chrome は、テストを容易に行えるように、2024 年第 1 四半期からユーザーの 1% に対してサードパーティ Cookie を無効にし、2024 年第 3 四半期からはユーザーの 100% に... 続きを読む

WindowsのChromeやEdgeでネットにつながりにくくなる現象、一部の家庭用ルーターが原因かも？ DNSの“TCPクエリ”うまく扱えない機種も存在。ChromeのTCPクエリ送信が引き金に

2023/07/31 269 users ＤＮＳ Edge 引き金 現象 Windows

続きを読む

FirefoxがついにChromeよりも高速なブラウザに

2023/07/20 329 users Firefox ブラウザ ウェブサービス Mozilla 抽出

Treeherderは、Mozillaの開発するソフトウェアのテスト結果や、ウェブサービスや外部ツールで取り込んだデータを抽出・加工するETL機能などを有するウェブサイトです。このTreeherderに、Google ChromeとFirefoxのベンチマークテスト結果をまとめたデータが公開されました。これによると、FirefoxはChromeよりも高いスコ... 続きを読む

decoding="async" について詳しく調べてみる

2023/07/19 124 users async 挙動 実装 パフォーマンス改善 実際

この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解して... 続きを読む

Googleを起動できず、+ボタンでタブを増やせない、今の人にPCは難しいのか？

2023/05/13 117 users タブ Google Siri ボタン おれ

Siriは支離滅裂 @suugakuzukidao さっき起きたこと おれ「まず、Googleを起動してください」 中１「どうやって起動するんですか」 おれ「Google Chromeっていうやつをクリックしてください」 Chromeをカスタマイズ的なのがでてくる 中１「これどうすればいいんですか」 おれ「左上の＋を押してタブを増やしましょう」 今... 続きを読む

【特集】 Edgeがいつの間にか高機能に？これはChromeより便利かも

2023/04/17 627 users Edge 特集 高機能

続きを読む

東京ガスのログイン時のローディングがとんでもない見せ方をしていた→仕様でもミスでもなくChromeの拡張機能が悪さをしていた

2023/02/07 126 users 東京ガス ローディング ミス 拡張機能 仕様

こびと @kobitoCode 「えっなにこれ！？何が起きてるの！？えっ！？えっ！？」と感じている間に5秒経ち、「人はロードに2秒かかったら離脱します」という固定概念をぶち壊せる可能性を感じた twitter.com/ckazu/status/1… 2023-02-06 16:00:47 続きを読む

とだこうき@デイトラ運営 on Twitter: "これもう、Google検索は要らないかもな Chromeで検索エンジンとして、Perplexity（https://t.co/unAignEWWp）を登録しておけば、めっちゃ気軽にAI使って調べ物できる

2023/01/31 668 users Perplexity chatgpt https t.co

これもう、Google検索は要らないかもな Chromeで検索エンジンとして、Perplexity（https://t.co/unAignEWWp）を登録しておけば、めっちゃ気軽にAI使って調べ物できる。ChatGPTとは違って… https://t.co/PZqvFEkjVU 続きを読む

【悪用厳禁】ChatGPTのOpenAIとGoogle Docsを連携して無限に記事を生成する方法。※GASの編集解説動画付き｜チャエン| Web3.0と海外テック｜note

2023/01/29 948 users アドオン スクリプト OpenAI chatgpt GAS

💡このnoteについて ・無料部分：ブログ無限作成方法までの基本解説 ・有料部分：実際にスクリプトを修正する応用解説 （無料と有料部分の解説動画・コードテンプレ付き） 大半の関連の解説記事はアドオンというChromeの拡張機能を入れるだけですが、当記事は直接スクリプトを書いて修正する方法の解説です。 せっかくAI... 続きを読む

「Twitterの無駄機能を全部殺せる」で話題のブラウザ拡張「Tweak New Twitter」が日本語対応

2023/01/27 118 users Twitter Firefox CEO就任以降 UI・UX

TwitterのUI・UXをカスタマイズできるPC向けブラウザ拡張「Tweak New Twitter」が、1月24日のアップデートで日本語に対応した。各種設定を日本語のメニューから変更できるようになった。 Tweak New Twitterは、ChromeやFirefox、Microsoft EdgeなどのPCブラウザで使える拡張機能だ。イーロン・マスク氏のCEO就任以降、Tw... 続きを読む

ChromeのDevToolsの便利機能まとめ

2023/01/23 243 users DevTools 機能まとめ

池田 泰延 @clockmaker Microsoft Edgeの独自機能(?)。開発者ツールで、セレクターの時間を計測できる。重たいCSSセレクターの検出に役立ちます。 1. 開発者ツールを開く 2. [パフォーマンス]タブを選択 3. 歯車を選択 4. [Enable advanced rendering instrumentation (slow)]を選択 5. 調べたい[スタイルの再計算]を選... 続きを読む

今は、もう、動かない、その User-Agent 文字列

2022/12/19 325 users User-Agent AppleWebKit KHTML

こんにちは、広告エンジニアの中山です。 唐突ですが、みなさまの Web アプリケーションに User-Agent 文字列を参照する処理はありますか？ User-Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/93.0.1234.56 Safari/537.36例えば User-Agent 文字列を解析して内容に... 続きを読む

CSSの100vhがスマホで高さいっぱいにならない問題はこれで解決！ CSSの新しいビューポート単位の使い方と注意事項

2022/12/08 155 users CSS 新しいビューポート単位 100vh LVH dvh

先日リリースされたChrome 108で、CSSの新しいビューポート単位（svh, lvh, dvhなど）がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport... 続きを読む

Chrome の console.log でハマらないために

2022/11/14 211 users console.log 関数 落とし穴 性質 デバッグ時

JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説し... 続きを読む

グーグルレンズの「パソコンにコピー」が地味に便利だという話 - 世界のねじを巻くブログ

2022/11/13 604 users スキャン ネジ ライフハック Google Lens テキスト

Google Lensでテキストをスキャン いきなりですが、グーグルクローム関連の小ネタを３つ紹介。 Google Lensでテキストをスキャン 二窓検索機能 タブ検索 まず一つ目は、 現実世界にある文字・テキストを スマホのGoogle Lensのアプリで読み取って、 Chromeに飛ばすというライフハック。 パソコンで作業してるときけっこ... 続きを読む

Excel、PowerPoint、Chrome、Windowsの仕事で使えるショートカットキー一覧の画像に「永久保存版出た」

2022/11/04 429 users OKU_MAYA WIn PowerPoint オクシン 土曜

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

Chromeのシークレットブラウジングは「まったくシークレットじゃない」とGoogle社内でも信頼されていなかった

2022/10/17 208 users ウェブブラウザ Google社内 Google 閲覧履歴

GoogleのウェブブラウザであるChromeでは、右クリックから「シークレット ウィンドウで開く」を選択することで、閲覧履歴を保存しない「シークレット ブラウジング」が可能となります。このシークレット ブラウジングを利用しているユーザーも多いと思いますが、Google社内では「シークレット ブラウジングは全くシーク... 続きを読む

朗報！ CSSの新しい単位（lvh, svh, dvh)がChromeに実装、100vhがビューポートの高さいっぱいにならない問題を解決

2022/10/04 215 users iOS ビューポート LVH dvh svh

Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChrome 108で実装されます！ CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュー... 続きを読む

なんとパスワードも。ChromeとEdge、スペルチェック時に入力データが外部送信される仕組みに注意【やじうまWatch】

2022/09/21 200 users やじうまWatch Edge 外部 パスワード 入力データ

続きを読む

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性

2022/09/20 381 users jQuery Has CSS ドラフト 疑似クラス

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素... 続きを読む

10 月の User-Agent 削減の変更に備える - Chrome Developers

2022/09/20 194 users User-Agent Chrome Developers

10 月の User-Agent 削減の変更に備えるUser-Agent 文字列に起きていること、Chrome がこの変更を行う理由、および準備作業について。 公開日 2022年8月25日木曜日 翻訳先言語： English 10 月、Chrome はユーザーのプライバシーを向上させるために、ブラウザの User-Agent 文字列で利用できる情報を削減するための次の... 続きを読む

レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター

2022/08/04 196 users iPhone デベロッパーツール レスポンシブ Pixel

iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード（command+shift+M）で各デバイスの表示を確認できますが、モバイルシミュレーター... 続きを読む

「AppleのiOSでのWebKit強制はウェブブラウザの将来性を奪うものだ」という主張

2022/06/27 101 users iOS ウェブブラウザ レンダリングエンジン WebKit

by iphonedigital AppleはiOS上で動作するブラウザについて、たとえFirefoxやChromeであっても、ブラウザのレンダリングエンジンにはAppleが開発したWebKitを使うことを強制しています。この問題について、Microsoft Edgeのプロダクトマネージャーであるアレックス・ラッセル氏が「AppleはChromeの市場独占を防ぐためで... 続きを読む