固有名詞に頼らず、期間・役割・規模・動詞の選び方だけで経歴の説得力を作る技術。
ハンドオフされたHTML/CSS/JSのうち、「残すべき意図」と「捨てていい実装の都合」をどう見分けたか。
「ネタ出し」「執筆」「保管」を分業させ、issueを非同期のキューとして使うという運用の話。
Astroのscoped styleを使わず、あえて1枚のグローバルCSSに集約した設計判断。
「name」フィールドに実名を入れないPersonスキーマは、検索エンジンにとって意味をなすのか、という検証の記録。
自動デプロイに任せきりにせず、手元からいつでも上げられる経路を残しておく設計。
@tailwindcss/viteプラグイン方式に乗り換えて感じたことと、実際は素のCSSで組んだ理由。
派手な演出ほど、動かないデバイスでどう振る舞うかを先に決めておく、という設計判断の話。
Marcellus / Zen Kaku Gothic New / Zen Old Mincho / DotGothic16——見出し・本文・世界観のフォント選定基準。
blur量とsaturateの掛け合わせで、素材にはならない透明感をどう作ったか。
window.scrollYを監視するだけのシンプルな実装と、なぜIntersectionObserverを使わなかったかという判断。
<head>内インラインスクリプト×localStorage×data属性という組み合わせは、実は汎用的な「初期状態の先読み」パターンだという話。
プロジェクトルールを1ファイルに書いて、匿名性を実装ガードレールとして機能させた話。
title・description・date必須、draftで下書き――スキーマを最小構成にした理由。
box-shadowとdrop-shadowが乱立しないよう、光の質感を一箇所の変数に集約した理由。
.revealクラスひとつで統一したスクロール演出と、兄弟要素を少しずつ遅らせるスタガーの実装。
星の数・大きさ・またたきをどう乱数で設計したか。「派手にしすぎない」ノイズの効かせ方の話。
デザインの「意図」はどこに宿るのか。ハンドオフバンドルを読み解いて実装した手順の記録。
夜・夕暮れ・昼の3ムードを属性ひとつで切り替える仕組みと、リロード時のチラつき対策。
画像ファイルを1枚も使わずに、ロゴもアイコンも装飾もコードから生成する話。
尾を引いて追従するカーソル演出の作り方と、transformの適用順でハマった話。
出来の良い素材ほどデザインから浮く。統一感の正体について考えたこと。