タグ Chrome
人気順 5 users 10 users 100 users 500 users 1000 users超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめに みなさんはChromeのか拡張機能を使っていますか? 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際... 続きを読む
ついにChromeで使えるようになったCSSの便利機能! light-dark()関数、field-sizingプロパティ、句読点括弧のカーニングができるtext-spacing-trimプロパティ
今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカ... 続きを読む
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00 Thomas Germain - Gizmodo US [原文] ( 岩田リョウコ ) グッバイ、クッキー! Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日、実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1%、約3000万人に対して... 続きを読む
サードパーティ Cookie の廃止に向けた準備 - Chrome for Developers
サードパーティ Cookie の廃止時期が近付いています。あなたのサイトでその種の Cookie を使用している場合は、廃止対策を講じる時期が来ています。Chrome は、テストを容易に行えるように、2024 年第 1 四半期からユーザーの 1% に対してサードパーティ Cookie を無効にし、2024 年第 3 四半期からはユーザーの 100% に... 続きを読む
MacのChromeで文字入力する際にブラウザが固まる問題 - njo
数年悩まされているが解決できていない問題。解決に向けて雑なメモ。 症状 MacOSのGoogle Chromeで下記のようなサイトで文字入力を行おうとするとレインボーカーソル状態のまま数秒から数十秒固まりブラウザが操作できなくなる 事象が発生すると別ウィンドウのGoogle Chromeも固まる Google Chrome以外のプロセスには影... 続きを読む
WindowsのChromeやEdgeでネットにつながりにくくなる現象、一部の家庭用ルーターが原因かも? DNSの“TCPクエリ”うまく扱えない機種も存在。ChromeのTCPクエリ送信が引き金に
FirefoxがついにChromeよりも高速なブラウザに
Treeherderは、Mozillaの開発するソフトウェアのテスト結果や、ウェブサービスや外部ツールで取り込んだデータを抽出・加工するETL機能などを有するウェブサイトです。このTreeherderに、Google ChromeとFirefoxのベンチマークテスト結果をまとめたデータが公開されました。これによると、FirefoxはChromeよりも高いスコ... 続きを読む
decoding="async" について詳しく調べてみる
この記事は2023年7月19日時点の Chrome の最新版 115.0.5790.98 を使って検証しました。今後 Chrome の実装によって挙動が変わる可能性はございます。 はじめに 画像表示のパフォーマンス改善において、「decoding="async" をつけましょう」というのをよく見かけますが、おそらくほとんどの人がその実際の挙動を理解して... 続きを読む
CSSの新機能! テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方
テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントにな... 続きを読む
Googleを起動できず、+ボタンでタブを増やせない、今の人にPCは難しいのか?
Siriは支離滅裂 @suugakuzukidao さっき起きたこと おれ「まず、Googleを起動してください」 中1「どうやって起動するんですか」 おれ「Google Chromeっていうやつをクリックしてください」 Chromeをカスタマイズ的なのがでてくる 中1「これどうすればいいんですか」 おれ「左上の+を押してタブを増やしましょう」 今... 続きを読む
【特集】 Edgeがいつの間にか高機能に?これはChromeより便利かも
Android版のChromeがクソ改悪されてキレそう
新しいタブを開いたときに、よく使うサイトが表示されるじゃん。 あそこに、数日前から適当な検索履歴が2~3個無理やり突っ込まれるようになった。 消しても消しても、つっこまれる。 会社の指標としてさ、検索回数とか目標を社員に持たせてたとしてもさ、これはないだろ。 こんな小学生が考えたような強引なやり方をす... 続きを読む
はてブの記事を、キーワードや URL でミュートする Chrome 拡張を作った
はてなミュート - Chrome ウェブストア https://chrome.google.com/webstore/detail/agomiblbpgcimbonnfmlcealkjlegbnf 機能指定したワードを含む記事をミュート指定した URL (の一部) を URL に含む記事をミュート指定した記事を単体で非表示にする訪問済みの記事を目立たなくする( on/off 選択可)ブコメページを訪問... 続きを読む
東京ガスのログイン時のローディングがとんでもない見せ方をしていた→仕様でもミスでもなくChromeの拡張機能が悪さをしていた
こびと @kobitoCode 「えっなにこれ!?何が起きてるの!?えっ!?えっ!?」と感じている間に5秒経ち、「人はロードに2秒かかったら離脱します」という固定概念をぶち壊せる可能性を感じた twitter.com/ckazu/status/1… 2023-02-06 16:00:47 続きを読む
とだこうき@デイトラ運営 on Twitter: "これもう、Google検索は要らないかもな Chromeで検索エンジンとして、Perplexity(https://t.co/unAignEWWp)を登録しておけば、めっちゃ気軽にAI使って調べ物できる
これもう、Google検索は要らないかもな Chromeで検索エンジンとして、Perplexity(https://t.co/unAignEWWp)を登録しておけば、めっちゃ気軽にAI使って調べ物できる。ChatGPTとは違って… https://t.co/PZqvFEkjVU 続きを読む
【悪用厳禁】ChatGPTのOpenAIとGoogle Docsを連携して無限に記事を生成する方法。※GASの編集解説動画付き|チャエン| Web3.0と海外テック|note
💡このnoteについて ・無料部分:ブログ無限作成方法までの基本解説 ・有料部分:実際にスクリプトを修正する応用解説 (無料と有料部分の解説動画・コードテンプレ付き) 大半の関連の解説記事はアドオンというChromeの拡張機能を入れるだけですが、当記事は直接スクリプトを書いて修正する方法の解説です。 せっかくAI... 続きを読む
「Twitterの無駄機能を全部殺せる」で話題のブラウザ拡張「Tweak New Twitter」が日本語対応
TwitterのUI・UXをカスタマイズできるPC向けブラウザ拡張「Tweak New Twitter」が、1月24日のアップデートで日本語に対応した。各種設定を日本語のメニューから変更できるようになった。 Tweak New Twitterは、ChromeやFirefox、Microsoft EdgeなどのPCブラウザで使える拡張機能だ。イーロン・マスク氏のCEO就任以降、Tw... 続きを読む
ChromeのDevToolsの便利機能まとめ
池田 泰延 @clockmaker Microsoft Edgeの独自機能(?)。開発者ツールで、セレクターの時間を計測できる。重たいCSSセレクターの検出に役立ちます。 1. 開発者ツールを開く 2. [パフォーマンス]タブを選択 3. 歯車を選択 4. [Enable advanced rendering instrumentation (slow)]を選択 5. 調べたい[スタイルの再計算]を選... 続きを読む
SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能
SQLite3 WASM/JS、Origin Private File Systemを用いてChrome上の高速なローカルDBが機能するとGoogleが明らかに、廃止されたWeb SQLの代替として利用可能 Google Chromeの開発チームは昨年(2022年)9月に、非推奨となったWeb標準のWeb SQL Database API(以下Web SQL)をChromeから削除、その代替機能としてSQLite開発... 続きを読む
Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応
Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応 8月にリリースされたChrome 105で実装されたCSSの疑似クラス「:has()」が、jQueryに以前から備わっている「:has()」に悪影響を及ぼし、一定の条件下ではjQueryを使ったWebサイトが壊れ... 続きを読む
今は、もう、動かない、その User-Agent 文字列
こんにちは、広告エンジニアの中山です。 唐突ですが、みなさまの 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の新しいビューポート単位の使い方と注意事項
先日リリースされたChrome 108で、CSSの新しいビューポート単位(svh, lvh, dvhなど)がサポートされました。SafariとFirefoxではすでにサポートされていましたが、Chromeでもサポートされたのは朗報です。 この新しいビューポート単位の基本的な使い方と注意事項を紹介します。 The large, small, and dynamic viewport... 続きを読む
Chrome の console.log でハマらないために
JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説し... 続きを読む
グーグルレンズの「パソコンにコピー」が地味に便利だという話 - 世界のねじを巻くブログ
Google Lensでテキストをスキャン いきなりですが、グーグルクローム関連の小ネタを3つ紹介。 Google Lensでテキストをスキャン 二窓検索機能 タブ検索 まず一つ目は、 現実世界にある文字・テキストを スマホのGoogle Lensのアプリで読み取って、 Chromeに飛ばすというライフハック。 パソコンで作業してるときけっこ... 続きを読む
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 1... 続きを読む