suto3
this is suto3’s page
code:memo.txt
これはメモです。
にゃん
にゃーん
にゃ
にゃあ
↑何に使うか考えていない……
自分のアイコン画像
外部の Scrapbox の自分のページには
https://scrapbox.io/api/pages/suto3/suto3/icon#.png
と書いて、ここで設定したアイコン画像を転送する
https://gyazo.com/1e3180e3bcab79cd1187b3c24e0e2758←普段
https://scrapbox.io/api/pages/suto3/issacoid/icon#.png←抽象化したいときに issacoid https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/suto3-snowman/s.svg ← 冬仕様、あと手も足も出ないとき
https://scrapbox.io/files/5f2e340a93343a001e5ec068.svg←機嫌の悪いとき
https://i.gyazo.com/063f791311b8fc0cbecf1af1fe5c81a0.png←夏の暑いとき、または触手系になりたいとき
suto3-watchlist.icon
page-info-button.icon
https://ricapitolare.vercel.app/svg?url=https://scrapbox.io/res#.svg https://scrapbox.io/res
https://ricapitolare.vercel.app/svg?url=https://github.com/suto3#.svg https://github.com/suto3
なにもありません
UserCSS
標準的な設定
特に特徴はない
カスタマイズ少なめ
開発的な設定
いつでも開発中なので、この設定になっていることが多い
暗い色あい
リッチな装飾が多め
必要最小限度まで装飾を削る
集中できるように
code:style.css
/* @import "/api/code/suto3/haku/style.css"; /* haku */
/* @import "/api/code/suto3/UserCSS:標準モード/style.css"; /* std */
/* @import "/api/code/suto3/UserCSS:ダークモード/style.css"; /* dark */
/* @import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
/* @import "/api/code/suto3/UserCSS:禅モード/style.css"; /* zen */
/* @import "/api/code/suto3/UserCSS:無モード/style.css"; /* mu */
/* @import "/api/code/suto3/UserScript:新書モード/style.css"; /* 新書みたいに幅がせまい */
/* @import "/api/code/suto3/UserScript:大画面モード/style.css"; /* */
/* 多段インポート、遅い */
/* @import "/api/code/suto3/Scrapbox:ビーバー君/style.css"; /* */
/* @import "/api/code/suto3/UserCSS:イイネ!/style.css"; /* */
/* @import "/api/code/suto3/UserCSS:桜モード/style.css"; /* */
/* @import "/api/code/suto3/UserCSS:薔薇モード/style.css"; /* */
code:style.css
/* 以下テスト用 */
/*@import "/api/code/suto3/UserScript:background-color/style.css"; /* 背景色テスト用 */
/*@import "/api/code/suto3/UserScript:ColorScheme/style.css"; /* 背景色テスト用 */
/*@import "/api/code/suto3/UserCSS:background-image/style.css"; /* 背景表示用 */
/*@import "/api/code/suto3/UserScript:background-image-1/style.css"; /* 背景表示テスト用 */
/* @import "/api/code/suto3/UserCSS:レインボー記法/style.css"; /* レインボー記法 */
/*@import "/api/code/suto3/UserCSS:セクション区切り/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書き/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書きをウザくする/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書き階層の色分け/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書きのビュレットに画像を使う/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書きのビュレットに絵文字を使う/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:箇条書きのビュレットにFontAwesomeを使う/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:ページの説明書き/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:リンク/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:ハッシュタグ/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:文字装飾記法/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:強調記法/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:墨塗り記法/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:赤くなる記法/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:もんたメソッド/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:隠し文字記法/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:テーブル/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:テーブルを派手めに表示する/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:ポップアップメニューの整理/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:ページリスト/style.css"; /* */
/*@import "/api/code/suto3/UserScript:ポップアップ表示/style.css"; /* UserScript とペア */
/*@import "/api/code/suto3/UserCSS:カード表示を消す/style.css"; /* */
/*@import "/api/code/suto3/UserScript:アイコン記法のショートカット/style.css"; /* */
/*@import "/api/code/suto3/UserCSS:関連ページリスト/style.css"; /* */
/* @import "/api/code/suto3/UserCSS:ページリストの大きさを変える/style.css"; /* */
@import "/api/code/suto3/UserCSS:補助画像/style.css"; /* */
code:style.css
/* 外部参照 */
/*@import "/api/code/customize/PopupMenuを徹底的にアイコンにする/style.css"; /* */
/*@import "/api/code/takker/dark_theme_UserCSS/style.css"; /* */
/* @import '/api/code/masui/ScrapCalc/style.css'; /* */
インポート文で切り替えられるので楽々。
code:stylexx.css
:root {
/* --assort-color: White; /* 従属色 */
--assort-color: white; /* 従属色 */
/* --accent-color: blueviolet; /* 強調色 */
--accent-color: pink; /* 強調色 */
--text-color: #AAA; /* 文字色 */ code:stylexx.css
body {
/* --logo-url: url('/api/pages/suto3/sunflower-5/icon'); /* OK */
/* --logo-url: url('/api/pages/suto3/Scrapbox研究会/icon#.svg'); /* NG */
/* --logo-url: url('/api/pages/villagepump/brand-icon/icon'); /* OK だけど遅い */
}
code:stylexx.css
body{
--body-bg: var(--base-color); /* 全体背景 */
/* --- ヘッダー --- */
--navbar-bg: var(--main-color); /* ヘッダー背景 */
--tool-text-color: var(--accent-color); /* プロジェクト名 */
--new-button-bg: var(--base-color); /* 新規作成ボタン ↓ */
--new-button-hover-bg: var(--base-color);
--new-button-active-bg: var(--base-color);
/* --new-button-horizontal-color: var(--accent-color); /* */
--new-button-horizontal-color: var(--main-color); /* */
/* --new-button-vertical-color: var(--accent-color); /* */
--new-button-vertical-color: var(--main-color); /* */
--search-form-bg: var(--base-color); /* 検索画面 */
--search-form-icon-color: var(--accent-color); /* 🔍 */
--search-form-text-color: #555; /* 検索の文字 */ --navbar-icon-color: var(--accent-color); /* ^ */
--navbar-icon-hovered-color: #000; /* ^:hover */ --navbar-icon-active-color: var(--accent-color);
--page-bg: var(--assort-color);
/* --telomere-updated: darkpink; /* テロメア編集 */
--telomere-updated: var(--accent-color); /* テロメア編集 */
--telomere-unread: fuchsia; /* テロメア未読 */
/* --- 関連ページ ラベルデザイン --- */
--relation-label-bg: var(--base-color);
--relation-label-empty-bg: var(--base-color);
--relation-label-links-bg: var(--base-color);
--relation-label-text:#304ea2;
}
code:stylexx.css
.brand-icon {
/* --logo-url: url("/api/pages/villagepump/brand-icon/icon"); /* */
--logo-url: url("/api/pages/suto3/PlantUML:ToDoリスト/icon"); /* */
}
code:style.css
/* Project description */
.project-home > .title::after {
display: block; /* */
flex-shrink: 0; /* */
height: 24px; /* */
aspect-ratio: 4 / 3; /* */
margin-top: -20px; /* */
margin-left: 100px; /* */
content: "";
background-image: var(--navi-icon-C); /* */
background-repeat: no-repeat;
background-size: contain;
}
UserScript
code:scriptxx.js
import { setup } from "/api/code/villagepump/箇条書きを折り畳むUserScript_(takker)/mod.js";
// 起動
const { cleanup } = setup();
// 終了したいときはcleanupを呼ぶ
// cleanup();
code:script.js
// 下とペアで、処理時間を計測する
console.log("---- ---- ---- ----");
console.time("initial");
//
code:script.js
// 外部参照するやつ
//import '/api/code/masui/ScrapboxSaver/script.js'
//import '/api/code/customize/「過去のこの日」機能/script.js'
//import '/api/code/yutaro/emoji_selector/script.js'
//import '/api/code/customize/emoji-selector/script.js'
//import '/api/code/customize/クリックでON%2FOFFできるチェックボックス/script.js'
//import '/api/code/suto3/UserScript:HelloWorld/script.js'
//import '/api/code/customize/emoji-selector-firefox/script.js'
//import '/api/code/daiiz/omakase-links/script.js'
//import '/api/code/zenwerk/zenwerk/script.js'
//import '/api/code/scrapboxlab/類似したタイトルのページを関連ページとして表示する/script.js'
//import '/api/code/yutaro/eval/script.js'
//import '/api/code/jiro4989/工数を集計するUserScript/script.js'
//import '/api/code/scrapboxlab/UserScript版アイコンボタン/script.js' //
//import '/api/code/scrapboxlab/UserScript版アイコンボタン/script2.js' //
//import '/api/code/utgwkk-pub/git_blame的に行の最終編集者を表示する/popup.js'
//import '/api/code/customize/Hierarchy_Extension/script.js' //
//import '/api/code/masui/ScrapExec/script.js'
//import '/api/code/suto3scratchpad/UserScript:Google日宇翻訳/script.js'
//import '/api/code/miyamonz-playground/カードを動かす/script.js'
//import '/api/code/villagepump/特定のページを非表示にする支援UserScript/script.js'
//import '/api/code/villagepump/Just_Do_It_UserScript/script.js';
code:script.js
// PopupMenuに追加
//import '/api/code/suto3/UserScript:WIP/script.js' // テスト用
//import '/api/code/suto3/UserScript:Quote/script.js'
//import '/api/code/suto3/UserScript:プロジェクト内検索/script.js'
//import '/api/code/suto3/UserScript:GoogleSearch/script.js'
//import '/api/code/suto3/UserScript:GoogleImg/script.js'
//import '/api/code/suto3/UserScript:Google翻訳/script.js'
//import '/api/code/suto3/UserScript:GoogleScrapbox/script.js'
//import '/api/code/suto3/UserScript:Jisho/script.js'
//import '/api/code/suto3/UserScript:DeepL翻訳/script.js'
//import '/api/code/suto3/UserScript:Wikipedia/script.js'
//import '/api/code/suto3/UserScript:Pinterest/script.js'
//import '/api/code/suto3/UserScript:Popup-Link-Jisho/script.js'
//import '/api/code/suto3/UserScript:Popup-Link-kotobank/script.js'
import '/api/code/suto3/UserScript:Popup-Link-Unsplash/script.js'
//import '/api/code/suto3/UserScript:文字列置換/script.js'
//import '/api/code/suto3/UserScript:Popup-Tweet/script.js'
//import '/api/code/suto3/UserScript:整形/script.js'
//import '/api/code/suto3/UserScript:文を改行させる/script.js'
import '/api/code/suto3/UserScript:ページ情報/script.js'
import '/api/code/suto3/UserScript:Maintenance/script.js' //メンテナンス用(保守用)
//import '/api/code/suto3/UserScript:ToDoボタン/script.js'
//import '/api/code/suto3/UserScript:おまかせリンク/script.js'
import '/api/code/suto3/UserScript:井戸端/script.js' // 誤爆防止のため普段は外す
import '/api/code/suto3/UserScript:ハッシュタグ/script.js'
//import '/api/code/suto3/UserScript:TeX/script.js'
//import '/api/code/suto3/UserScript:工数/script.js'
import '/api/code/suto3/UserScript:Bulletjournal/script.js'
import '/api/code/suto3/UserScript:TextFormat/script.js'
//import '/api/code/suto3/UserScript:Scaffolding-06/script.js' // プログラミング用
import '/api/code/suto3/UserScript:Scaffolding/script.js'
//import '/api/code/suto3/UserScript:haku/script.js'
//import '/api/code/suto3/UserScript:dice-roll/script.js'
//import '/api/code/suto3/UserScript:Google日中翻訳-繁体/script.js'
code:script.js
// PageMenuに追加
//import '/api/code/suto3/UserScript:おみくじMenu/script.js'
import '/api/code/suto3/UserScript:Search/script.js'
//import '/api/code/suto3/UserScript:TopicPath/script.js' // ヒストリ
import '/api/code/suto3/UserScript:日付カウントダウン/script.js'
//import '/api/code/suto3/UserScript:Page-Tweet/script.js'
import '/api/code/suto3/UserScript:TIL-Tweet/script.js'
//import '/api/code/suto3/UserScript:ページ内の文字カウント/script.js'
//import '/api/code/suto3/UserScript:文字カウント2/script.js'
//import '/api/code/suto3/UserScript:ページ情報/script.js'
import '/api/code/suto3/UserScript:ページコピー/script.js'
//import '/api/code/suto3/UserScript:新書モード/script.js'
import '/api/code/suto3/UserScript:大画面モード/script.js'
//import '/api/code/suto3/UserScript:Zen Mode/script.js'
import '/api/code/suto3/UserScript:ColorScheme/script.js'
//import '/api/code/suto3/UserScript:TopicPath/script.js'
//import '/api/code/suto3/UserScript:禅モード/script.js'
import '/api/code/suto3/UserScript:痛モード/script.js'
//import '/api/code/suto3/UserScript:無モード/script.js'
//import '/api/code/suto3/UserScript:background-color/script.js'
//import '/api/code/suto3/UserScript:page-color/script.js'
//import '/api/code/suto3/UserScript:background-image-1/script.js'
//import '/api/code/suto3/UserScript:background-image-2/script.js'
//import '/api/code/suto3/UserScript:壁紙/script.js'
import '/api/code/suto3/UserScript:ワンポイント/script.js'
//
//import '/api/code/suto3/UserScript:ページの見出しを作る/script.js'
//import '/api/code/suto3/UserScript:ポモドーロテクニック/script.js'
//import '/api/code/suto3/UserScript:チェックボックス/script.js'
//import '/api/code/suto3/UserScript:テンプレート/script.js'
//import '/api/code/suto3/UserScript:ページリストの色を変更する/script.js'
//import '/api/code/suto3/UserScript:配色変更/script.js'
//import '/api/code/suto3/UserScript:痛Scrapbox/script.js'
//import '/api/code/suto3/UserScript:SystemReport/script.js'
//import '/api/code/suto3/UserScript:Mandal-Art/script.js'
//import '/api/code/suto3/UserScript:invisible-page/script.js'
import '/api/code/suto3/UserScript:page-filter/script.js'
//import '/api/code/suto3/UserScript:ページ読み上げ/script.js'
code:script.js
// 開発用
//import '/api/code/suto3/UserScript:MyExt/script.js'
//import '/api/code/suto3/UserScript:HelloWorld/script.js'
//import '/api/code/suto3/UserScript:API/script.js'
//import '/api/code/suto3/UserScript:ショートカットキー/script.js'
//import '/api/code/suto3/UserScript:ポップアップ表示/script.js'
//import '/api/code/suto3/UserScript:アイコンボタン/script.js' /* 廃止予定 */
//import '/api/code/suto3/UserScript:アイコンボタン2/script2.js'
import '/api/code/suto3/UserScript:アイコンボタン2/script.js'
//import '/api/code/suto3/UserScript:ページ転送/script.js'
//import '/api/code/suto3/ScrapExec/script.js'
//import '/api/code/suto3/UserScript:更新行をスクロールバーに表示する/script.js'
code:script.js
//
scrapbox.TimeStamp.addFormat('YYYY/MM/DD HH:mm:ss')
//$('head > linkrel=icon').attr('href','/api/pages/hykwtakumin/takumin/icon'); // 上とペアで、処理時間を計測する
console.timeEnd("initial");
console.log("---- ---- ---- ----");
//scrapboxオブジェクトってなんだよ
//console.log(scrapbox);
// EOF
haku.iconこんにちは
/icons/透明正方形.iconよろしくお願いしますsuto3.icon
ビーバー君.iconこんにちは
ふーこ.iconこんにちは