hogashi.*

日記から何から

落書き

今日の落書き

before 疑似要素でブログを書くとどうなるのか、と思ったけど、改行ができないことがわかってきた。それ以外は見た感じは変化がなくて、カーソルを持ってくると文字列選択ができないことがわかるくらいで、素朴に文字をどんどん書いていくだけなら before で…

Monaco Editorをシンタックスハイライトされたコードブロックとして使う

昨日*1の続き。寝る前にぼんやりしながら glitch.me で頑張っていたのをやめて、机に座ってよく調べると、ちゃんと npm install とかをすっ飛ばして script タグだけで Monaco Editor が出せるらしい (How to run the Monaco editor from a CDN like cdnjs? …

HTML にコードを書くときのシンタックスハイライト、 highlight.js *1 みたいなのを使ったり、 Vim から HTML にしたり*2、色々やりようがあるけど、 TypeScript (特に TypeScript React) のシンタックスハイライトでめっちゃいい感じみたいなものがあんまり…

言葉の進化予言選手権

日本語だと、「微妙」は昔は単に「バランスが難しい」くらいの意味だったと思うけど、最近は「あんまりよくない」という使われ方をしている気がする。 というわけでこれを勝手に予測してみる。

ブログのpreにコピーボタンつける

素朴に button をつけて pre の innerText を textarea に入れてコピーする感じで書いた。たまに便利。 こういう感じ/* pre に copy ボタンつける */ [...document.querySelectorAll('article.entry pre')] .map(pre => { const button = document.createEle…

いまの天気でブログの背景を変える

ブログの背景を京都のいまの天気によって切り替えてみたくなって OpenWeather という天気 API を使って素朴に background-image を切り替えるようにした。アカウント作ったら API が使えて便利、ちょろっと js 書いて完成した。いま京都は曇りです。openweat…

text-shadowで文字の影だけ見せる

CSS の text-shadow は、ぼかしは無しでずらすだけというのもできる。なので、めちゃくちゃずらすと文字が複製されたように見える。 MDN で書かれている例だとこう。 text-shadow: 5px 10px; https://developer.mozilla.org/ja/docs/Web/CSS/text-shadow つ…

今日の落書き

回る円盤を書いた。hogashi.github.io 回っているわけではないけど、なんとなくそれなりの速度で回っているのかもなと思えるような見た目をしている。実装としてはランダムで円弧を描いているだけ。 様子 index.html で <script src="./index.js"></script> とか書いておいて tsc -w index.ts …

今日の落書き

Deno に hello world くらいの入門をした。 $ deno run https://gist.githubusercontent.com/hogashi/e19701da1ff5c2934bab915d695978a7/raw/628fce187ecb6ea4a9e0ac4522f5374621ea4e8a/random-mahjong.ts四二 筒索 一三四八九一二三五六七北発中 萬萬萬萬萬…

今日の落書き

今日の落書きは、ソースコードの単語を列挙するシェルスクリプト。作ってる拡張機能のソースコードでやってみたので JavaScript 、つまりキャメルケースと全部大文字な定数がある。罠としては HTMLElement みたいな大文字が続くキャメルケースもある。 こう…