[B! chrome] kotoripiyopiyoのブックマーク

デベロッパーツールでUser-AgentをGooglebotに偽装する方法

初めに SEO対策の一環としてUser-AgentがGooglebot(bot)の場合に特定の処理を行わないようにする実装を行いました。その際の動作検証で、Google ChromeのデベロッパーツールでUser-AgentをGooglebot(bot)に偽装する方法を知ったのでその方法を紹介します。 User-Agentとはユーザーエージェント（User-Agent）とは、インターネットを閲覧しているユーザーの、デバイス・OS・ブラウザなどの情報のことです。一般的なインターネットブラウザを使い、HTTPに基づきサイトなどにアクセスした際には、ユーザーエージェントに関する各種情報が、相手側に通知される仕組みとなっているためアクセス解析に使われたりもします。 Google ChromeでUser-Agentを変更する方法デベロッパーツールを起動ネットワーク状態を開くデベロッパーツール

kotoripiyopiyo 2023/09/25

chrome

リンク

AIPRM for ChatGPTでSEOやプログラミングに最適化したチャットボットを実現

AIPRM for ChatGPT とは「AIPRM for ChatGPT」とはGoogle Chromeの拡張機能のひとつです。インストールするとChatGPTに機能が追加されます。 AIPRM＝ AI PROMPT MARKETRLACE AIPRM(エーアイピーアールエム)は「AI PROMPT MARKETRLACE」の略で、直訳すると「AIプロンプト市場」となります。「プロンプト」というのは、ChatGPTに指示を出すことをさします。このプロンプトに関する様々なテンプレートが公開されていて、ユーザーは目的に応じて選ぶことができます。例えば、「Software Engine」を選ぶと、PythonやHTML、Javaなどプログラミング言語ごとのプロンプトが一覧に表示されます。参考：Learnings from 100s of Prompts in AIPRM 各ジャンルに

kotoripiyopiyo 2023/04/07

ai
chrome

リンク

シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita

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

kotoripiyopiyo 2021/04/08

リンク

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

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