Kijisaba
https://gyazo.com/adc77b3ee921989263f0ec6142bc4d9d
連絡先
Twitter
Mastodon
名前：すずこ
職業：事業会社で働いてるwebデザイナー
できること
web制作
webサイトのデザイン
webサイトの実装
html
css（sass）
簡単なjs（jQuery）ができる
wordpressのテンプレートもちょっと作れる
gulpで開発環境を作っている
webpackにもちょっと手を出した事があるし、もう少し使ってみたいと思っている
ejsにもちょっと手を出している
DTP
ペラもの、ページものを一応作れる。
パッケージ用のデータを入稿したことがある。
使用できるアプリケーション
よく使う
Figma
Adobe XD
Adobe Photoshop
Adobe illustrator
Visual Studio Code
たまに使う
Adobe InDesign
趣味
ゲーム
コンシューマーゲームが好き
任天堂信者気味
近年の推しゲームはゼノブレイド2
スマホのゲームはなんか肌に合わない
イラスト制作
利用するサービス
自分用ヘルプ
UserCSS&UseScript
全体用
自分だけ
code:style.css
/* セクション区切りを可視化する (番号) */
.app { counter-reset: section }
.app:not(.presentation) .line.section-title:not(.line-title) { position: relative }
.app:not(.presentation) .line.section-title:not(.line-title):after {
counter-increment: section;
content: counter(section);
display: inline-block; width: 1.6em; height: 1.6em;
position: absolute; top: 5%; left: -5vw;
background-color: var(--navbar-bg); border-radius: 50%;
color: #fff; font: 600 normal 90%/1.6 'Century Gothic', Arial, sans-serif; text-align: center; white-space: nowrap }
UserScript
code:script.js
scrapbox.PageMenu.addMenu({
title: 'Gyazo',
});
Macで動くことは確認済
⌘ + Shift + Uでコピーできる
code:script.js
var onKeyDown = function(e){
var name = e.code;
if (e.metaKey) {
if (e.shiftKey){
if(name == "KeyU"){
if(document.getElementsByClassName("cursor-line")0){ var quote=window.getSelection().toString();
if(window.getSelection().toString()==""){
var url = location.href + "#" +
document.getElementsByClassName("cursor-line")0.id.slice(1); }else{
var lines = quote.split(/\n/g).map(function(line){return ' > '+line})
var url = "+location.href.split("/")[3 +
"/" + scrapbox.Page.title +
"#"+ document.getElementsByClassName("cursor-line")0.id.slice(1) + "]" +
"\r" +lines.join('\n');
}
}else{
var url = location.href
}
var listener = function(e){
e.clipboardData.setData("text/plain" , url);
// 本来のイベントをキャンセル
e.preventDefault();
// 終わったら一応削除
document.removeEventListener("copy", listener);
}
document.addEventListener("copy" , listener);
document.execCommand("copy");
}
}
}
}
document.addEventListener('keydown', onKeyDown);
code:bookmarklet.js
code:script.js
// 選択した文字列にマーカー
scrapbox.PopupMenu.addButton({
title: 'マーカー',
onClick: text => [[${text}]]
})
ブックマークレット
