Chrome 拡張機能
情報収集をしている時にあとで読むページをとりあえず新規タブで開いておくようにしている. しかし,そうするとブラウザのタブが30個以上になり,次第に PC のファンが急激に回りフリーズする...なんてことが度々ある. そのため,タブを開きすぎないように…
業務で nginx を使ってリダイレクトを設定することが定期的にある. その時にリダイレクトできているのかを実際にアクセスして確認することがあるが,証跡が欲しい時がある. そんな時は「Link Redirect Trace」を使うと便利なので今回はこの拡張機能につい…
技術周りの情報収集をする時は個人・企業のテックブログや Qiita,Zenn などの情報共有サービス,最近だと TechFeed Pro という便利なメディアが出てきている. techfeed.io しかし,Twitter を見てると海外の記事がちょくちょく話題になっていることがあり…
自サイトのアクセス解析をする時に Google Analytics (以下,GA) をよく使うが、そもそも GA にアクセスするのが面倒だったりクリック率を把握するのがパット見でわからなかったりする. そんな風に思っていたら「Page Analytics」という Chrome 拡張が便利…
Google が「Core Web Vitals(コアウェブバイタル)」という新しいWebの指標を2021年以降に導入予定ということで話題になっています. web.dev developers-jp.googleblog.com Core Web Vitals は LCP(Largest Contentful Paint), FID(First Input Delay), CLS(…
最近リモートワークをする日が増えており,家で集中できる日とできない日でムラがあるのが目立ってきた. リモートワークで仕事をする際にどんな工夫をしているのかを友人・知り合いに聞いてみたところポモドーロテクニックを実践している人が何人か居たので…
フロントエンドの開発をしている時に自分が書いた HTMLの要素 や CSS セレクタやプロパティが実際にどのように組まれて表示されているかを確認するために Chrome DevTools を立ち上げてインスペクト機能や Elements を見ながら確認をする必要がある. しかし…
Webページをある程度コーディングし,ブラウザで表示の確認をした時にその場で CSS のちょっとした手直しをしたい時がある. その時に Chrome の dev ツールをよく立ち上げていたが,不意にリロードをしてしまったり,タブを閉じるとせっかく修正したコード…
「Vuetify.js」のキャッチアップをしている過程で,どうやら「CSS Flexbox」のキャッチアップも必要だと思い,進めているのですが CSS が崩れているかのチェックや実際はどのようなレイアウトでスタイルされているのかを確認するのが少し面倒になってきまし…
普段の業務でAWSアカウントは本番用と検証用で分けて運用しているのですが,コンソール画面を見ていると... ふとした時に「あれ?今どっちのアカウントを使ってるんだっけ?」と混乱する 「あ!本番用アカウントで設定したと思ったら検証用アカウントだっ…
Google Data Studioで複数ページあるレポートを空港の到着ロビーやイベントブースにあるディスプレイみたいに指定した秒数に自動的にページ遷移したくなった。 色々調べてみると、Chrome拡張のRealtime Data Studioというものがあるようだ。 chrome.google.c…