GoogleChrome

今日はWebディレクターとして日々仕事をしている私が愛用している、Google Chrome 拡張機能をまとめてご紹介します。 全部で14個。特にWebデザイナー・フロントエンジニアなど、Web制作に関わる人にとって役立つものを中心に集めました。

Chromeでタブをいっぱい開いてしまいがちなアナタへ。いちいちマウスで選択したり、ctrltabで切り替えたり、そんな面倒な手間から開放されるときです。 拡張機能「Tabbs」を使えば、タブ切り替えがキーボードだけで完結。commandKで拡張機能を呼び出し、キーワードを入力すれば、それだけで目的のタブまで一瞬で飛べるのです。

僕は複数のGoogleアカウントを持っている。〈プライベート用Gmail〉と〈会社から支給されているGmail〉と〈bamkaとしてのGmail〉の3つだ。 ひとつにまとめられたらいいのだが、それぞれが違う役割をもっているので、どうしても分散してしまう。 アカウントの使い分け 【プライベートアカウント】 プライベート用のアカウントが基準点。写真はすべて、このアカウントのGoogle Photoに集約していて、他にもプライベートな予定としてGoogleカレンダーも活用している。 【仕事アカウント】 仕事のメ ...

Google Chromeを使用していて、突然以下のポップアップが表示されて、非常に焦った方も多いと思います。 「パスワードの確認：サイトまたはアプリでのデータ侵害により、パスワード情報が漏洩しました」という仰々しいアナウンスですが、焦る必要はありません。 まず最初にお伝えしなければならないのは、これは Google Chrome の正式なアラート・サービスである点です。 ウイルス・マルウェア・なりすまし・詐欺の類ではありません。 また「このポップアップが表示された今この瞬間にパスワードが漏洩した」という ...

オフラインの状態で Google Chrome（くろーむ） を開くと以下のような画面になります。この状態でスペースキーを押すと、そのまま「恐竜ジャンプスクロールアクション：Dino Game」が始まります。 これをiPhoneのウェブアプリとして遊ぶことができます！以下のストアでウェブページを開くだけで、アプリのインストールなどは不要。お手軽にできますので、暇つぶしにどうぞ。 Appscope Appscope is a directory of Progressive Web Apps, showcas ...

Evernoteの代わりとして、自分だけの自分用Wikiを作るのに役立っているNotion。 ウェブ上で見つけたサイトを、ブックマーク代わりに使うにも、Notionはとても便利なのだ。 URLを貼り付けるだけで、記事のサムネイルを作ってくれたり——。 なんなら、クリップした記事をページ内に埋め込んで、直接ページ内で表示させるようにもできるのだ これを利用すれば、自分用のスクラップブックなんて、すぐにできあがってしまう。 さて、こうしたウェブクリップをするうえで、Notion用のウェブクリッパーは欠かせない ...

ウェブサービスなどにログインするときに使うパスワード。これは基本的に、他人に見られて流用・悪用されないように「****」と、表示は伏せられる。 しかしときには、この伏せられた「****」の中身を確認したいときもある。そんなときに使える便利なChrome拡張機能「Reveal」と、正規にパスワードを確認する方法をご紹介しよう。

こだわりはじめると、どこまでも追求したくなるテキストエディタの世界。 MacやiPhoneにインストールする、アプリタイプのテキストエディタも良いですが、最近ぼくが愛用しているのが、ブラウザ上で使えるテキストエディタです。 最近だとDropboxの「Paper」や、Googleドライブ内で使える「Googleドキュメント」なども、同タイプの「ブラウザ上で使えるテキストエディタ」ですが、個人的におすすめしたいのが「HackMD」というウェブアプリ。 リンク：HackMD - Collaborative ma ...

あまり良い習慣ではないかもしれませんが、動画を見ながら作業をしたいときってあります。長時間の単純作業だと特に——。 そんなときに便利なのが「ピクチャー イン ピクチャー（PIP）」という機能。Youtubeで流している動画を、Chromeのウインドウから切り離して、パソコンの画面端に常に表示しておくことができます。

私の調べ物のスタイルとして、気になったページはとりあえず別タブでガンガン開いて、それらの記事を後からゆっくり見ていくのです。そうするとこんな感じで、参考サイトでいっぱいになったChromeができあがります。 これらの記事を読み進めていって、参考になったもの・残したいものはそのままに、不要なページや役に立たなかったページのタブを消していきます。 すると、自分が欲しい情報がまとまったページだけが、タブで開かれている状態になるわけですね。 さて、ここに残ったタブで開いているすべてのページのURLを一気にコピーし ...

Google Chrome で使える便利な拡張機能のご紹介。「Copy URL+」といいまして、「いま開いてるウェブページのタイトルとURLを一瞬でコピーできる拡張機能」となっています。 コピーするフォーマットを自由にカスタマイズも可能。html形式でコピーするも良し、テキストデータとしてコピーするも良しです。 また自分の使いやすいようにショートカットキーを設定することもできます。

自分が制作しているウェブサイトのMETA情報（title・description・keyword）が、指定した通りちゃんと反映されているのか。これを確認するのもウェブディレクターの務めです。 しかし一ページ一ページ確認しているのは非常に面倒くさい。できれば一気に取得して、照らし合わせをしたい。 そんなときに便利なのが、Google Chromeの拡張機能「meta getty」です。

ボクはウェブディレクターとして、ウェブページの制作の管理進行を仕事としています。 ページに設定されているMETAの抜け漏れをチェックしたり、画像のaltの確認なども、ディレクターであるボクの仕事なのですが、これが意外と面倒だったりします。 でもやらなくちゃいけないわけで。 そういうときにボクが使っているのが、Chromeの拡張機能「SEO META in 1 CLICK」です。その理由は単純明快で「得られる情報が多くて、かつ見やすいから」です。

Webページを更新しても、キャッシュの影響で最新の状態を確認できない場合があります。 キャッシュとは…？ パソコンはインターネット上でホームページを表示させた際にそのデータを一時的に保存（キャッシュ）しておきます。そして再度同じページへアクセスしたときにサーバーのデータを取りにいかずに、自分のパソコン上にあるデータを取りに行くことがあります。 via: ブラウザのキャッシュ削除方法～ホームページが更新されていない!?～ ブログの更新やウェブサイトの改修を実施して、その結果を確認しようとしてもキャッシュが邪 ...

今日は主にウェブ担当者向けの内容を。 ウェブページのデザインやコーディングをチェックをしていると、こんなことを考えたりします。 「AとBの要素、ちょっとずれてる気がするんだけど、本当に直線位置にあるかな」とか、「このサイトのメインコンテンツ部分の横幅って何pxだろう？」とか。 サイト内・ページ内の要素の配置や長さを、目視だけで確認するには限界がありますよね。 そんなとき、Google Chrome の拡張機能「Page Ruler」を使えば、ウェブページ内の要素の “測る” ことができます。

ウェブページを見ていて、全角の数字と半角の数字が入り乱れているサイトを、たまに目にします。ブログの記事やニュースリリースもそうです。 世の中には全角と半角の違いなんて気にもとめないウェブ担当者が結構いるってことでしょうかね。 でも私は気になってしまう。というか、読んでいてとても気持ちが悪い。どちらかに統一して欲しいし、そういった記号や英数字は極力半角で表現するべきだと思うのです。

Chromeの拡張機能「Keyconfig」。カエレバのブックマークレットやアプリ誘導用のhtmlをワンクリックで生成したりと、非常に便利に使わせてもらってました。 例えば、 Amazonページ内で [ctrl]+[shift]+[k] でカエレバ起動 [ctrl]+[shift]+[l] で現在開いているページのタイトルリンクを取得 [ctrl]+[shift]+[i] でiPhoneアプリ誘導リンクを取得 などなど。記事を更新する上で面倒だと思われていた機能が、ワンクリックで実行できてしまうのです。 ...

ブログを運営している私にとって、自分の書いた記事がSNS上でどれほどシェアされているのかを知るのは、とても大切なことです。加えてそれは、一つの楽しみでもあります。 そんな時に役立っているのが、クロームの拡張機能｢ツイートカウンター for Twitter ｣です。 この拡張機能を入れておけば、自分のブログに限らず、今開いているページのSNSのシェア数がわかります。 ダウンロードリンク：ツイートカウンター for Twitter - Chrome ウェブストア

Google Chrome でネットワークエラーが起こると、「ネットワークに接続できません」というメッセージとともに可愛らしい恐竜が出現します。 この画面でスペースキーを押すと、恐竜が走りだし、ジャンプして障害物を避けるミニゲームが始まります。知っていましたか？ これのiPhone版アプリが登場しまして。iPhoneアプリではウィジェットからこのミニゲームができるんです！ 今日はそんなお話。

ガラケー。またの名をフィーチャーフォン。いわゆるパカパッカケータイ。今の若い世代においては、その存在を知らない子どももいるのではないでしょうか。 しかし、私のような制作会社にてウェブサイトの制作をしていますと、未だに「ガラケーでの見た目も確認して欲しい」という要望をいただきます。件数はわずかですし、本当にたまーになのですが。 そんなとき、Google Chromeでなら擬似的にガラケーの見た目を再現できます。特別な拡張機能など入れずとも、ユーザーエージェン切り替えが可能なのです。 一度設定してしまえば、以 ...