「はてブル パネル」は、ウェブページに付けられたはてなブックマークのコメントや、ウェブページに対するBluesky上の言及をサイドバーに表示できるChrome拡張機能です。コメント表示機能だけでなくChatGPTなどのAIサービスを用いた要約機能や、ウェブページ中の文字列を爆速でウェブ検索できる機能なども搭載されているそうなので、実際に使ってみました。 はてブル パネル - Chrome ウェブストア https://chromewebstore.google.com/detail/jffjglclhogdgliiibiciikihejddgeb まず、上記のリンクをクリックして配布ページにアクセスし、「Chromeに追加」をクリック。 画面上部に確認画面が表示されたら「拡張機能を追加」をクリック。 以下の通知が表示されたら「はてブル パネル」のインストールは完了です。 使いやすくするため

以下の公開計測会でやったものを個別に解説してみる。 細かいテクニックが多いのだが、それを可能な限りテキストとスクショで解説したい。使い方の解説が中心で、どういう意味があるかは解説しない。 Chrome131時点のスクリーンショットで、後で読む場合は頻繁にUIが変わっている点に注意。大事なのは意図。 宣伝: これを御社のサイトで解説する仕事をやっています。 デモのURL これに意味はなく、今日偶然見ていただけで意図はない。関係ないがエッジランナーズは最高のアニメ。 DevTools を開く F12 or 右クリックから「検証」 DevTools > Lighthouse この状態で計測 このとき、新しいプロファイルを作ったりして、可能な限り Chrome拡張が入ってない状態にすること。Chrome拡張による処理も計測に含まれてしまう。 Lighthouse レポートの読み方 点数部分にマウス

米アルファベット傘下グーグルにインターネット閲覧ソフト「クローム」の売却を命じるよう求める米司法省の提案を裁判所が受け入れた場合、同事業の価値は最大200億ドル（約３兆1000億円）に上る可能性がある。実現すれば、世界有数のテック企業に反トラスト法に基づく事業売却を求める歴史的ケースとなる。 関係者によれば、司法省の反トラスト法執行担当者は、コロンビア特別区（首都ワシントン）連邦地裁のアミト・メータ判事に対し、人工知能（ＡＩ）とスマートフォンの基本ソフト（ＯＳ）「アンドロイド」に関する措置をグーグルに求めるよう要請する方針だ。 ブルームバーグ・インテリジェンス（ＢＩ）のアナリスト、マンディープ・シン氏は、30億人以上の月間アクティブユーザーがいることを考えると、売却が実現した場合、クロームの価値は「少なくとも150億－200億ドル」相当に上ると試算した。 メータ判事は今年８月にグーグルがオ

はじめに みなさんはChromeの拡張機能を使っていますか？ 僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。 今回は、普段の業務の効率を上げるのも兼ねて自作してみました! 最低限準備するもの manifestファイル Javascriptファイル ぶっちゃけ、これだけで動きます。 実際に作ってみよう それでは実際に作成していきましょう。 今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。 まずは、manifestファイルから設定していきます! manifestファイル を参考にして、備忘録も兼ねて説明していきます。 今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":

今回のアップデートでは、かなり便利なCSSのプロパティが追加されました。 ライトモードとダークモードのスタイルを簡単に定義できるlight-dark()カラー関数、垂直方向の中央に配置するalign-contentプロパティ、フォームのサイズを入力された文字量に合わせて自動変更するfield-sizingプロパティ、CSSで句読点括弧のカーニングができるtext-spacing-trimプロパティ、これらがブラウザにサポートされるのを待っていた人も多いと思います。 Chrome 123 beta New in Chrome 123 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに CSSのlight-dark()カラー関数 CSSのdisplay-modeでpicture-in-p

ガジェット全般、サイエンス、宇宙、音楽、モータースポーツetc... 電気・ネットワーク技術者。実績媒体Engadget日本版, Autoblog日本版, Forbes JAPAN他 YouTubeは今年、ブラウザーの拡張機能などで提供される広告ブロッカーへの対策を強化し、ユーザーが使用し続けると「広告ブロッカーの利用は、YouTube の利用規約で認められていません」と警告画面を表示するようになりました。 この画面が現れた場合、選択肢に従ってAdblock PlusやuBlock Originといった広告ブロッカーの設定からYouTubeを除外するか、広告表示のない有料プラン「YouTube Premium」を使うことが求められます。 警告画面は右上の×ボタンでいったん消すことはできるものの、そのままでは結局、動画再生時に再び警告画面を見ることになります。

Stay organized with collections Save and categorize content based on your preferences. If your site uses third-party cookies, it's time to take action as we approach their deprecation. To facilitate testing, Chrome has restricted third-party cookies for 1% of users from January 4th, 2024. Chrome plans to ramp up third-party cookie restrictions to 100% of users from Q3 2024, subject to addressing a

Display ChatGPT response alongside search engine results 🔥 Display GPT-4&Bard&Claude's intelligent answer alongside search engine's general results.Enhance your browsing experience with AI! ChatGPT for Google is an extension that shows AI responses alongside Google, Bing, DuckDuckGo, and other search engines. Compared to the scattered and chaotic information from search engines, AI has already su

みんなでたのしくツイッター ※本ページの方法はPCブラウザでの利用を想定しています。スマホアプリには対応しません。スマホでXを鳥に戻す方法はこちら※ ki2neko.hateblo.jp ※本拡張にはtwitterやX.com、イーロンを貶めたり敵対する意図はありません。本拡張の紹介は歓迎ですが、RT・引用RTの際、twitterやX.com、イーロンに対する過度なdisや中傷はやめてください。そういうとこやぞ。みんなでたのしくツイッター※ ※Nothing in this extension is intended to discredit or antagonize twitter, X.com, or Elon. You are free to use or introduce this extension, but please do not use excessive dispa

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュースを担当しているエンジニアの喜楽です。 2020年5月、GoogleよりWebでのユーザー体験を指標化したCore Web Vitalsが発表されました。本記事では、Yahoo!ニュースにおけるCore Web Vitals指標改善の取り組みとその効果についてご紹介します。 Core Web Vitalsとは Webページを閲覧しているときに、コンテンツの表示が遅かったり、スクロールやクリックなどの反応が悪い、レイアウトが読込中に変更され、クリックしたい要素の位置がずれてしまうなどといった経験はないでしょうか。これらはユーザー体験を低下させる一因となります。Core Web Vitalsは上記のような

こんにちは。技術部平山です。 この記事では、雑にベンチマークプログラムを作ってみたことと、それに付随して、 ベンチマークプログラムを作りたくなるような事情 テストの設計と、その背後にあるハードウェア といった点について書きます。 なお、実行はこちらからWeb上で可能です(上のスクショを押しても飛べます)。 UnityのWebGLにすることで、余計な手間なく多くの機械で測れるようにしています。 ただし、WebAssemblyを使っている関係上、iOS9以前では動きません。ご容赦ください。 測ってくださった方は、 twitterで結果(スクショ)を頂けると大変うれしいです。 ゲーム機、ハイエンドPC、古いスマホ、などは特に歓迎です! なお、ソースコードもgithubにあります。 測定方法 「ALL」を押し、元の画面に戻ってくるまで(キャラクターの絵が出てくるまで)放っておきます。 途中でスリー

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 を成功させてみる (外部サイトへの通信は、認証情報や秘密の情報の漏洩などに気をつ

KNNポール神田です。 まさにChatGPTやPerplexity AIとの出会いで、インターネット黎明期のような感動の日々である。 『英語は10000時間でモノになる』の著者であり、デジタルハリウッド大学の教授である橋本大也氏のFaceBookで気になる『プロンプト』が紹介されていた。 出典：デジタルハリウッド大学 無料で学べるすごい英会話AIのつくりかた １　Voice Control for ChatGPT（ https://chrome.google.com/webstore/detail/voice-control-for-chatgpt/eollffkcakegifhacjnlnegohfdlidhn）の拡張をChromeブラウザーにインストールする。これでChatGPTと音声で対話することができる。GPTがしゃべりだす。 ２　ChatGPTに下記のプロンプトを入れてから英語で

Webブラウジングを介して関連するウェブ検索結果でChatGPTのプロンプトを強化します。 この無料の拡張機能は、関連する Web 結果を ChatGPT のプロンプトに追加し、より正確で最新の会話を実現します。 また、毎日のタスクに革命をもたらし、中小企業の問題をワンクリックで解決できる、数百の高品質プロンプトを備えた無料のワンクリック ChatGPT プロンプト ライブラリも提供します。 さらに、ChatGPT で独自のプロンプト テンプレートを作成して利用できる便利なプロンプト管理ツールが含まれており、作業中の反復タスクを高速化できます。 ---- 主な特徴: 1️⃣ ウェブアクセス - クエリに対する Web 結果を取得します - 検索結果ページ全体をスクレイピングして完全な洞察を得る - 任意の URL から Web ページのテキストを抽出します 2️⃣ ワンクリックプロンプト

日々便利なプロンプトが生み出されたり、 ChatGPT pluginsの発表など話題が絶えないChatGPTですが、 今回はインストールだけでChatGPTがインターネットから得た最新の情報をもとに回答してくれたり、自分の質問履歴を検索できたり、世界中の人が作ったプロンプトを検索したり、自動同期をしてくれたりと、とても便利なChrome拡張機能をいくつかご紹介いたします。 拡張機能をインストールするだけなので、手間が全くかからずにすぐに使うことができます。 こちらの記事は随時更新追加していきます 機能 インターネットから適切な情報を検索し、ChatGPTの回答能力を向上させることができます。この無料のアドオンを利用することにより、関連性のあるオンライン情報をChatGPTに与える質問に組み込むことができます。その結果、ユーザーはより正確で最新の情報に基づく会話を楽しむことができるようになり

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能（カッコ内の要素を持つ親要素を選択する）を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました（同じエ

Googleの「ChromeOS Flex」は、古いPCや「Mac」にインストールすることで、それらを実質的に「Chromebook」に変換するOSだ。同社は2月に早期バージョンをテスト向けに公開しており、このほど安定版を提供開始した。ChromeOS Flexのページから無料でダウンロードできる。 Googleは、アーリーアクセスプログラムの素晴らしい成果の一部を公式ブログで明らかにした。まず295機種のデバイスをChromeOS Flex対応として認定したという。引き続きさまざまなデバイスをテストし、認定機種のリストを更新していくとしている。ただし、認定機種でなくても、ChromeOS Flexは動作する可能性が高そうだ。 Googleは、アーリーアクセスプログラムによって600以上のバグを修正できたとも報告した。 ChromeOS FlexはUSBドライブから直接実行することもできる

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