hill_san
https://lh3.googleusercontent.com/a/ACg8ocKCny2UyKQQe0YxT3y2HJYfjeL6IxWDJZ0kQeQoAUdz30wVSYii=s96-c#.png
#member
---
code:mermaid
%%{init: { "theme": "base", "themeVariables": { "primaryColor": "#eeffee44", "textColor": "", "fontFamily": "BIZ UDPGothic" } } }%%
mindmap
nodeA(About Me)
::icon(fa fa-user)
My Original Cosense: /su-udon/
プログラミングが得意（たぶん）
難しいことは分からない主義
趣味　ピアノとMIDIとイラスト（超遅筆）
きれいに録音する方法教えてくださいhill_san.icon
こんなのを描いてる
https://scrapbox.io/files/68635c32fb28940c571abc8b.png
---
https://scrapbox.io/files/686cb20a7d9dee8ee3a244e7.png Articles
GitHub使い慣れたいhill_san.icon
Learn Git Branchingを使ってみよう
つくったもの
Gemini Canvasでドイツ語学習ツールを作る
高専祭で作ったもの（とん平焼き班）
チューリングマシン（VBA）
Gemini Developer APIを使ったDiscord BOT
記事化してないけど、つくったもの（カッコ内は制作当時の学年）
画像を取得するDiscordBot（高専３）
デジタル英単語帳（中学３）
タイピングゲーム（高専１）
円周率計算機（モンテカルロ法）（中学２）
マイクラで円を書くときのシミュレーター（中学３）
連立方程式・2次方程式電卓（中学３）
ナンプレ求解アルゴリズム（脳筋）（中学２）
お米にあう焼き肉のたれ（高専３）
高専祭・高専オリンピックの看板 * 3枚（高専１~２）
ファミマの音を鳴らすプログラム（VBA）（中学１）
行列式の固有値を求めるプログラム（高専３）
うまぴょい伝説のMIDI（高専３）
---
https://scrapbox.io/files/686cb000975436142bd88da1.png User Script
範囲選択したところを数式にする
https://ich.hatenadiary.com/entry/scrapbox-userscript
code:script.js
scrapbox.PopupMenu.addButton({
title: '数式',
onClick: text =>{
text=text.split(/\n/).map(line => line.replace(/(.+)/g,'\\$ $1\')).join('\n')
return text;
}
})
ドイツ語翻訳
/kyre/kyre
code:script.js
scrapbox.PopupMenu.addButton({
title: '独→日',
onClick: text => window.open(https://translate.google.com/#de/ja/${text})
})
scrapbox.PopupMenu.addButton({
title: '日→独',
onClick: text => window.open(https://translate.google.com/#ja/de/${text})
})
https://fonts.google.com/
フォントの設定
FHDモニターだと文字のギザギザが気になる
code:style.css
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@400;500;700&display=swap');
html, body, #editor, .grid li {
font-family: 'IBM Plex Sans JP', 'calibri', 'Zen Kaku Gothic New', "YuGothic", 'Yu Gothic', "Font Awesome 5 Free", "Font Awesome 5 Brands", "Roboto", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.project-home {
font-family: "Quicksand", 'IBM Plex Sans JP';
font-size: 8px;
}
code:style.css
body {
background-color: rgba(30, 30, 30, 0.95);
}
背景画像（気分転換用）
code:style.css
/* body {
background: linear-gradient(to top, rgba(30, 30, 30, 0.95) 0%, rgba(30, 30, 30, 0.95) 0%),url(https://media.istockphoto.com/vectors/information-sign-icons-white-series-eps10-vector-id165968762?k=20&m=165968762&s=612x612&w=0&h=vk_0TNfgWLac6VjAFMNPXW2QjuLfFf3NYzr1KTCM7UY=);
}
タイトル装飾
code:style.css
.line.line-title .text {
font: 'M PLUS 1p', sans-serif; /* デフォルトは M PLUS 1p */
font-size: 24px;
font-weight: 1000;
letter-spacing: 0.2em;
padding: 0.1em 0.5em;/*上下 左右の余白*/
/* border-left: solid 15px rgba(218, 218, 62, 0.7);/*左線*/
background: linear-gradient(transparent 90%, rgba(218, 218, 218, 0.7) 90%);
}
.line.line-title .text:first-letter {
font-size: 1.5em;
color: #c2fe8d;
}
テーブルデザイン
code:style.css
.table-block .table-block-start {
background-color: transparent;
}
.table-block .table-block-start a {
color: var(--accent-color);
}
.table-block .cell {
border-right: solid 3px #FFFFFF;
border-bottom: solid 3px #FFFFFF;
}
/*1列目*/
.table-block .cell:nth-child(1) {
background-color: #daf2d0;
}
/*1行目*/
.line:has( .table-block-start ) + .line .table-block .cell:nth-child(n+1) {
background-color: #daf2d0;
}
.table-block .cell:nth-child(2n+3){
background-color: #f2f2f2;
}
.table-block .cell:nth-child(2n+2){
background-color: #f2f2f2;
}
/*1番左上が0文字でないならば、1行目を灰色に塗る*/
/*ただし、1番左上は灰色に塗らない*/
.line:has( .table-block-start ) + .line .table-block:not(:has(spandata-char-index="1"data-char=" ")) .cell:nth-child(n+2) {
background-color: #f2f2f2;
}
table:test
S 1 2 3 4 5
A a b c d e
B b c d e f
C c d e f g
D d e f g h
code:style.css
.page {
background-color: /*#202228;
box-shadow: none;
border-left: #c2fe8d solid 3px;
border-radius: 5px;
}
あまり知識ないのでこれくらいしか
---
ここが参考になるみたい
/customize
settings
マテリアルアイコン
https://fonts.google.com/icons