ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。 開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。 また、本書を読むことでDeepLのような実践的な翻訳Chrome拡張機能を開発できるようになります。 所要時間： 約2時間 対象者： Reactを少しでも触ったことがある人 【2023/02/20】 初版を公開しました！ 【2024/02/18】 改訂版を公開しました！
ReactではじめるChrome拡張開発入門
ReactとTypeScriptで、シンプルかつ実用的なChrome拡張機能を開発するための入門書です。 開発のために最低限知っておきたい知識から環境構築の方法、実装で陥りやすいポイントまでを網羅的に解説します。 また、本書を読むことでDeepLのような実践的な翻訳Chrome拡張機能を開発できるようになります。 所要時間： 約2時間 対象者： Reactを少しでも触ったことがある人 【2023/02/20】 初版を公開しました！ 【2024/02/18】 改訂版を公開しました！
by Simon Steinberger YouTubeなどでムービーを視聴中に「5秒後にスキップできます」という表示と広告が出てきてイライラさせられた経験がある人も多いはず。Chromeに搭載された広告ブロック機能が、2020年8月5日からこうした広告をブロックすると、Googleが発表しました。 Chromium Blog: Videos with fewer intrusive ads https://blog.chromium.org/2020/02/videos-with-fewer-intrusive-ads.html Coalition for Better Ads Announces Better Ads Standard for Short-Form Video to Improve Consumer Experience Online https://www.bette
高精度な言語翻訳サービス「DeepL」。 これまではWebサイトや、デスクトップ用のネイティブアプリ経由で使用する方法が主流でしたが、今後はChrome用の公式拡張機能「DeepL翻訳」にも注目した方が良いかもしれません。 現在ベータ版ですが昨年末から便利すぎると話題になっています。 DeepL翻訳拡張機能の使用方法 ChromeでChromeウェブストアの「DeepL翻訳」ページにアクセスし、拡張機能をインストールします。 ▲Webサイトの情報を日本語に翻訳したい場合、Chromeでそのサイトを表示し、翻訳したい部分のテキストを選択します。表示されたDeepLのアイコンをクリックすると、その近くに翻訳結果がポップアップ表示されます(トップ画像)。 また、自分の入力した情報を他の言語に翻訳することもできます。 ▲拡張機能が有効な場合、TwitterやGmailの入力欄にDeepLのアイコン
Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッダを上書き 途中で指定したフォルダの中身は何？ 上書きをやめるには？ 感想 GitHub から example.com を fetch してみる 試しに、 CSP で外部への通信がそれなりに制限されている GitHub から、 example.com への fetch を成功させてみる (外部サイトへの通信は、認証情報や秘密の情報の漏洩などに気をつ
Chrome拡張機能にはWeb制作に便利なものが多く、私もよく利用しています。特に1〜2クリックでさっとチェックできるものは頻繁に使い制作の中で馴染んだものであるため、これらがないと手間どってしまうくらい依存性の高いものばかり。今回は私がよく利用しているChrome拡張機能を12個紹介します。初見のものがありましたら、ぜひ試してみてください。 Eagle – 効率的に画像を保存する Eagle サイト上にある画像をドラッグ＆ドロップだけで保存できるChrome拡張機能。あとで見返したい画像を効率的に保存できるのは嬉しい。ページ全体のスクリーンショットの撮影も可能。撮影後は専用のアプリに保存されます。この手のものは他にもあったのですがサービス終了してしまい、他を探してようやく見つけたのがEagleでした。重宝しています。 Eagle – 効率的に画像を保存する 専用アプリのダウンロードはこち
e-TaxはGoogle Chromeに対応していきます。| 【e-Tax】国税電子申告・納税システム(イータックス)
令和2年5月25日より、Google Chromeから「受付システム」及び「e-Taxの開始(変更等)届出書作成・提出コーナー」をご利用いただけるようになりました。 Google Chromeからのご利用に当たっては、事前にChromeウェブストアへアクセスし、Chrome拡張機能をダウンロードする必要があります。 Chrome拡張機能は、受付システム専用の事前準備セットアップインストーラを実行中にChrome ウェブストアのページへ移動し、ダウンロードすることができます。 操作にご不明な点がございましたら、インストールマニュアルをご確認ください。 なお、以下のソフト・コーナーについても、令和3年1月からGoogle Chromeに対応する予定です。 Google Chrome対応予定ソフト・コーナー（令和3年1月予定） ・e-Taxソフト(WEB版) ・NISAコーナー ・FATCAコー
ブラウザでTCPを直接送受信できるDirect Sockets APIについて - ASnoKaze blog
ブラウザから直接TCP・UDPで送受信する「Direct Sockets API」という仕組みが議論されています。 実験段階ですが、Chromeでは起動時にオプションを付けることでこの機能を有効にできます。今回はTCPの方で簡単に動作を見てみます。 Direct Sockets API Direct Sockets APIは、TCP・UDPで直接送受信可能にするAPIです。既存のアプリケーションプロトコル(SSHやIRC)、P2Pのような機能を実現可能になります。 もちろんセキュリティ上の問題もあるので、Chromeでは現状デフォルトでは有効になっていない機能です。 セキュリティ面についてはだいぶGithubリポジトリで議論されておりますので目を通すと良いでしょう。ローカルネットワークへの通信やSame-Origin-Policy(CORS)回避の話が上がっていますが、今回は細かくは紹介し
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
ChatGPTを神の道具にするChrome拡張機能4選
いろいろと便利に使えると話題のChatGPTですが、基本OpenAIのウェブサイトから使う仕様なのに機能が少なくて使いやすいとは言えなかったりします。 この記事ではそんなChatGPTの弱点を改善するChrome拡張を紹介します。 Glarity-Summary for Google/YouTube (ChatGPT)Glarity-Summary for Google/YouTube (ChatGPT)は、ChatGPTを用いてさまざまなサイト上で要約をしてくれるChrome拡張です。 右側に検索ワードに対する要約を出してくれるGoogle検索ではこのように右側に要約欄が現れ、検索ワードに対する要約を出力してくれます。 YouTubeでも右側に要約欄が出現、その下には書き起こし欄もYouTubeにも対応しており、動画の要約と音声の書き起こしを行なってくれます。 ｢とりあえずChatGPT
Google Chromeの隠れ機能「Side Search」でブラウザ検索が超スムーズに！ | ライフハッカー・ジャパン
サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】
JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説しますが、Firefox や Safari でも同じ落とし穴があります。 console.log とは まずはさらっと基本をおさらいしましょう。 大前提なのですが、console.log は JavaScript の言語仕様（ECMAScript）で定義されていません。ブラウザ向けには whatwg の仕様がありますが、あくまでもそれはブラウザ向けの仕様であり、Node.js を含むほぼ全ての JavaScript 環境で使えるのは cons
インターネットで調べ物をしていると、「過去に閲覧したページをもう一度閲覧したいけど、タイトルを忘れて検索できない！」という困った状態が頻繁に発生します。ブラウザ拡張機能「Falcon」を使えば、閲覧したページの本文を自動保存して「記事内のかろうじて覚えているワード」を用いた全文検索が可能になるとのこと。めちゃくちゃ便利そうだったので、実際にインストールして使ってみました。 Falcon - Chrome ウェブストア https://chrome.google.com/webstore/detail/falcon/mmifbbohghecjloeklpbinkjpbplfalb Falcon – 🦊 Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/falcon_extension/ FalconにはCh
Intro SPA の隆盛で進化したフロントエンドライブラリによって生み出された「コンポーネント」という資産は、それを View 層の最小単位として扱うエコシステムにその重心をずらした。 近年の Web 開発は、虫食いのテンプレートエンジンにデータをはめ込む方式から、デザインシステムにカタログされたコンポーネント群に、 API から取得したステートを流し込み、それらを「いつ、どこで、どう」レンダリングするかという課題への最適解を、各位が模索するフェーズとなっている。 コンポーネントを敷き詰めるコンテナ側の設計は、 Flexbox および Grid の登場によるレイアウトの進化が手助けしたところも多いにある。しかし、「ページ」を前提に設計された CSS は、「コンポーネント」を前提にした設計に移行するうえで、ミッシングピースが多かった。 現在、提案/実装が進んでいる CSS の新機能群には、
CSSの新しい単位（lvh, svh, dvh)がすべてのブラウザでサポート、100vhがビューポートの高さいっぱいにならない問題を解決
Safari, FirefoxでサポートされていたCSSの新しいビューポート単位「lvh」「svh」「dvh」などが、ついにChromeでもサポートされました！ CSSの新機能で、Chromeが一番最後というのは珍しいですね。 最も活躍するのがiOSのSafariだからでしょうか。とはいえ、主要ブラウザすべてにサポートされるようになるのは、嬉しいニュースです。 画像: @bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいビューポート単位「lvh」「svh」「dvh」とは ブラウザのサポート状況 はじめに W3CのCSS Values and Units Module Level 4で、ビューポート単位についていくつか仕様が変更されました。Large、Small、Dynamicといったビューポートサイズ
レスポンシブの確認が簡単に！ iPhone, iPad, Androidなど各モデルのサイズ、操作や動画にも対応した優れもの -モバイルシミュレーター
iPhoneをはじめ、PixelやGalaxyのAndroidスマホ、iPadやGalaxyのタブレット、ラップトップ、ワイドスクリーンなど各モデルのサイズでWebページを表示して確認ができるChromeの機能拡張を紹介します。 デベロッパーツールのデバイスモード（command+shift+M）で各デバイスの表示を確認できますが、モバイルシミュレーターはさらに多くのデバイス、スクリーンショット・動画撮影など機能も充実しています。また、モバイルシミュレーターでデベロッパーツールを使用することも可能です。 無料で、多くのデバイスをサポートしているのがいいですね。 WinでもMacでも、ツールバーと右クリックから1クリックで簡単に起動できます！ Mobile FIRST レスポンシブの確認を簡単にできます。 スクロール・スワイプなどの操作をはじめ、リンクをクリックしてのページ移動もできます。
2022/04/28：追記 公開していたzipファイルのリンクを削除しました。 バックエンドのサーバーを停止しました。 伴ってもう星が流れなくなります。 ※この記事にはちょっとだけエッチな内容が含まれます！苦手な方はご注意ください。 こんにちは。あんど(@ampersand_xyz)と申します。 いきなりすみません、タイトルにエッチとか入ってて驚かれた方もいらっしゃることでしょう。どういうことなのか説明させていただきます。 概要説明 画像出典： 吸血鬼すぐ死ぬ 9巻 P134 盆ノ木至 秋田書店 __要するにこれです。__さすがに宙に星を降らせるわけにはいきませんので今回はブラウザ内に星を降らせていきます。 漫画のコマを見ただけでは何を言ってるのかご理解いただくのが難しいかもしれませんが、これ以上説明のしようがありませんのでついてきてください。 実現方法 いかにしてエッチなことを考えている
サイトを閲覧中に「このサイトの過去のページが気になるけど、わざわざインターネットアーカイブにアクセスしてウェイバックマシンで検索するのはちょっと面倒」と思ったことがある人は少なくないはず。無料でインストール可能なChromeおよびFirefox向け拡張機能「Vandal」を使うと、ウェイバックマシンが収集したスナップショットを簡単に見ることができます。 Vandal | Navigator for Web Archive https://vegetableman.github.io/vandal/ 上記のURLにアクセスすると、以下のように表示されます。VandalはChrome版とFirefox版が用意されていますが、今回はChromeに導入するため「ADD TO CHROME」をクリックします。 続いて「Chromeに追加」をクリックします。 「拡張機能を追加」をクリックします。 導入
1. Compose AI：AIを使って文章作成を支援する拡張機能Screenshot: Compose AIまずはAIを使った機能から。 私がAIにライターの仕事を奪われることはないと思いますが、AIツールを使うとどんなふうに文章の質が上がるのか知りたくてたまりません。 テキストボックスに文字を入力する時間があるなら（メール、現状アップデート、ブログの投稿など）、Compose AIをチェックしてみてください。 この拡張機能は、正しい文法を提案するだけでなく、文章全体を書く手助けをしてくれる素晴らしいオートコンプリート機能も備えています。 さらに、わかりにくい文章を書くと、別の表現に書き換えるのを手伝ってくれます。 2. SwiftRead: 流し読みしたいものを速読する拡張機能Gif: SwiftRead速読は読む人によっても読むものによっても向き不向きがあります。 小説、ノンフィクシ
YouTubeは広告ブロッカーをブロックするためのアンチ広告ブロッカーの展開を本格化しており、Adblock PlusやuBlock Originといった人気広告ブロッカーがYouTubeで機能しなくなっています。そんな中でもYouTubeで問題なく使えることをアピールしている広告ブロッカーが「FadBlock」です。 GitHub - 0x48piraj/fadblock: Friendly Adblock for YouTube: A fast, lightweight, and undetectable YouTube Ads Blocker for Chrome, Opera and Firefox. https://github.com/0x48piraj/fadblock 開発者のPiyush Raj氏によると、FadBlockは広告を検知・削除できるように設計された広告ブロッ
会社の後輩に、「先輩のPCにインストールされてる〇〇使いたいので、PCのパス教えてもらえませんか？」と言われた。 会社のPCにプライベートなものはいれてないし、俺も先輩のPCにしか入ってないソフトとかを使うとき勝手にログインして使ってたりしたので、会社のPCはいうて共用PCみたいなもんやろと思って教えた。 そしたら、おもむろにChromeを起動された。 この時点で「あ、Chromeで万が一変な履歴とか見られると嫌だから、使ってほしくないな」とは思ったんだけど、まあChromeで調べ物すんのかなーと思ったら、爆速で「設定」＞「パスワード」でChromeのパスワードマネージャを開かれた。 「あとは先輩のPCのパスワードを入れるだけで、先輩のパスワード全部わかっちゃいますね。あっ。このドメイン、Hなサイトのやつっスよね。セキュリティ意識低いとか、それでもエンジニアっすか～？」 と煽られたので、キ
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう2024.01.13 21:00163,119 Thomas Germain - Gizmodo US ［原文］ （ 岩田リョウコ ） グッバイ、クッキー！ Googleが長年にわたって進めてきたクッキーの廃止計画が1月4日､実行に移されました。Chromeウェブブラウザを利用しているユーザーのうち1％、約3000万人に対してクッキーを無効化。そして今年の年末までに、すべてのChromeユーザーのクッキーがなくなるとのことです。すべてのクッキーではなく、廃止されるのは追跡をするサードパーティークッキーです。 クッキーの役目って？プライバシーを守りたい人たちにとって、インターネットの元凶とみなされているクッキー。ほとんどのウェブでクッキーは、テック企業がオンライン上での私たちの行動を追跡する方法となっていました。ターゲット広告や他の多
GoogleのウェブブラウザであるChromeでは、右クリックから「シークレット ウィンドウで開く」を選択することで、閲覧履歴を保存しない「シークレット ブラウジング」が可能となります。このシークレット ブラウジングを利用しているユーザーも多いと思いますが、Google社内では「シークレット ブラウジングは全くシークレットじゃない」「シークレット ブラウジングは完全にプライベートなものではないので修正を施すべき」と議論されていたことが裁判資料により明らかになりました。 Google’s ‘Incognito’ Mode Inspires Staff Jokes — and a Big Lawsuit (GOOGL) - Bloomberg https://www.bloomberg.com/news/articles/2022-10-11/google-s-incognito-inspir
.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
Chrome 78ベータに「Native File System API」搭載。Webブラウザからローカルファイルを読み書き可能に
Chrome 78ベータに「Native File System API」搭載。Webブラウザからローカルファイルを読み書き可能に GoogleはWebブラウザのChrome 78ベータ版で「Native File System API」を試験的機能（Origin Trial）として搭載したことを明らかにしました。 Native File System APIはWeb Platform Incubator Community Groupが策定中のAPIで、Webアプリケーションからローカルファイルを開き、読み書きを行える機能です。 「The Native File System API: Simplifying access to local files」から引用します。 The Native File System API enables developers to build powe
はじめに こんにちは、都内でソフトウェアエンジニアをしているYSasagoです。 私はフロントエンドの開発時に、Chromeのブラウザを使うことが多いです。 Chrome には開発を便利にするchrome 拡張機能がたくさんあります。 普段、フロントエンド開発時に私が使っている拡張機能を紹介したいと思います。 UI Build Assistant アイコンは IT 大学と面白いですが、こちらの拡張機能を使えば、ワンクリックで背景と線に色付けをしてくれて、レイアウトが見やすくなります。こちらの拡張機能を使うとマージンの調整等が簡単にできるようになりとても便利です。 また、作成者のしまぶーさんの Youtube 動画は、フロントエンド学習にとても有益なのでよく拝見させていただいてます。 OFF ON Responsive Viewer 次に紹介するのは、Responsive Viewer です
「広告ブロック拡張機能」に関してGoogleとMozillaが異なる方針を採用したことでブラウザの差別化が進むとの指摘
ウェブサイト閲覧時のバナー広告や動画再生時に挟まれる広告などを抑制する、ウェブブラウザの広告ブロック拡張機能について、ChromeやEdgeのベースとなっているChromiumを開発するGoogleと、Firefoxを開発するMozillaがそれぞれ異なる方針を選んだことにより、両者の差別化が進むと海外メディアのThe Vergeが報じています。 Firefox and Chrome are squaring off over ad-blocker extensions - The Verge https://www.theverge.com/2022/6/10/23131029/mozilla-ad-blocking-firefox-google-chrome-privacy-manifest-v3-web-request 従来の広告ブロック拡張機能は、「webRequestAPI」とい
Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力することが可能です。 なぜLogpointsを使うの？ Logpoints を使うのには以下のメリットがあります。 デバッグや動作確認のためにコードを変更する必要が無い console.log() を誤ってcommitに含めてしまう心配が無い console.log() を入れた後に再ビルドやホットリロードを待つ必要が無い どうやってLogpointsを使うの？ logpoints は以下のように使用します。 Chr
2023年5月にリリースされたGoogle Chrome 113で、次世代WebグラフィックスのJavaScript APIであるWebGPU（ウェブジーピーユー）がデフォルトで利用できるようになりました。ICS MEDIAでは2018年にWebGPUについて紹介していましたが、当時はSafariで開発者向けのフラグを有効にした場合にのみお試しできる実験的機能でした。 デスクトップChrome限定ではありますが、WebGPUが一般ユーザーの環境でも動作できるようになったいま、オリジナルのデモを交えてあらためてWebGPUを紹介します。 この記事で紹介すること WebGPUがChrome 113で標準で利用可能になった WebGPUはモダンな3D APIに直接アクセスすることで、WebGLより高い性能が得られる WebGPUだとドローコールの最適化をしなくても十分に高速 WebGPUはコンピ
ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol
ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protocolsに焦点を当てます。 WebDriver、CDPとはなにか、その違い、仕様について、PHPエンジニアに身近な言語を用いて"直接"実装することを通じて解説します。 本トークを通じて直接触れることでライブラリでwrapされている裏側まで知ることできます。E2Eテスト自動化の課題に出会ったときに「裏側がこうだからたぶんこういうことだよね」と想像できるようになる、少し世界の見え方が変わる時間を提供します。
米Googleは5月14日（現地時間）、Webブラウザ「Chrome」でユーザーが知らないうちにバッテリーやネットワークデータなどのリソースを過度に消費する広告をブロックする計画を発表した。「8月の終わりごろ」にリリースする安定版で提供を開始するとしている。8月25日リリース予定のバージョン85の安定版を指しているとみられる。 同社は2016年に広告業界団体などと共に立ち上げたオンライン広告改善のための団体「The Coalition for Better Ads」の広告標準「Better Ads Standard」に沿う広告ブロックに2018年から取り組んでいる。 今回発表のブロック方法は、Googleが調査に基づいて定めたリソース消費のしきい値を超える広告をアンロードし、広告スペースに以下のように「広告が削除されました。詳細はこちら」と表示するというもの。 しきい値は、4MBのネットワ
【現在は対応不要】Chrome80以降でALBの認証を使っているとcookieが4096バイトを超えて認証できないことがあり、社内サービスではcookie名を縮めて対応した - hitode909の日記
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
「ブックマーク専用の新しいChrome・Firefoxブラウザ拡張機能」告知にいただいたフィードバックにつきまして - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チームのid:yone-yamaです。 先日は新しいブラウザ拡張機能のリリース告知にたくさんのコメントをお寄せいただき、ありがとうございました。 bookmark.hatenastaff.com また、仕様変更によりご不便をおかけしていることをお詫びいたします。 いただいたご意見をしっかりと受け止め、今後の開発に生かしていきたいと思います。 今後は告知記事などにお寄せいただいたご意見に対しての回答やご説明を、このブログで発信していく予定です。 今回はその第1弾として、ブラウザ拡張機能の告知に関するご意見をもとに、前回ご説明しきれなかった経緯や今後の対応についてご説明いたします。 この記事でお伝えしたいこと 拡張機能における「コメント簡易閲覧機能」は、各ブラウザのWebストアのポリシー準拠・相対的な機能の
by Nikin 2019年7月30日に公開された「Google Chrome 76」ではシークレットモードが強化されており、無料ユーザーから有料記事をブロックするペイウォールの一部が回避可能になりました。しかし、これによりかえって情報がユーザーの手に届きにくいものになってしまうと、広告技術などのニュースを扱う海外メディアWhat's New in Publishingが指摘しています。 Google unlocks 33% of publisher paywalls on July 30. This is what happens next. | What’s New in Publishing | Digital Publishing News https://whatsnewinpublishing.com/google-unlocks-33-of-publisher-paywall
PDF形式のファイルを連結したいけど、専用アプリを持っていない！ ビジネスあるあるですよね。専用アプリを持っている人に頼むのも気が引けるので諦めているという人は、WebブラウザーのChromeで解決しましょう。 複数ファイルの連結や見開き化が可能 ExcelやPowerPointで作成したファイルをほかの人と共有するとき、PDF形式に変換することがよくありますよね。 PDFは異なるパソコンやスマートフォンでも表示が崩れないうえ、改ざんしにくく、ファイルサイズも小さいと、いいことずくめです。相手から受け取る資料にも、PDF形式のファイルが数多くあると思います。 ただ、同一の資料の前半部分と後半部分などで分割されていたりする場合、1つにまとめたくなりますが、PDF閲覧用の無料アプリ「Acrobat Reader DC」では、PDFファイルを連結できません。 サードパーティの専用アプリも知らない
Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に Google Chromeの開発チームは、Google Chromeをユーザーインターフェイス画面なしで利用できるヘッドレスモードの実装が新しくなったことを明らかにしました。 Chrome’s Headless mode just got a whole lot better! We made Headless more useful for developers by bringing it closer to Chrome’s regular “headful” mode. https://t.co/FhAblWvJQj pic.twitter.com/tJHV0j9fc7 — Chrome Developers (@ChromiumDev) February 22, 2023 ヘ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chromeが「5秒後にスキップできます」などのムービー広告を2020年8月からブロック開始
知らないとヤバイ!高精度翻訳DeepLのChrome拡張機能 | ソフトアンテナ
Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*
Web制作が捗るChrome拡張機能12選 – おすすめの拡張機能を集めてみた | Pulp Note
Chrome の console.log でハマらないために
「あのページ何だったっけ……」を激減して情報収集効率を爆上げできる履歴全文検索アドオン「Falcon」レビュー
次世代 CSS 仕様が与えるコンポーネント時代の Web への影響 | blog.jxck.io
君がエッチなことを考えるとみんなのブラウザに流れ星が降るChrome拡張 - Qiita
無料で表示中のページの過去を簡単に見ることができる拡張機能「Vandal」レビュー
【最新2022年版】Googleが選ぶChrome拡張機能人気ベスト10！ | ライフハッカー・ジャパン
Google Meetで文字起こしやチャット保存を実現する無償のChrome拡張
広告ブロッカーのブロックを本格化するYouTubeでも使える検出不能な広告ブロッカー「FadBlock」
Google、「Chrome for Testing」を発表 ～ブラウザー自動化とテストに特化したバイナリ／自動更新による挙動変更や「ChromeDriver」の不一致といった悪夢からWeb開発者を開放
会社のPCに自分のChromeアカウントを使ってはならない
「Google Chrome」から［他のタブをすべて閉じる］など3コマンドがひっそりと消える（11月6日追記）／［他のタブをすべて閉じる］コマンドは早々に復活する見込み【やじうまの杜】
Chromeのクッキー廃止へ。ブラウザをチェックしてみよう
Chromeのシークレットブラウジングは「まったくシークレットじゃない」とGoogle社内でも信頼されていなかった
なんとパスワードも。ChromeとEdge、スペルチェック時に入力データが外部送信される仕組みに注意【やじうまWatch】
Google 公式ウェブ開発者向けリソースのご紹介
「Google Chrome」デスクトップ版で画像のテキストを認識・翻訳可能に ～「Google レンズ」を搭載／検索結果はサイドパネルに、ちょっとした調べもので気軽に使える
フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita
console.log() の代わりにdevtoolsのLogpointsを使う - Qiita
WebGPUがついに利用可能に - WebGL以上の高速な描画と、計算処理への可能性 - ICS MEDIA
Chromeブラウザ、“リソース食い”な重い広告のブロックを8月末から開始
「有料記事を無料で見られるGoogle Chrome 76の機能」によりかえって情報が高価になるという指摘
【知ってた？】ChromeでPDFを連結できる！ 拡張機能と印刷テクニック
Google Chromeのヘッドレスモードが新しく。別になっていた実装を統合し、ヘッドフルと完全互換に