GoogleやBingの検索結果にChatGPTを表示させる拡張機能「ChatGPT for Search Engines」
OpenAIのChatGPTは高度な自然言語処理モデルを利用した対話型AIで、文章を入力するとまるで人間が書いたような自然な文章を返してくれます。これまでの検索エンジンでは検索クエリに複数の単語を入力する必要がありましたが、このChatGPTを応用すれば、調べたいことを直接文章で入力することでより適切な検索結果を示す次世代の検索エンジンが可能になると期待されています。そんなChatGPTの回答を実際にGoogleやBingなどの検索結果に表示させる拡張機能「ChatGPT for Search Engines」が、Chrome・Firefox・Edge向けにリリースされています。 ChatGPT for Search Engines https://chatonai.org/ ChatGPT for Search Enginesを利用するには、あらかじめChatGPTにアカウントを作成して
「Cookieを許可してください」を自動的に非表示にできる拡張機能「I don’t care about cookies」を使ってみた
ウェブサイトを閲覧していると「クッキーの保存許可」を求めるメッセージが表示されることがあります。このメッセージが表示されるたびにポチポチクリックしてCookieの設定を行うのを面倒に感じている人も多いはず。無料で公開されているブラウザ拡張機能「I don't care about cookies」を使えばCookieの許可設定を自分の代わりに自動操作してくれます。 I don't care about cookies 3.3.8 https://www.i-dont-care-about-cookies.eu/ 「I don't care about cookies」はChrome版・Firefox版・Edge版・Opera版・Pale Moon版・広告ブロッカーのフィルター版が配布されていますが、今回はChrome版を使ってみます。まずは「I don't care about cooki
Dark Reader - 任意のWebサイトをダークモードで表示
ダークモードに対応したサイトが増えてきています。多くは自動的に設定されたり、設定画面を使って自分で切り替えるようになっています。しかし、まだまだ未対応のサイトが多いのも事実です。 そこで使ってみたいのがDark Readerです。任意のWebサイトをダークモード対応にします。 Dark Readerの使い方 MOONGIFTを表示した例です。 輝度やコントラストを変更できます。 設定メニューです。 Googleの検索結果。 Wikipedia。 Dark Readerを使えばどんなWebサイトでもダークモードとして目に優しい表示にできます。開発時にはエディタやターミナルを暗くしているのに、Webブラウザだけ明るいと目が辛いです。Dark Readerを使えば目に優しく、可読性も上がるでしょう。 Dark ReaderはGoogle Chrome/Firefox/Safari/Edge用、T
GitHub File Icon - GitHubのファイルアイコンを最適に
開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。 そこで使ってみたいのがGitHub File Iconです。拡張子に応じたファイルアイコンに変換してくれます。 GitHub File Iconの使い方 元々の表示。シンプルです。 インストール後。一気に可読性が高くなりました！ IDEであったり、OSのファイル管理でも拡張子ごとにアイコンを変えるのはよくあることです。それによってファイルの判別がつきやすくなります。これは何もローカルに限らずGitHub上でも同じです。ファイルがアイコンと色で区別されると見やすさが増すでしょう。 GitHub File IconはGoogle Chrome/Firefox用の機能拡張（MIT）です。 xxhomey19/gi
ブラウザの新規タブに時計を表示して見た目もカスタマイズできるChrome・Firefox用拡張機能「CaretTab」
ウェブブラウザで新しくタブを開いたとき、過去に閲覧したサイトが表示されたり検索画面が表示されたりしますが、人に見られるのを気にして空白画面にしてしまうと、殺風景な画面になってしまい、機能性もなく不便に感じてしまうことは間違いなし。そんな時にChrome・Firefox用の拡張機能である「CaretTab」を使うと、新しく開いたタブに時計を表示することが可能です。 CaretTab, a simple New Tab replacement for Google Chrome | BlueCaret http://bluecaret.com/project/carettab ◆Chromeに「CaretTab」をインストール Google ChromeでChromeウェブストアの「CaretTab」にアクセスし、「CHROMEに追加」をクリック。 「『CaretTab - New Tab C
無料で開いたタブのメモリ消費量が確認できるFirefoxアドオン「Tab Data (+Memory usage)」
どのタブがメモリをどれだけ消費しているか一目で分かる無料のFirefoxアドオンが「Tab Data (+Memory usage)」です。メモリ消費量上位5位までのタブの表示や、不要になったメモリ領域を解放するガベージコレクションを実行する機能も付いています。 Tab Data (+Memory usage) https://addons.mozilla.org/ja/firefox/addon/tab-data/ 上記サイトの「＋ Add to Firefox」をクリック。 「今すぐインストール」をクリック。 「Tab Data がインストールされました。」と表示されたらインストールの完了です。 Firefoxのタブにメモリ消費量が表示されます。なお、20MB以上のメモリ消費量のタブは赤色で表示されます。 開いているタブの中で、メモリを多く消費しているタブを確認する場合、ブラウザ右上の
Firefoxでメニューバーを表示する方法のまとめ
Firefoxでメニューバーを表示する方法のまとめです。 １．はじめに 最新のFirefox（執筆時点では36）の新規インストールでは、デフォルトでメニューバーが表示されないようです（アップグレードであれば表示されているかもしれません）。 メニューバーが非表示の状態 メニューバーに変わる操作は次のような右側にあるメニューボタンから行うようになっていますが、なれないと使いにくいです。 下がメニューバーが表示された状態のスクリーンショットです。 メニューバーが表示された状態 調べてみたところメニューバーを表示する手順がいくつかあるようなので、本エントリーでまとめてみました。 ２．タブエリアを右クリックしてメニューバーを表示する 一番簡単なのは、タブエリアを右クリックして表示されたコンテキストメニューから「メニューバー」を選択する方法です。 右クリックする位置が上にずれると、次のようなエクスプロ
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法
Firefox29でリロードボタン・停止ボタンの位置を移動させる方法を紹介します。 １．はじめに Firefox29になってレイアウトが変わりました。 それによりカスタマイズできる内容も変更されたようです。 Firefox29のリロードボタンは、アドレスバーの右側に表示されています（停止ボタンはリロード中に同じ位置に表示）。 Firefox29のリロードボタン Firefox28のリロードボタンもアドレスバーの右側に表示されています。 Firefox28のリロードボタン が、Firefox28までは「ツールバー」→「カスタマイズ」でリロードボタンを移動することができました。 Firefox28：「ツールバー」→「カスタマイズ」でボタンの移動が可能な状態 Firefox28：リロードボタン・停止ボタンを移動したところ が、Firefox29以前ではカスタマイズ画面を表示しても、リロード・停止
右クリックで画像保存ができない時のもっと楽な方法 | WWW WATCH
ライフハッカーさんで、Web ページ内の画像を右クリック保存できないときに、Google Chrome や Firefox のインスペクタから、該当のソースコードを見つけて云々みたいな方法が紹介されていたんですが、インスペクタ開くところまで行ったなら、もっと簡単に Web ページ内で読み込まれてる画像を見る方法があるので書いてみます。 右クリックで画像保存ができない時はこの方法を試すべし！ : ライフハッカー Google Chrome の場合は 「インスペクタ」 → 「リソース」 タブ Google Chrome の場合は、ページ内で右クリックしてコンテキストメニューを表示、「要素を検証」 までは記事で書かれている通りでいいんですけども。 その後、要素を見るんじゃなくて、そのすぐ横にある 「Resources」 タブをクリックして、ちょいとを見ると、「images」 ってところに見ている
FirefoxでPDFの表示が崩れる場合の対処
FirefoxでPDFの表示が崩れる場合の対処方法を紹介します。 １．問題点 Firefoxで確定申告書を作成していたのですが、最後の「印刷画面の表示」で表示されたPDFの文字の表示が大きく崩れていました。 （クリックで拡大：入力データはほとんどダミーです） そのときは原因が分からなかったので、Google Chromeで作成し直しました。 ２．原因 Firefox 19で機能追加された「PDFビューア」で表示されていることが原因です。 Firefox 19 リリースノート ちなみに、PDFビューアで見ると崩れていますが、ダウンロードしてAdobe Readerなどで閲覧すれば正常に表示されます。 ３．対処方法 ダウンロードせず、そのまま正常に表示するには、ツールバーの「ツール」→「オプション」をクリック。 「プログラム」タブにある「PDF文書(PDF)」をクリック。 プルダウンメニューの
Firefoxでタブを縦に表示できるアドオン「Tree Style Tab」
Firefoxでタブを縦に表示できるアドオン「Tree Style Tab」を紹介します。 以前、Google Chromeの「Sidewise Tree Style Tabs」を紹介しましたので、それとの比較も踏まえながら解説します。 １．概要 本エントリーで紹介する「Tree Style Tab」は、タブを縦に表示し、名前の通り、タブをツリー化することが可能です。 ２．インストール メニューバーの「ツール」→「アドオン」をクリック。 「Tree Style Tab」で検索。 表示された「ツリー型タブ（Tree Style Tab）」の右側にある「インストール」をクリック。 「今すぐ再起動する」をクリック。 これでタブが縦に表示されます。 「Sidewise Tree Style Tabs」とのもっとも大きな違いは、既存のタブが表示されなくなる点です。 ３．使い方 通常のタブと同じように
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
Firefoxで3Dが表示されない場合の対処
Firefox 11以降では3D表示（ページインスペクタ機能を利用）が可能です。が、どういうわけか3Dにできないケースもあるようです。私がそうでした。 ということで、Firefoxで3Dが表示されない場合の対処方法について紹介します。 １．3D表示する 対処方法は後回しにして（笑）、まずは3Dの表示方法から説明します。 メニューから「Web開発」→「調査」を選択。または画面を右クリックして「要素を調査」を選択。 ブラウザ右下に表示された「3Dビュー」をクリック。 これで3Dビューに切り替わります。マウスでドラッグすれば方向を変えられ、ホイールでズームイン・ズームアウトができます。 ２．問題点 ところが、冒頭で述べたとおり、私の環境では「3Dビュー」ボタンが表示されませんでした。 ネットを検索しても、 「3Dこんな風に表示されました！すごい！最高！」 という、まったく苦労せずに表示されました
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA