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
ChatGPTを手軽に使えるChrome機能拡張3選 有能なアシスタントを雇った気分になれるかも
2月上旬にマイクロソフトがChatGPTを検索用にカスタマイズし、さらに高速で正確に動く対話式のAIをWebブラウザの「Edge」と「新しいBing」に導入すると発表しました。私も、先日やっと順番がまわってきたので、新しいBingを試すことができました。 とりあえず、信ぴょう性含めて判断するには、自分のことを調べるのがいいので、自分の名前で検索してみましたが、サジェストされた候補を4回ほどクリックするだけで、私と私がデザインしたカバンがあること、そして、そのすてきなレビュー動画をあるところまで辿り着きました。 まだまだレスポンスは少し遅いですし、リンク先の情報がマウスオーバーで表示されるまでには少し時間がかかりますが、なんとなく分かっているんだけど思い出せない言葉やその周辺情報、全く知らないジャンルのことをなんとなく把握したいときなどには十分に使えます。 ChatGPTの、ただテキストが並
Gutenberg Hub
A Hub for WordPress Block Editor, Gutenberg Gutenberg Hub is a great place to learn about the WordPress Block Editor. It offers tutorials, tips, blocks, patterns, and more resources. You can also buy premium Blocks and patterns, and other Gutenberg goodness to enhance your website. 💌 Join Our VIP Subscriber Club! Subscribe for special promotions, offers, freebies, and the latest updates and news
Live edit any website, no code required
Mock up and illustrate potential changes. Save hours and dozens of back-and-forth emails with your designers and developers when asking for small changes just to test things out. Save time and hassle. Turn any website editable with a single click, so you can do your own modifications without a designer or developer. Edit empowers you to stop depending on people to test things out.
無料＆簡単にウェブサイトの文章をメモ帳感覚でどんどん保存可能、HTML変換もできて便利なChrome拡張機能「Quotebacks」を使ってみた
ウェブサイトのテキストをブログやホームページに埋め込める形式で簡単にコピーできる「Quotebacks」は無料で使えるGoogle Chromeの拡張機能です。HTMLやマークダウン形式に対応した引用形式でもテキストをコピーできるというQuotebacksの使い心地を実際に使って確かめてみました。 Quotebacks - quote the web - Chrome ウェブストア https://chrome.google.com/webstore/detail/quotebacks-quote-the-web/makakhdegdcmmbbhepafcghpdkbemach Google Chromeに「Quotebacks」を追加するには、上記のURLにアクセスし「Chromeに追加」をクリック。 「拡張機能を追加」をクリック。 アドレスバーの右側に「→」のマークが追加されていれば、
任意のWebページのソースコードをダークモードで表示、コード整形も可能なブラウザ拡張・「Night Viewer」
Night Viewerは任意のWebページのソースコードダークモードで表示、コード整形やフォントサイズの変更も可能なブラウザエクステンションです また、JavaScript等によるHTMLの変更の前後のソースコードもチェック可能。対応ブラウザはChromeやEdge、Firefoxです 試しにつかってみました
Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」
StyleStashはWebページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なChromeエクステンションです 任意の要素ピンポイントでDevtoolsのインスペクタが使えて複数スタイルも保存可能、みたいなのです 使ってみたら結構便利でした 使ってみた ↑ 使ってみました。エクステンションを起動するとWebページの任意の要素のマウスホバーする事で適応されているCSSが表示されます ↑ 編集したい要素をクリックすれば表示されていたCSSがエディターモードに変わりますので編集を加えれば即反映されます ↑ 編集したスタイルはstashボタンで保存できます。スタイルは複数保存できて、後でワンクリックでその要素を保存したスタイルに変更できるようになります あとは気に入ったスタイルのコードをコピーして利用する、みたいな流れになります。保存したコードはブラウザの
無料でSNSなどの複数アカウントに1つのブラウザで同時ログインできる拡張機能「SessionBox」
TwitterやFacebookといったSNSで、複数のアカウントを作成して用途に合わせてアカウントを使い分けているという人も多いはず。しかし、同一のブラウザから別々のアカウントにログインすることはできないため、複数のブラウザを使い分けたり、プライベートブラウジングモードを駆使したりしなければならず、面倒なものです。そんな時に役立つのが無料の拡張機能「SessionBox」で、お気に入りのウェブサイトに同時に複数アカウントでログインすることが可能になります。 SessionBox - Multi login https://sessionbox.io/discover Chrome版の拡張機能は以下からインストールできます。なお、SessionBoxの拡張機能はFirefox版とOpera版もありますが、Firefox版は記事作成時点ではインストールに失敗してしまいました。 Session
Vue Chrome Extension: Build a Browser Add-on with Vue.js — SitePoint
In this tutorial, I’m going to show you how to build a simple Vue Chrome extension. Our extension will alter the behavior of the new tab page. For the JavaScript part of the extension, I’ll be using the Vue.js framework, as it will allow us to get up and running quickly and is a lot of fun to work with. Browser extensions are small programs that can modify and enhance the functionality of a web br
すぐにChrome拡張機能開発できるオープンソースのテンプレート「Chrome Extension CLI」
◆ Chrome Extension CLI https://github.com/dutiyesh/chrome-extension-cli 紹介 「Chrome Extension CLI」は、npmを使って簡単にChrome拡張機能の初期セットアップができるオープンソースのテンプレートです。 $ npm install -g chrome-extension-cli /usr/local/bin/chrome-extension-cli -> /usr/local/lib/node_modules/chrome-extension-cli/index.js + chrome-extension-cli@0.2.0 added 21 packages from 11 contributors in 2.879s まずは、Chrome Extension CLIをインストールします。 $
デザイナーにおすすめのChrome拡張機能まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは デザイナーのミライです。 ジャスの意味がわかるやつは大体友達。 今回はデザイナーにオススメしたいChrome拡張機能を紹介します！ みなさんの日々の業務が、便利なツールで心地よくなりますように。 ※ 導入方法や詳細な使用方法などは、本記事では割愛させていただきます。 01.デザインに役立つやつ Muzli 2 – Stay Inspired デザイン系の情報を集めるならMuzliです。「新しいタブ」で Muzliを毎日見ていればトレンドを追い続けることができそうですね。「dribbble」「Award系のサイト」「クリエイティブ系のブログ」などからの情報が表示されています。 Chrome ウェブストア 提供サイト ColorZilla サイトから色を抽出できる、カラーピッカーです。 抽出しヒストリーを保存してくれたり、1箇所だけでなくページ全体から抽出できる機能があったりして、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
全部知ってる？Web制作に役立つChrome拡張機能まとめ！デザイン・コーディング・APIから運用まで！ | 株式会社ウェブ企画パートナーズ
vue-web-extension を使って Chrome 拡張機能を開発する方法
Keepa - Amazon Price Tracker
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」