DOMの構造を調査する、要素のサイズを測る、要素のみのキャプチャを撮る、画像ファイルを抽出する、カラーやテキストを編集するなど、これらWeb制作に便利な機能がまとめて、しかも高性能で快適に利用できるChromeの機能拡張を紹介します。 それぞれ単体の機能拡張を使用している人は、一つにまとめられて簡単だと思います。 CanvasFlip CanvasFlipの機能 CanvasFlipのインストール CanvasFlipの使い方 CanvasFlipの機能 CanvasFlipは先日リリースされたばかりの新しい機能拡張で、私も先週から使用していますが、かなり便利です。パネルのUIも操作しやすく、ページに表示されるハイライトやメジャーも見やすいと思います。 ページの基本情報。 指定した要素のプロパティを表示するインスペクタ。 インスペクタでスタイルを変更すると、すぐにページに反映されます。 メ

毎年少しずついらないものといるものを整理しているわけですが、最終的に活躍しているChrome拡張はやっぱすげーなと思うわけですね。 そんなわけでまだまだ現役で働いてもらっているChrome拡張をご紹介します。 OneTab もはや説明不要のツールと言えるほど有名になったChrome拡張。 ボタン一つで全てのタブを1枚のHTMLファイルにリンクをまとめてしまうので、恐ろしく軽くなる。その上それが履歴代わりになるので、あとから開きやすい。かなり重宝しています。 これに関してはもう使わない理由が見当たりません。 Clear Cache いわゆるキャッシュ削除ボタン。 WEB制作している時に激しく便利。削除するデータを「Cache」のみ選択して使っています。この拡張アイコンをクリック、あとはリロードするだけでWEBキャッシュがクリーンになっています。 制作するときよくシークレットモードで試すのをお

5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show

先日、ビジターの方から教わったのですが、これがまた便利すぎるので紹介します。 Googleの検索をはじめ、トレンド、アナリティクス、アドセンス、ドライブ、カレンダー、YouTube、ニュース、Googleフォント、翻訳など、Googleが提供するすべてのアプリ・サービスが1クリックで利用できるChromeの機能拡張を紹介します。 それぞれをブックマークしている人、Googleのトップから利用している人には、かなり便利だと思います。

This domain may be for sale!

普通に画像の寸法を測ったり、Divサイズを図ったり、フォントサイズを図ったりなんていうツールは大量にありますが、ブラウザで見えてるもの全てを測るなんてものは今までに無いでしょうね。 いや、ないですよね？え？ある？ とりあえずご紹介。 見えているものを測るとはどういうことか 例えばこちらのページ。 https://www.pakutaso.com/20151103315post-6250.html 以下のように、要素を測るなんて言うのは当然の機能として・・・。 この辺りから本気だしはじめます。 よく見るとテキストの『日』までの間を測っています。 おでこの範囲を測ることもできます。 二人の距離を測ることもできます。 ちょっとLaLaさんに近づきすぎですね。81ピクセルの距離。 ちなみに、どこからどこまでの距離を測るとか言うツールではなくて、マウスをそこに持って行ったら、勝手に距離を測ってくれる

自分はメインブラウザでChromeを使用しているのですが、調べものをしている際やブログでまとめ記事を作成する際はタブを沢山開くことが多々あります。 そこで今回は同じようにChromeユーザーで、普段からタブを沢山開いていることが多いという人には特に便利だと思う拡張機能を紹介します。 拡張機能は便利ではありますが入れすぎてしまうとそれが原因で動作が重くなったりと逆にストレスになることもあるので、現在も紹介している全ての拡張機能を使用しているというわけではないですが、紹介するのはいずれも普段から自分が使用しているものや過去にしばらく使用したことがあるものになるので、まだ使ったことがない拡張機能があれば是非使ってみてください :) OneTab 自分が今回紹介している中でもかなり使用頻度の高い拡張機能のひとつがこの「OneTab」で、有効化後に追加されるアイコンをクリックするだけで現在開いている

なんのかんのでメインブラウザをChromeにして久しいのですが、増えすぎて整理が追いつかず悩みの種だったブックマークをめちゃくちゃ使いやすくしてくれる拡張機能DEWEYを導入してみました。タグ付けめっちゃ捗るんですけど！！ これはオススメだ！ DLはこちら：Dewey. Better bookmarks for Google Chrome™ Chromeのブックマークに「タグ付け」 この拡張機能は@Jacminik さんのツイートで知りました。ｱｻﾞﾏｽ！！ﾊﾖｻﾞｲﾏｽ！！！ 今までずっと求めていたブックマークをタグで管理／検索出来る機能拡張がついに出た！ [Link] Dewey. Better bookmarks for Google Chrome™ : http://t.co/XXtHz3H7Ag — masahiro k. (+Beans) (@Jacminik) 2014, 2

Unclrd Unclrd has thousands of free online games for both young and old. Play action, racing, sports, and other fun games for free at Unclrd. Play Now!

2014年02月14日19:06 音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した https://narumi.blog.jp/archives/3405214.html音楽再生に特化したChrome拡張「Streamus」が便利すぎてiTunesから曲を消した よく仕事中にiTunes立ち上げて音楽を聞いたりしていますが、考えてみたらプレイリストにある音楽ってほぼ全部YouTubeにもアップされてるんですよね。ってことはYouTubeで聞けばいいじゃんって思うんですが、聞きたい曲を「探す→再生する→止まる→また探す」っていうのが非常に面倒くさい。 そしたらGoogle Chromeの拡張で、YouTubeにある曲をBGM代わりに再生するのにぴったりなものがありました。「Streamus」というやつです。 Streaming YouTube m

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

「Feedly」は、米Lifehackerの読者投票でもトップになったRSSリーダー。だからといって、改善点が1つもないわけではありません。 そこで、Feedlyを一層便利にしてしまう拡張機能とユーザースクリプトを紹介します。 1．バックグラウンドでタブを開く デフォルトでは、リンクをクリックすると新しいタブが開きます。これは便利なのですが、せっかく読んでいたタブが見えなくなり、集中力を削がれてしまいます。たくさんのタブを同時に開いておきたいあなたには、Chrome用の「Feedly Background Tab」という拡張機能がおすすめです。記事の上で「;」を押すと、バックグラウンドでタブが開きます。Firefox向けには、こちらのユーザースクリプトで同じことが可能です。 2．懐かしのGoogleリーダーの外見にする 懐かしのGoogleリーダーに心を奪われたままのあなたは、Chrome

最近、Windows7をシャットダウンする際に「バックグラウンドシステムの終了を待っています…」と表示され、なかなか終了されないことが多くなっていました。 原因を調べてみたところ、Chromeのバックグラウンドアプリ機能が原因であることがわかりました。 photo credit: PromoBlog via photopin cc 設定解除の方法 ↑Chromeの「設定」から「詳細設定を表示…」を選びます。 ↑「バックグラウンドアプリ」の項目のチェックボックスをオフにします。これでOKです。 バックグラウンドアプリとは？ 拡張機能やウェブ アプリの多くは、機能を実行するためにバックグラウンド ページを使用します。 （中略…） 高度な機能を提供するために、Google Chrome のウィンドウがすべて閉じた後でも実行を続けるアプリもあり、バックグラウンド アプリと呼ばれます。 via バッ

ChatGPTは「努力の必要性をタイムリープさせるツール」。#100日チャレンジで人生が変わった大塚あみさんのAI活用術【使える!AIワークハック】

Download to Dropboxはウェブ上のデータをDropboxに直接保存できる拡張機能です。 画像や動画、zipファイルなどどんなものでもそのままDropboxへ転送できます。 わざわざローカルのDropboxのフォルダを指定して保存することなく、 ワンクリックでDropboxへ転送できる手軽さが便利です。 以下に使ってみた様子を載せておきます。 まず「Download to Dropbox」にアクセスしましょう。 Chromeに拡張機能をインストールします。 インストール後、拡張機能を使おうとするとDropboxへのアクセス権限を求められるので許可します。 このようにDropboxへ保存したい画像やファイルの上で右クリックし、 「Upload to Dropbox」を選択すると、直接あなたのDropboxへダウンロードできますよ。 Dropboxをよく利用する方には重宝する拡張

書籍代を大幅削減できるかも!?――Google Chromeの拡張機能「その本、図書館にあります。」が便利だと話題になっている。Amazonで売っている本が図書館にあるかどうか手軽に確認できる。 利用方法は、プラグインをインストールしてChromeのツールから任意の図書館を指定しておくだけ。設定した後に、Amazonの書籍ページを開くと図書館にあるかどうか表示されるようになる。取り扱っていた場合、表示されたリンクから直接、図書館の予約ページに飛ぶことができる。 開発者はkanakogiさん。書庫検索には図書館の蔵書検索サイト「カーリル」のシステムを使った。ブログには「書籍代をおさえたい」のはもちろんのこと、「図書館が好き」であり「もっと図書館へ行こう！」との思いから作成したと記している。 advertisement 関連記事 「ウサギのできそこないが2匹でてくる絵本」ある？　福井県立図書館