ウェブブラウザ

  bamka Webサイト上の画像をパソコンに保存しようと、ドラッグ＆ドロップでデスクトップに置いてみたら、ファイル形式がWepbだった！このままだと加工しづらくて困る！ というケース、ありませんか？Webpは軽くてサイト運営者としては助かるのですが、サイト利用者としてはちょっと使いづらいですよね。 そこで便利なChrome拡張機能が「Save image as Type」。Webサイト上でダウンロードする画像の形式を選ぶことができます。

Google Chrome。「あとでゆっくり読もう」とか「記事をつくるための参考サイト」とか、いろんなページを開きつづけた結果、タブの数がえらいことになってしまった。 そういう経験はだれにでもあると思います。 「ごちゃごちゃになって、結局どこになんのページがあるのかわからなくなる」ということだけであればいいのですが、問題は、Chromeが重くなってしまい、ひいてはMac自体が重くなってしまうところにあります。 そこで最近愛用しはじめたのが「OneTab」というChrome拡張機能。Chromeで開いたタブ ...

クライアント 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: ブラウザのキャッシュ削除方法～ホームページが更新されていない!?～ ブログの更新やウェブサイトの改修を実施して、その結果を確認しようとしてもキャッシュが邪 ...