ウェブブラウザ

クライアント Webサイトのほうで表示崩れが発生してまして、修正をお願いできますでしょうか！ bamka 承知しました。閲覧環境を教えていただけますでしょうか。 Chromeの最新です。 bamka OSは何を使っていますか？ Windowsです。 ……といった具合に、クライアントが閲覧している環境を確認するのも一苦労。何度もキャッチボールが発生してしまっては、クライアントも嫌な気持ちになってしまう。 そんなときは、このサイトで一発解決。クライアントに「このサイトにアクセスして、スクリーンショットを送って ...

Google検索ページを安易な気持ちでダークモードにしたら、検索結果ページが非常に見にくくなってしまいました。 すぐにでも解除したかったのですが、設定を探すのに意外と手間取ってしまったので、備忘録を兼ねてブログに残しておきます。同じように困っている方は、参考にしてみてください。

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

Google検索をしてヒットしたページが海外のサイトで、英語ばかりだから読むのを諦めてしまった。そんな経験があります。 しかし最近のGoogle翻訳は非常に優秀で、ページすべてを丸々翻訳してくれる機能があります。 機械のやることなので、細かいニュアンスの間違いなどはあるかもしれませんが、概ねの内容を理解するのには役立ちます。パソコンだけでなく、iPhoneやiPadなどでの活用方法も記載しておきますので、ご活用ください。

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

iPhoneのストレージがパンパンになりがちなアナタヘ。ストレージを圧迫しているアプリを消して、代わりにウェブページをアプリ化してはいかがでしょう。 PWAという技術なんですが、細かい話は抜きにしましょう。 Safariでサイトを開き、それをホーム画面に追加するだけで、ストレージを圧迫しないアプリの爆誕です。

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

接続しているインターネット回線の速度が、速いのか、遅いのか。これを測定する簡単な方法をご紹介。 Googleで「ネット速度」と検索。これだけでOKです。

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

Gmail、Slack、Googleカレンダー、Backlog、Dropbox、Notionなど、仕事で使うウェブツールは数しれず。 くわえて、GmailやDropboxなどは「仕事用」と「プライベート用」、SlackやBacklogは「案件単位」でなど、複数のアカウントを活用している状況です。 これらのウェブツールは専用のアプリがあったりしますが、いちいち入れ替えたり、アカウントを切り替えたりするのは面倒です。 そこで私が愛用しているのが「Biscuit（ビスケット）」というブラウザアプリ。 複数のウェ ...

ウェブサービスなどにログインするときに使うパスワード。これは基本的に、他人に見られて流用・悪用されないように「****」と、表示は伏せられる。 しかしときには、この伏せられた「****」の中身を確認したいときもある。そんなときに使える便利な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」です。

ウェブサイトに貼ってある広告。誰しもが一度は「邪魔だなー」と感じたことがあると思います。 最近は手口も巧妙になってきて「ユーザーをいかにして誤タップさせるか」を競い合っているよう。例えばこういった広告、一度は見たことがありますよね。 iPhoneではこれらの広告をブロックし、非表示にすることができます。専用のアプリをインストールし、ちょっとした設定をすれば、以降は広告が表示されず、サッパリした気持ちでウェブサーフィンができるのです。 動画も公開しました！

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

iPhoneのSafariにて。ページを次に次に進んでみたものの、目的を達成できなかったので、最初の検索結果ページに戻りたい。そう思ったことはありませんか？ 戻るボタンで一ページずつ戻っているのでは時間も掛かるし面倒です。そんなことはオススメしません。 もっと簡単に一発で戻る方法があるので、今日はその方法をご紹介します。

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