検索バーへの入力をショートカットできるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパンAnkerさんありがとう。デスク配線が片付く12 in 1モニタースタンドがほぼ1万円引きはおかしい #楽天5のつく日
気軽にデスクトップを録画して、コメントも入れられるChrome拡張機能 | ライフハッカー・ジャパン
家族にコンピューターのトラブルシューティングを頼まれ、詳しい友達に画面を見せながら状況を説明したい。ゲームをしていて、今から披露するスゴ技をサクッと録画したい。そんなときに便利なのが、Chrome拡張機能「Loom」です。 Loomは、ブラウザの特定のタブ、開いているアプリ、デスクトップ全体をシンプルに録画するための拡張機能です。インストールしてかんたんなセットアップを完了すると、Chromeのオムニバーの隣にLoomのアイコンが表示されるようになります。 Screenshot: David Murphy via LoomWebカメラ、画面、両方（左下に丸いウインドウで顔が入る）など、撮影元を選べます。下の画像は、両方を選んだ場合のスクリーンショットです。 Screenshot: David Murphy via Loomまず、録画対象として、デスクトップ全体かChromeのアクティブなタ
Google Chrome上でマイクから録音した声をリアルタイムで文字に書き起こしてくれる「The Recording Studio」
「Recording Studio」は、Chromeに対応している音声認識API「SpeechRecognition API」を利用してマイクから録音した声を音声認識によってその場で文字に起こしてくれるウェブツールです。オンラインのブラウザ上で動作するのでダウンロードやインストールは不要で、開発したみずちさんが無料で公開しています。 Recording Studio https://recording-studio.netlify.com/ ブラウザでマイク入力から書き起こしを行うツールを作った - mizchi's blog https://mizchi.hatenablog.com/entry/2019/01/20/203241 Googleは音声ファイルをAIが認識して文字にしてくれる「Cloud Speech-to-Text」という有料サービスを提供しています。Google Clo
無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」
画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ
Chromeで不要なCSS/JavaScriptを洗い出す
こんにちは！ 開発部の武内です。 Webフロントエンドの開発はここ数年で急激に高度化していますが、 それを大きく後押ししている一因にブラウザ付属の開発ツールがあります。 Chrome、Firefox、Edge、Safariなどに付属していますが、どれも非常に高機能です。 Webフロントエンドエンジニアで使っていない方はいないのではないでしょうか。 グラフィカルなデザイン調整 コードのステップ実行 通信のロギング etc… 今回、Chrome 59のアップデートでCSS/JavaScriptのカバレッジ機能が追加されたので試してみました。 CSS and JS code coverage What’s New In DevTools (Chrome 59) Find unused CSS and JS code with the new Coverage tab. When you load
色盲・色弱の人にWebページがどのように見えているかシミュレートできるChromeの機能拡張 -Colorblindly | コリス
色盲や色弱の人がどのように見えているかシミュレートできるオンラインサービスはいつかありますが、テストサーバーやローカルで利用できないのが残念なところです。 色盲・色弱の人の見え方をシミュレートできるChromeの機能拡張を紹介します。
サイトのSEOチェックができるChrome拡張機能「Checkbot」
検索エンジンからのサイトの評価は、年を追う毎に多様化し、チェックするのも大変な状態になってきていますよね。 本来であれば、そんな事に時間を使うよりもユーザーのためになるものは何かを追求していくべきでしょうけれども、とはいえできるかぎりマイナスになるようなことは、コストが見合う限りはなくしておくべきでしょう。 今回は、そんな多面的にサイトをチェックする手間ひまを軽減してくれるツールをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトをクロールしてSEOチェックができるChrome拡張「Checkbot」 「Checkbot」は、指定したサイトをクローリングすることによってSEOガイドラインや読み込みスピード、セキュリティの面からのチェックをおこなえるChrome拡張機能。 Goo
CodePenっぽいコードプレビュー・管理のできるChrome拡張【Web Maker】
2017年10月24日 便利ツール 先日行ったCSS Nite in HIROSHIMA Vol.10では初めてのライブコーディングを行いながらの登壇でした。今回はそこでコーディングデモを見せるために利用したツール「Web Maker」を紹介します。 ↑私が10年以上利用している会計ソフト！ Web Makerって何？ Web MakerはHTMLやCSS、JavaScriptのコードを書けば、リアルタイムでプレビュー表示できるChrome拡張です。こういったコードのプレビュー・保存はずっとCodePenを使っていましたが、Web Makerのいいところはオフラインで使えるところ！CSS Nite in HIROSHIMAの会場ではWifiが利用できなかったのと、仮にインターネット環境があったとしても遅延があると嫌だなぁということで今回はWeb Makerを試してみました。 ちなみにCod
Web制作者のためのおすすめChrome拡張15
2018年1月16日 Webサイト制作, 便利ツール 普段使っているChromeをより便利にしてくれる拡張機能。私も様々なものを入れていますが、その中でもWeb制作時に使える便利拡張をいくつか紹介します。Firefoxに対応しているものもありますよ！ ↑私が10年以上利用している会計ソフト！ Web Developer Chrome拡張｜Firefox Add-on｜GitHub｜公式サイト Webに携わる人は入れておいて損はない拡張のひとつ！長年利用させていただいてます。1クリックでCSSやJavaScriptを無効化したり、画像の非表示、様々なデバイスサイズでの表示、クラスやID名の表示、定規やカラーピッカーまで揃っています！カラーピッカーはCSSで定義されたものだけでなく、画像からも抽出できるのがすごい。日本語版もあるので試してみてくださいね。 CSS Peeper Chrome拡張
ChromeでWebGLが使えない場合の対処法｜おおいし (bicstone)
「『WebGLがブロックされました』が表示される」、「タブが落ちる」、「WebGL自体が実行されない」「このウェブページの表示中に問題が発生しました」というChromeでWebが使えない問題の解決方法を紹介します。 「WebGLがブロックされました」とはWebGLが正常実行出来なかったので強制終了したというメッセージです。 1. WebGL機能が無効になっている場合WebGL自体が動作するか確認できるサイトが有りますのでこちらで確認します。 アクセス先で「Your browser supports WebGL」が表示されればWebGLが機能している状態ですが、下記のようにメッセージが表示されている場合は、WebGLが機能していない状態です。ハードウェアアクセラレーションを有効にしてください。 Hmm. While your browser seems to support WebGL, i
豆腐フィルタ
2020/10/03 uBlock Originのクソ采配により、このページから新規購読することが出来なくなりました。 Githubに飛んで購読してください。 フィルタを購読する (中身を見る) フィルタについて 日本向けです。海外サイトの広告をブロックしたい場合は海外用のフィルタがありますのでそちらを使ってください。 広告とアクセス解析をブロック 基本的にこの2つ以外には手を出しません。その他の物をブロックしたい場合は、他のフィルタリストを購読するなり各自でフィルタを追加するなりしてください。 広告や解析であってもブロックしない場合があります。 ブロックしてしまうと不具合が出る場合 コンテンツの一つとして成り立っている場合 (例:ニコニコ動画の時報やニコニコ市場)等 豆腐フィルタを使用するにあたっての注意事項 当サイトの豆腐フィルタを使用した場合以下の事項に同意したものとみなします。 豆
スクリーンショットを撮るのはChromeがいちばん?! | DevelopersIO
新しい職場、新しいパソコン。まず始めに入れるツールの一つがスクリーンショットではないでしょうか。 でも、Chromeのver.59からは、標準機能として装備されたようなのです。 やりかた ChromeのDevelopers Toolを立ち上げる。 Macだと、Chromeを開き「alt + command + i」を同時に押す。 レスポンシブ表示にする 続いて、command + shift + m を押します。または、下記のボタンを押してください。 画面上部に、解像度やデバイスを変更するセレクトボックスが表示されます。 デバイスの選択肢を増やす 必要最低限はありますが、PCのスクリーンショットも取れるようにしたいので、Editを押します。 デベロッパーツールの表示が切り替わるので、「Laptop with HiDPI Screen」と「Laptop with MDPI Screen」をチ
6 New Free Gmail Extensions for Chrome You Need to Install
As good as Inbox by Gmail is, there are still many who use good old Gmail. And developers make more extensions for them. If you use the mighty combination of Google Chrome and Gmail, there are some new add-ons you need to check out. All the extensions are about being more productive in your inbox. Whether it's speeding up attachments or writing notes and reminders, these tools help get things done
Remove unwanted ads, pop-ups & malware - Computer - Google Chrome Help
You might have unwanted software or malware installed on your computer if you experience: Pop-up ads and new tabs that won't go away Your Chrome homepage or search engine keeps changing without your permission Unwanted Chrome extensions or toolbars keep coming back Your browsing is hijacked, and redirects to unfamiliar pages or ads Alerts about a virus or an infected device Tips: Use Safe Browsing
各ブラウザからパスワードを抜き出すフリーソフト「WebBrowserPassView」
Internet Explorer/Firefox/Google Chrome/Operaに保存されている各サイトのパスワードを抜き出して表示してくれるのがこのフリーソフト「WebBrowserPassView」です。極めてシンプルな機能なのですが「あのサイトのパスワードってなんだったっけ？」という時に地味に役立ちます。 使い方などは以下から。 ※パスワードを抜き出すというソフトウェアの特性上、常駐させて使用しているアンチウイルスソフトやセキュリティソフトによってはスパイウェアやマルウェアとして反応することがありますが、誤検知なので問題ありません。 WebBrowserPassView - Recover lost passwords stored in your Web browser http://www.nirsoft.net/utils/web_browser_password.h
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
ワンクリックでDropboxやGoogle ドライブにアップロードできる拡張機能「Balllon」 | ライフハッカー・ジャパン
「Balllon」はワンクリックでDropboxやGoogle Driveにアップロードできる拡張機能です。画像やリンクをDropboxやGoogle Drive、Box、One Driveにアップロードすることができます。拡張機能を入れるだけでワンクリックでアップロードできるので便利。 以下に使ってみた様子を載せておきます。まずBalllonへアクセスしましょう。Google Chromeに拡張機能をインストールします。その後、DropboxやGoogle Driveなど使いたいサービスを連携させることで利用することができます。 このように右クリックメニューから各種ウェブサービスへ画像、リンク、ファイルをアップロードできます。右上に表示されているアイコンからもアップロード可能です。気になる画像やファイルがあればすぐにアップロードできるので入れておくと便利ですね。ぜひご活用ください。 Ba
Adblockよりもはるかに軽い広告除去ツール「µBlock」を使ってみました
ウェブページの広告を非表示にすることで表示速度をアップしようとAdblockなどの拡張機能をインストールしてみたものの、かえって動作が重くなってしまうということがあります。そこで、広告を非表示にできAdblockよりもはるかに軽いと評判の拡張機能「µBlock」を使ってみました。 gorhill/uBlock · GitHub https://github.com/gorhill/uBlock ◆µBlockについて 広告を非表示にしてくれるブラウザの拡張機能としては「Adblock」が圧倒的に有名ですが、最近、企業からお金をもらってホワイトリストに追加するという動きをAdblockが見せ始め、デフォルト設定で表示される広告が増え、さらに、「以前より動作が重くなった」という意見がちらほら聞こえ始めています。 GoogleやAmazonは広告を消す拡張機能「AdBlock Plus」にお金を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Maker
smartUp Gestures
