特定のプロジェクトだけを一覧に表示させるUserScript

CSSは非表示にしたいプロジェクト名をリスト化する

こちらは表示させたいプロジェクト名をリスト化する

code:script.js

// 表示させたいプロジェクトを「/PROJECT_NAME/」という形式で登録する

const shownList = [

'/PROJECT1/',

'/PROJECT2/'

]

// 一旦折りたたまれているプロジェクトも表示させる（全プロジェクト数を数えるため）

const listMenuButton = document.querySelector('.list-menu-button a');

if(listMenuButton) listMenuButton.click();

// グローバルメニューの項目のリストから「プロジェクト」だけを取り出す

const globalMenuList = document.querySelectorAll('.project-list-tab ~ li a');

const projectListNumber = document.querySelectorAll('.project-display-name').length;

console.log(globalMenuList);

for(let i = 0;i < projectListNumber; i++) {

// 登録されているプロジェクト名以外を非表示にする

}

なぜこれを作ったか

項目が増えちゃうしな〜とプロジェクトを増やすのをしぶる自分がいた

プロジェクトは検索できるので増やしても困らないっちゃ困らないが……

よく使うプロジェクトは常時表示　＆　たまに使うのは検索で呼び出す　でいい