えいろねいあ

しょぼいアウトプット

css で光るうんちを実装する

この記事は、 css で光るうんちを実装するタスクが終わらなくて夜遅くまで残業して誰もいないオフィスでモンスターエナジーを飲みながら死んだ魚の眼にモニタの青白い光を映しているエンジニアのために書いている。

さっさと終わらせて家に帰って温かい布団で寝よう。

やるべきことはふたつ

  • うんちを html と css で実装する
  • うんちを光らせるスタイルを css で実装する

ちがう。プログラマは自分でコードを書いてはいけない。車輪の再発明はするなという教えがある。 ⌘ + c と ⌘ + v だけでお金を稼ぐのが本物のプログラマだ。自分は ⌘, c, v 以外のキーキャップはメルカリで売った。必要ないからだ。YAGNI の原則だ。必要なもの以外実装するな。

だからつまり、だれかの書いた光るコードと、だれかの書いたうんちのコードを合体させればいい。すごい、光るコードとうんちのコードって言うとなんか光と闇みたいだ。かっこいい。うんちという言葉はお下品なので、以降は光のコード、闇のコードと呼ぶことにする。

だからほんとうにやるべきなのはこうなる

  • 闇のコードを見つける
  • 光のコードを見つける
  • コピペ合体させる

闇のコードはこれを参考にする

https://codepen.io/joelshapiro/pen/VBNKMe

光のコードはこのサイトを参考にする

lpeg.info

合体!! (コピペ * 2)

おおおお、うんちが光った!

codesandbox.io

本当にコピペしただけなのでなんで光ってるのかはわからない。でもそれでいい。よくわからないけど光っている。それが美しい。何にでも理由を求める男はモテない。わからないものをわからないまま楽しむ余裕のある大人でありたい。