Beeeat’s log

Beeeat’s log

プログラミングで出くわした知識やツール、日常生活、働き方その他色々なことをメモしていくブログ

Chrome 拡張機能

「Tab Limiter」を使ってブラウザのタブを開きすぎないようにする

情報収集をしている時にあとで読むページをとりあえず新規タブで開いておくようにしている. しかし,そうするとブラウザのタブが30個以上になり,次第に PC のファンが急激に回りフリーズする...なんてことが度々ある. そのため,タブを開きすぎないように…

リダイレクトされているかをチェックする時は「Link Redirect Trace」を使うと便利

業務で nginx を使ってリダイレクトを設定することが定期的にある. その時にリダイレクトできているのかを実際にアクセスして確認することがあるが,証跡が欲しい時がある. そんな時は「Link Redirect Trace」を使うと便利なので今回はこの拡張機能につい…

daily.dev で海外の Tech メディアやブログを手軽にチェックする

技術周りの情報収集をする時は個人・企業のテックブログや Qiita,Zenn などの情報共有サービス,最近だと TechFeed Pro という便利なメディアが出てきている. techfeed.io しかし,Twitter を見てると海外の記事がちょくちょく話題になっていることがあり…

「Page Analytics」で自サイトのアクセス解析を視覚的に把握する

自サイトのアクセス解析をする時に Google Analytics (以下,GA) をよく使うが、そもそも GA にアクセスするのが面倒だったりクリック率を把握するのがパット見でわからなかったりする. そんな風に思っていたら「Page Analytics」という Chrome 拡張が便利…

CLS(Cumulative Layout Shift)を調査する時に使ったツールやサービスをまとめてみた

Google が「Core Web Vitals(コアウェブバイタル)」という新しいWebの指標を2021年以降に導入予定ということで話題になっています. web.dev developers-jp.googleblog.com Core Web Vitals は LCP(Largest Contentful Paint), FID(First Input Delay), CLS(…

「Focus To-Do」でポモドーロテクニックをやってみた

最近リモートワークをする日が増えており,家で集中できる日とできない日でムラがあるのが目立ってきた. リモートワークで仕事をする際にどんな工夫をしているのかを友人・知り合いに聞いてみたところポモドーロテクニックを実践している人が何人か居たので…

「Web Developer」を使いこなすとフロンエンド開発がかなり捗りそうなことがわかった

フロントエンドの開発をしている時に自分が書いた HTMLの要素 や CSS セレクタやプロパティが実際にどのように組まれて表示されているかを確認するために Chrome DevTools を立ち上げてインスペクト機能や Elements を見ながら確認をする必要がある. しかし…

ブラウザで CSS のちょっとした手直しをしたい時は「Stylus」が便利だった

Webページをある程度コーディングし,ブラウザで表示の確認をした時にその場で CSS のちょっとした手直しをしたい時がある. その時に Chrome の dev ツールをよく立ち上げていたが,不意にリロードをしてしまったり,タブを閉じるとせっかく修正したコード…

「Pesticide for Chrome」を使って CSS のレイアウトのチェックをする

「Vuetify.js」のキャッチアップをしている過程で,どうやら「CSS Flexbox」のキャッチアップも必要だと思い,進めているのですが CSS が崩れているかのチェックや実際はどのようなレイアウトでスタイルされているのかを確認するのが少し面倒になってきまし…

「Customize AWS Console Header」でAWSコンソール画面のヘッダに色をつけてアカウントの誤認を防ぐ

普段の業務でAWSアカウントは本番用と検証用で分けて運用しているのですが,コンソール画面を見ていると... ふとした時に「あれ?今どっちのアカウントを使ってるんだっけ?」と混乱する 「あ!本番用アカウントで設定したと思ったら検証用アカウントだっ…

Realtime Data StudioでGoogle Data Studioで複数ページあるレポートを指定した秒数に自動でページ遷移する

Google Data Studioで複数ページあるレポートを空港の到着ロビーやイベントブースにあるディスプレイみたいに指定した秒数に自動的にページ遷移したくなった。 色々調べてみると、Chrome拡張のRealtime Data Studioというものがあるようだ。 chrome.google.c…