はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると右側にディレクトリ名が表示されているのですが、薄い文字かつ、目線移動のコストが発生するため分かりづらいです。 この記事では、VSCodeの設定を変更することで、ファイル名にディレクトリ名を含めて表示する方法を紹介します。 設定方法 VSCodeの設定ファイルsettings.jsonに以下の設定を追加します。 { "workbench.editor.customLabels.patterns": { "**/{index,page,layout,template,route,actions,hooks,components,utils,types}.{js,ts,jsx,tsx,md,mdx}": "${dirname}/${
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
当サイトは Google Adsense、Amazon アソシエイト等 アフィリエイト広告を利用して収益を得ています. Chrome に限らずブラウザのタブがリソースを大量に使い始めると、ブラウザのパフォーマンスに悪影響を与える可能性がありますが、Google は Chrome ブラウザのアップデートによって、パフォーマンスに悪影響のあるタブを通知してくれるようになります。 現在、Chrome Canary では特定のタブが大量のリソースを使用すると、ブラウザに警告が表示されるようになりました。パフォーマンスの問題が検出された時点で、問題のあるタブのリストを含む小さなウィンドウが表示されるようになります。 また、タブを無効にしてリソースを開放できるボタンも使うことができます。 大量のタブを開いて作業するユーザーには便利な機能ですが、どうやら特定の CPU 使用率のしきい値を超えた場合に表示
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
Chrome ブラウザのタブがパフォーマンスを低下させていると警告を通知するようになります | HelenTech