Memo
Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

岡野陽一が話してたトランプゲームのバサが気になる。ローカルゲームなのかズンドコベロンチョ的なものなのか。ルールを知っている人がいないことから後者なのかな。

www.youtube.com/watch…

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Image 1
Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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

Image 1
Keisuke Hayashi
Keisuke Hayashi

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

Keisuke Hayashi
Keisuke Hayashi

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