読者です 読者をやめる 読者になる 読者になる

HTML 中のルビ文字列を乱暴に全部消したい

テストデータとかに使うための長い適当な文字列がほしいという時は、Lolem ipsum とかでググるか、Wikipedia や青空文庫から拝借するのだけど、青空文庫でルビ付きの作品はそのままコピペするとルビがくっついた文字列になるので変で困っていた。具体的には、

親譲おやゆずりの無鉄砲むてっぽうで小供の時から損ばかりしている。

夏目漱石 坊っちゃん

をコピペすると、たいていこうなるはず。

親譲おやゆずりの無鉄砲むてっぽうで小供の時から損ばかりしている。

いったん ruby 要素のことは考えずに、ルビの文字列だけ消滅させてしまえばコピペしたときにはわからなくなるので、そういうことをする最短の JavaScript スニペットを作った。それがこちら。

Array.from(document.querySelectorAll('rt'), el => el.parentNode.removeChild(el))

参考

blog.sushi.money

Preview.app で Slack のカスタム絵文字をいい感じに作る

この記事では、macOS に標準で付属している Preview.app だけを使い、普通の写真から対象物だけを切り出した Slack 絵文字に最適な画像を作る方法を説明する。

今回は例として、

  • 以下の写真の右上部分に写っている赤くて丸い缶バッジだけを切り出して
  • 背景を透過にした
  • サイズが 128 × 128 以下の png ファイル

を作ることを目標とする。

続きを読む