Scrapboxは文字色を自由に変えられない
Wordのようにできない基素.icon
user cssである程度定義できる
文字装飾記法の組み合わせを使って、カラフルな文章を作る記法とか作れないかなtakker.icon 井戸端だと空き領域がないから難しそう
適当なテストプロジェクトを作って試すしかない
記法を覚えるのが大変になってScrapboxの良さが減ってしまう問題も基素.icon
ですよねーtakker.icon
案
特定のアイコンを付けたページだけ有効な記法にする
Scrapboxからしたら特殊な機能だからこれはありだと思う基素.icon
誰か試しに作ってみて～takker.icon
独自のUIをつける基素.icon
できるのかは知らない
window.prompt()でカラーコードを入力すると、それに近い色を出せる文字装飾記法の組み合わせを探して書き換えるとかtakker.icon
明らかに使いにくいけど
アイコンには記法のチートシート画像を入れる
こうすれば覚えなくてもいいが……なんか違和感あるtakker.icon
文字色を増やすという、scrapbox的な考えからは真逆のことをしようとしているのだから、実装がなんかおかしくても仕方ないか
CSS精通してないとでけないcFQ2f7LRuLYP.icon
UserCSSもScriptも上級者向け！
Scrapbox使ってから黒青赤の3色で事足りてしまってるんで他の黄色！緑！みたいなプレゼンカラフル色いらなくなった そもそもプレゼンも3色くらいがベストtakker.icon
私のプレゼン、色多すぎ…？cFQ2f7LRuLYP.icon
他人のツイートを装飾できるが、基素.iconの視点だと装飾過多 +1 装飾で意見の判断がしにくくて困ってるcFQ2f7LRuLYP.icon
赤の太字で書かれているのがなんとなく重要っぽそうだと思ってしまう
わかる〜基素.icon
文脈も論旨も検証してないので非常に怖い、視覚のメカニズムの弱いところを突かれてるのをうっすら感じてる
twitter版まとめサイトかあtakker.icon
まあでもデザインだといることもあるかな、どうなんだろcFQ2f7LRuLYP.icon
必要かどうかでいうと必要なくても、自然につけてしまうのだと思います基素.icon
Scrapboxはデザインツールでない、で押し通すのが無難？takker.icon
そうすると違うツールを使おうとなってしまう気がするw基素.icon
そこで意思決定も行われる（？）
文章での意思決定のメインにならなければ他のツールを使うのもいいと思う
画像を扱う機能はScrapboxにほぼないので不可避だし
これが妥当でしょうねtakker.icon
デザインを共同編集できるが、チャットがくっついていないツールを使う
inkscapeやgimpみたいなツールなら、そこで意思決定が行われることはなさそうtakker.icon
デザインもできるコラボレーションツールかtakker.icon
具体例があんまり思いつかない
はい基素.icon
Helpfeel.incでもデザインは盛んにやっているはずだが、どういうツールを使っているんだろうtakker.icon
daiizさんはgoogle docsで図を作っていた
sketchを使っているようだ
実は、TeX記法で変えられる suto3.icon フォント芸もできる
先に書かれてしまいましたが、Scrapboxのデフォルト機能で文字色を変えたいなら$ \KaTeXを使う手があるhatori.icon
ただ地の文と$ \KaTeX内とで$ \small フォントが変わってしまうため、見た目に少し違和感がある
また文章は自動で改行されないため、長文の色変更には向かない
$ \textcolor{red}{吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。}
$ \textcolor{red}{\textbf{吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。}}
例をいくつか書く
$ \textcolor{red}{あ}\textcolor{orange}{あ}\textcolor{yellow}{あ}\textcolor{yellowgreen}{あ}\textcolor{green}{あ}\textcolor{blue}{あ}\textcolor{violet}{あ}\textcolor{purple}{あ}(色名での指定：他にも使える色はある)
$ \textcolor{#FF0000}{あ}\textcolor{FF7F00}{い}\textcolor{FFFF00}{う}\textcolor{7FFF00}{え}\textcolor{00FF00}{お}\textcolor{00FF7F}{か}\textcolor{00FFFF}{き}\textcolor{007FFF}{く}\textcolor{0000FF}{け}\textcolor{7F00FF}{こ}\textcolor{FF00FF}{さ}\textcolor{FF007F}{し}（16進数カラーコードでの指定：#は有っても無くてもいい）
$ \colorbox{black}{\textcolor{FF0000}{あ}\textcolor{FF7F00}{い}\textcolor{FFFF00}{う}\textcolor{7FFF00}{え}\textcolor{00FF00}{お}\textcolor{00FF7F}{か}\textcolor{00FFFF}{き}\textcolor{007FFF}{く}\textcolor{0000FF}{け}\textcolor{7F00FF}{こ}\textcolor{FF00FF}{さ}\textcolor{FF007F}{し}}（背景色を指定）
$ \fcolorbox{black}{silver}{\textcolor{FF0000}{あ}\textcolor{FF7F00}{い}\textcolor{FFFF00}{う}\textcolor{7FFF00}{え}\textcolor{00FF00}{お}\textcolor{00FF7F}{か}\textcolor{00FFFF}{き}\textcolor{007FFF}{く}\textcolor{0000FF}{け}\textcolor{7F00FF}{こ}\textcolor{FF00FF}{さ}\textcolor{FF007F}{し}}（背景色と枠の色を指定）
以下は特に意味のない遊び
$ \Huge \textcolor{#FF0000}{⸙}\hspace{-8pt}\textcolor{#FF7F00}{⸙}\hspace{-8pt}\textcolor{#FFFF00}{⸙}\hspace{-8pt}\textcolor{#7FFF00}{⸙}\hspace{-8pt}\textcolor{#00FF00}{⸙}\hspace{-8pt}\textcolor{#00FF7F}{⸙}\hspace{-8pt}\textcolor{#00FFFF}{⸙}\hspace{-8pt}\textcolor{#007FFF}{⸙}\hspace{-8pt}\textcolor{#0000FF}{⸙}\hspace{-8pt}\textcolor{#7F00FF}{⸙}\hspace{-8pt}\textcolor{#FF00FF}{⸙}\hspace{-8pt}\textcolor{#FF007F}{⸙}\hspace{-8pt}\textcolor{#FF0000}{⸙}\hspace{-8pt}\textcolor{#FF7F00}{⸙}\hspace{-8pt}\textcolor{#FFFF00}{⸙}\hspace{-8pt}\textcolor{#7FFF00}{⸙}\hspace{-8pt}\textcolor{#00FF00}{⸙}\hspace{-8pt}\textcolor{#00FF7F}{⸙}\hspace{-8pt}\textcolor{#00FFFF}{⸙}\hspace{-8pt}\textcolor{#007FFF}{⸙}\hspace{-8pt}\textcolor{#0000FF}{⸙}\hspace{-8pt}\textcolor{#7F00FF}{⸙}\hspace{-8pt}\textcolor{#FF00FF}{⸙}\hspace{-8pt}\textcolor{#FF007F}{⸙}\hspace{-8pt}\textcolor{#FF0000}{⸙}\hspace{-8pt}\textcolor{#FF7F00}{⸙}\hspace{-8pt}\textcolor{#FFFF00}{⸙}\hspace{-8pt}\textcolor{#7FFF00}{⸙}\hspace{-8pt}\textcolor{#00FF00}{⸙}\hspace{-8pt}\textcolor{#00FF7F}{⸙}\hspace{-8pt}\textcolor{#00FFFF}{⸙}\hspace{-8pt}\textcolor{#007FFF}{⸙}\hspace{-8pt}\textcolor{#0000FF}{⸙}\hspace{-8pt}\textcolor{#7F00FF}{⸙}\hspace{-8pt}\textcolor{#FF00FF}{⸙}\hspace{-8pt}\textcolor{#FF007F}{⸙}\hspace{-8pt}\textcolor{#FF0000}{⸙}\hspace{-8pt}\textcolor{#FF7F00}{⸙}\hspace{-8pt}\textcolor{#FFFF00}{⸙}\hspace{-8pt}\textcolor{#7FFF00}{⸙}\hspace{-8pt}\textcolor{#00FF00}{⸙}\hspace{-8pt}\textcolor{#00FF7F}{⸙}\hspace{-8pt}\textcolor{#00FFFF}{⸙}\hspace{-8pt}\textcolor{#007FFF}{⸙}\hspace{-8pt}\textcolor{#0000FF}{⸙}\hspace{-8pt}\textcolor{#7F00FF}{⸙}\hspace{-8pt}\textcolor{#FF00FF}{⸙}\hspace{-8pt}\textcolor{#FF007F}{⸙}\hspace{-8pt}\textcolor{#FF0000}{⸙}\hspace{-8pt}\textcolor{#FF7F00}{⸙}\hspace{-8pt}\textcolor{#FFFF00}{⸙}\hspace{-8pt}\textcolor{#7FFF00}{⸙}\hspace{-8pt}\textcolor{#00FF00}{⸙}\hspace{-8pt}\textcolor{#00FF7F}{⸙}\hspace{-8pt}\textcolor{#00FFFF}{⸙}\hspace{-8pt}\textcolor{#007FFF}{⸙}\hspace{-8pt}\textcolor{#0000FF}{⸙}\hspace{-8pt}\textcolor{#7F00FF}{⸙}\hspace{-8pt}\textcolor{#FF00FF}{⸙}\hspace{-8pt}\textcolor{#FF007F}{⸙}\hspace{-8pt}
$ \colorbox{#FF0000}{\colorbox{#FF7F00}{\colorbox{#FFFF00}{\colorbox{#7FFF00}{\colorbox{#00FF00}{\colorbox{#00FF7F}{\colorbox{#00FFFF}{\colorbox{#007FFF}{\colorbox{#0000FF}{\colorbox{#7F00FF}{\colorbox{#FF00FF}{\colorbox{#FF007F}{\textcolor{white}{\Huge \textit{Happy New Year !}}}}}}}}}}}}}}