Markdown の見出しをツリー罫線で描画する目次の実装
TypeScript
記事の目次をファイルツリー風の罫線付きで描画する仕組みを、wabisabi の実装をもとに解説します。 処理は3段階に分かれます。\ Markdown 本文から見出しを抽出し、フラットな見出し配列からツリー罫線を生成し、スクロール位置に追従…
2
0if文を使わずにFizzBuzzをする
C
高専時代、C言語FizzBuzzコードゴルフ遊びをしてた時に後輩に教えてもらったやつ !が実質分岐の役割をしてなくもないが許してください 解説 for分で1から100まで回して、結果をprintfで出力するのは見ればわかるので割愛します。 …
15
1wabisabiのヘッダーで使われてるブラー
CSS
wabisabiのヘッダーでは、上に行くほど強いブラーがかかるヘッダーを採用しています。単純にグラスモーフィズムのような一様なものではなく、作るのに少し苦労したのでメモします。 Blurの配置 まず、blurの値をliner-gradien…
10
0