ワンコンテンツ

web制作とかiPhoneのこととか書いていきます

Web/Design/Creative

Web屋が使うGoogle Chrome エクステンションまとめ

投稿日:2017/7/19 更新日:

このエントリーをはてなブックマークに追加

仕事上ブラウザはよく使う方ですが、ウェブ制作するうえで必須だと思っているエクステンションをまとめました。

pasty

サイトをチェックしたりするとき、複数のURLを一つづつヒライていくのはメンドクサイので、この機能拡張を入れました。

コピーした複数のURLをそれぞれタブで開いてくれるようになるので、たくさんのページも一気に開けます。

Pastyの使い方

Pasty

Website IP

見ているサイトのグローバルIPを画面の端に小さく表示してくれます。

サーバー移管やDNS切り替えなどのIP確認する時に使っています。

Website IP

FireShot

画面キャプチャを取って保存したり、コピーしたりできる機能拡張です。

画面の一部を切り取って保存したり、長いページでも画面全体を保存してくれる機能があるので自由度が高いので便利です。

FireShot

Link Checker

開いているページの中に有るリンクが正常につながるかチェックする機能拡張です。リンク切れを探したりするときに追加います。

LinkChecker

open in Firefox

今開いてるページを他のブラウザで開く機能拡張です。ブラウザを変えてチェックするときに使っています。

ボタンを押すだけで今開いているURLをFirefoxで表示してくれるのは便利です。

open in Firefox

Xmarks Bookmark Sync

ブラウザのブックマークを他のブラウザと同期するプラグイン。
ブラウザを切り替えて作業するときに、環境がなるべく変わらないようにするために使っています。iCloudのブックマーク同期を併用すればiPhoneとも同期して、ブックマークを同期することが出来ます。

パスワードの同期する機能もありますが、あまり信用できる確証がないので使っていません。

Xmarks Bookmark Sync

web developer tool

その名の通り開発向けの機能が詰まっているツールです。

機能が多すぎて説明する事は難しいけれど、入れておいたほうが作業が捗ることは間違いないですね。

web developer tool

Mouse Gesture Events

マウスの動きでブラウザの動きをコントロールできるプラグイン。

例えば「右クリック」+「↓にドラッグ」で開いているタブを閉じる、など個別に設定可能。
使いやすい用に設定を変えることで作業の効率化になります。

ただ、Macだと右クリックの時にサブメニューが出てくるので正直使えないです。

Mouse Gesture Events

広告

広告

このエントリーをはてなブックマークに追加

-Web/Design/Creative
-, , ,

執筆者:

関連記事

ウェブページにおける画像には2つの役割がある:ウェブデザイン

今回はウェブの作り方のお話です。特にウェブデザイン独特の考え方でもあるのですが、私がデザインを教育する際に必ず入れる考え方です。これからデザインに取り組む方は参考にしてもらえると幸いです。画像の作り方 …

Firefoxに搭載されたスクリーンショット機能はイマイチ物足りなさを感じさせる

Firefoxで以前からアナウンスがあったとおり最新のバージョンアップ(Ver.56)においてスクリーンキャプチャ機能(以下、Screendshots)が標準機能として追加されました。 使ってみた感想 …

Searchイメージ写真

新しいSearch ConsoleでURLの削除申請をする方法:Google

GoogleにインデックスされているURLを削除しようとして新しいサーチコンソールを見てみたら、見つからない?どこにあるのか調べてみました。

2018

2018年で最もアクセスされた記事まとめ

2018年も繰り返すところあと数日になりました。 今年の個人的な思い出としては第二種電気工事士の資格に挑戦して9月に無事取得できたことは大きな出来事だったと思います。おかげで受験勉強の期間中はブログの …

知っておくと3倍作業が早くなるエクセルHTMLコーディング術

  エクセルでHTMLコーディングって聞いて、普通はありえない組み合わせだと思ったでしょ? HTMLコーディングをする際にテキストエディタやDreamweaverなどのオーサリングツールを使 …

検索

サイドAD02

AD