荒川の河川敷から見るスカイツリーが、真っ赤に染まって綺麗だった。

ロールキャベツと白ワイン。奥に見えるのがキノコのバターソテー。

Notion落ちたか。Cloudflareがだめなら仕方ない。

会社のアドベントカレンダーでフロントエンド目線のデザインパターンをテーマに記事を書くことにしたので、O'Reillyのフクロウ本（Node.jsデザインパターン）を読み返す。

フロントエンドのfeature flagの運用ってなかなか難しいな。flagがあるから大丈夫だろうと思っていても、思わぬところでスタイルがデグレしていたり、予期せぬAPIを呼び出してしまったり。各人が気をつけろと言えばそれまでだが、システマチックにカバーできないものか。

良い服を作るためには良い服をたくさん手に取ってみることが必要。良いコードを書くためには良いコードをたくさん見て動かしてみることが必要。良い服を手に取るためには居心地の悪いブティックに入らないといけないが、良いコードを見るためにはGitHubにアクセスするだけで良い。

新潟のルレクチェをゲット。バナナのような甘さと食感がクセになる。

あと30mで10kmだったのに。

Rummyと浅煎りのコーヒーは最高に合う。

[定期] 森伊蔵の電話抽選落選

気になっていた骨伝導ヘッドセットをゲット。ブラックフライデーだから少し安く買えた。かなり軽いのと耳を塞がないので長時間付けていてもほとんど気にならない。

YuLife = ナンプレ。

過去最長の25km走った。途中までは良い感じだったが、20km過ぎるとガクッと脚に力がなくなった。今回はハムストリングと大臀筋が張っているので、フォームとしては改善されてきたのかも。シンスプリントはほぼ気にならなかった。

最近は全然 kkhys.me を更新できてないな。

骨伝導ヘッドセットが気になる。今の仕事が通話周りに関連していることや割とミーティングの時間が多いこともあり、ヘッドセットを付ける機会が多いのだが、ずっと付けていると耳は蒸れるし、頭痛を引き起こしてしまう。それらを解消できるのなら買ってみるのもありな気がしている。

長距離ランニングするようになってから思うこと。Apple WatchはCellularモデルを購入すべきだった。スマホがないと連絡取れないのは何かあった時に不安だ。

今年後半にApple TV 4Kが出ると踏んで購入せずにいるのだが、本当に今年発売されるのかな。さすがに12月発売はなさそう。

GoogleでBad UXと検索すると検索結果の書体が手書き風になるのか。知らなかった。アルファベットオンリーだけど。Comic Sansというフォント。

楽天で購入する時、店舗のメルマガ購読がデフォルトで有効になっているのはBad UXだ。毎回、オプトアウトするのが手間。

仕事を早めに切り上げてカレーを作った。

ゴミ捨て場の段ボールが増える季節になってきました。

ふと気になったけど、XのPost詳細ページのパスが/statusなのはなぜだろう。

JetBrains系IDEからZedに切り替えて1週間経つけど全然問題なさそう。むしろ、全くストレスなくコーディングできている。WebStormでも十分軽いと思ってたけど、あれは重い部類に入る挙動だったんだな。本格的にZedに移行していこうと思う。1つ残念なのが、2週間前にJetBrainsの1年契約を済ませてしまったこと。サムライズム経由だから解約は無理だった。

よくよく考えてみれば、大量の投稿を20件ずつJSONファイルに分割しておいて、Intersection Observerを使って都度投稿を読み込むようにすればパフォーマンスの問題はなさそう。ただ、それをタグごとにするってのは重すぎる気がする。ましてや検索結果は動的に変わるから頭が痛い。まとめると、Infinite Scroll + List Virtualization + JSON chunked + キャッシュありのSSGが今やりたいこと。

瞑想はApple Watchのマインドフルネス>呼吸を活用している。最長5分間までしかないのが惜しい。

ヨガをする前に5分間瞑想を挟むと呼吸のリズムが整って良い感じ。

あとはビルドの最適化を考えたいところ。毎回全てのコンテンツをビルドするのは非効率的なので、変更があった要素だけビルドするような機構を構築しないと。Astroにそのような機能があったかな？なければ専用のIntegrationsを追加したい。Vercelのキャッシュについての理解も必要。

XやBlueskyのようなアプリは、カーソルベースのAPIを使ってスクロールされるたびに投稿を少しずつ取得している。かたやこのサイトはSSGで構築しており、一気に全ての投稿を表示させているという違いがある。投稿数が少ない間はSSGの方が圧倒的に速いが、投稿数が多くなればなるほど何も対策をしなければFCPが延々と長くなる。今は猶予期間だがList Virtualizationや1つのファイルを分割して必要になったタイミングで読み込ませるようなパフォーマンスの改善は必須。それをいろいろ試してみるのが楽しみ。

このmemoサイトにもハッシュタグ機能を付けたい。MarkdownのFrontmatterにタグを追加するか、文中の#から始まる単語を抽出してページを生成するかのどちらか。実装的にはFrontmatterを使う方が100倍楽。文中にタグを埋め込むケースよりも投稿に紐づけたい場合が多いだろうからFrontmatterを使おうかな。

仕事休憩中にサクッとランニング。フルフレックスの良さ。

text-autospaceプロパティが個人的に革命的だった。今までは英数字の間に半角スペースを挟んでいたが、このプロパティを使えば適度なスペースが設定される。

このメモサイトのReset CSSにはkiso.cssを使っているけど、なかなか素晴らしい。日本語環境に特化しているのでブログ系のサイトにおすすめ。

PRの行数を200行以下に抑えるように最近している。レビュワーの認知負荷をいかに少なくするかが大事。PRの説明にしても、無駄な情報があるだけでレビューの質が下がってしまう。

脚が痛いなら上半身を鍛えれば良い。ただし、身体のどこかが痛いだけでモチベーションが下がることも考慮すべき。怪我のリスクは多少上がる。

4週連続で週末に20km走ったが、シンスプリント、ランナー膝と、初心者ランナーがなりやすいとされる病態を順調に獲得している。次は何だろう。

[定期] 森伊蔵の申し込み完了。

最強のハンドクリーム。これからしばらくお世話になります。

正真正銘の子どもが減って、子どもっぽい大人が増えてきた。

この作業が終わったらジムへ行こうと考えるのではなく、この時間になったら全ての作業を止めてジムへ行くと割り切った方が健全だと最近気づいてきた。

案外見積もりは当てにならなくて、どんどん後ろ倒しになった結果、結局ジムへ行けないわ、タスクも終わらないわでメンタル的な負債を抱えるだけなパターンを経験してきたので、時間で区切るのはアリな気がしている。「世界一流エンジニアの思考法」でも同じようなことが書かれていた。

移行後、はじめてのつぶやき。

iOSではinput要素に指定しているfont-sizeが16px未満になると、フォーカス時にズームされるのか。知らなかった。大人しく16px以上で指定するのが良さそう。

お酒を飲んで饒舌になる人がいるように、筋トレをして饒舌になる人種も一定数存在する。

AIが進化することでUI自体が不要になるかも。ここで言うUIとはWeb AppやWeb SiteのUIのこと。ChatGPTと接続できるMCPみたいなものを用意しておけば全ての操作をChatGPT上で行える世界線。そこまで極端なことはすぐには起きないだろうが、相対的にフロントエンドの価値が下がることは間違いない。

久々にshadcn/ui見たら、新たなコンポーネントが追加されていた。相変わらずセンス良いよなあ。

自分で直した方が早い1行のコードでも、あえてAIに直してもらうことが今度を考えると大事。むしろ、ピンポイントの修正は正確な指示を与える必要があるので意外と難しい。メルカリのとあるチームは1週間だけ手動コーディングを禁止したらしいがそれぐらいしないと指示の仕方は身につかない。

AIを使いこなせるのは当然として、いかに無駄なコンテキストを使わずに、かつAIに休む時間を与えずに指示を与え続けられる人材がこれから重宝されていくだろうと思う。でも、ある意味AIが普及する前よりもハードな働き方にはなる。皮肉なことだが。

AIエージェントが一般的になる前と後では同じ8時間働くにしても楽さが全然違う。AIの回答を待つ間の空白時間をどう有意義に過ごすべきかをこれから考えていかないと。並列でタスクを動かし続けるというのが理想だから、それを容易にするツールも徐々に出てきているし活用しないとなあ。

シンスプリントに悩まされてる人へ。ランニング後はシャワーの冷水を当てながら手のひらでふくらはぎ全体を筋膜リリースすると、かなり楽になる。水を当てながらというのがポイント。滑りが良くなるため。

コーディング中に何の音楽を聴くか問題。もちろん、無音やカフェなどのごちゃごちゃした音が最も集中できるとは思うけど、今日試したゲーム音楽もなかなか良かった。特にシューティング系のゲームは集中しないとクリアできないので、研ぎ澄まされた感覚がタイピングに向かっている感じがして良かった。

Notionのページ上部に表示される誰が閲覧しているか分かる機能。あれって本当に必要なのか？誰もいないと思った古びたページに誰かいたら気まずい。

結婚指輪って自分がどれだけ浮腫んでいるかを測るための計測器具としての側面もある。

Claude Codeのタスク終了時に効果音を鳴らしているが、1日中動かしっぱなしで何度も聞いているせいで、何もしていないときにも完了時の音が幻聴として聞こえるような体になってしまった。もちろんターミナルを見たら真っ黒な画面。

忘れていたが、思い入れの要素も大きいよなあ。とりあえずMastodonを立ち上げてみたけど大して更新もしていない場合と、何年も地道に積み上げてきたブログでは比較する対象としては間違っている。思い入れみたいな純粋に数値化できない要素を比較時はどのように考慮すべきなのか、その辺を知りたい。

ただ、最終更新日時が何年も前の、誰も見ていないようなWordpress製のブログは消されずに残っていることが多い気がする。サーバの存在を忘れて金を払い続けているのだろうか。当然メンテナンスもされてないだろうから迷惑メールの踏み台やボットネットとして使われているのかもしれない。

Mastodonでおひとり様サーバを建てました！って人のブログ記事を見ると、肝心のMastodonへのリンクが切れているパターンがほとんど。やはり、みんな資金不足で泣く泣くインスタンスを破棄したのだろうか。Mastodonだけではなく、Misskeyも同様のイメージ。

Xで気になる人がいて調べたい気持ちはあるけど、誤タップして相手に通知が行ってしまう想像をしてしまって、検索するまでには至らない。iOS版アプリにフォローボタンやいいねボタンを非活性化できる機能が欲しい。Web版であればChrome拡張機能にそんな感じのアプリがありそうだけれど。

ライフログとしてMastodonを活用していたが、これからさらに円高に振れていくことを考えると海外のサーバで運用し続けるのは厳しい。かといって、Xに全て賭けるのはバンされる可能性を考えると難しい。やっぱり、どの環境でもビルドさえすれば公開できる仕組みを整えるのがいいのかもしれない。

Mastodonでおひとり様サーバを運用していたから理解できるXの凄さ。毎月サーバ代に悩まなくて良いし、動画もアップロードし放題。これが無料で使えるのは本当に凄いことだ。

今年もよく聴きました。

HHKB Studioの試し打ちしてきた。

美味しいコールドブリュー。押上のUNLIMITED COFFEE BARより。

美味しいコーヒーがあれば食に関しては十分。