学ぶ、考える、書き出す。

3月20日から21日にかけて開催されたWeb Speed Hackathon 2026に参加しました。

Claude Codeで使えるSkillsの仕組みを使って、Web Platform BaselineをClaude Codeから参照できるようにしました。

ようやくダークモードをブログに実装した話。

いいねボタンをフロントエンド・バックエンドの両面で設計・実装した記録です。

個人の技術ブログ（今あなたが見ているブログ）をリニューアルしました。

vitest と eslint-plugin-import に依存している環境では、vitest.config.ts内で vitest/config をインポートすると Unable to resolve path to module 'vitest/config'. eslint(import/no-unresolved) と表示されることがあります。

当ブログのシステム構成について紹介します。構成を真似することでほぼ無料（後述）でブログを運営できます。

はてなブログのMarkdownによる記事編集画面やesa - 自律的なチームのための情報共有サービスのように、本文の編集画面とリアルタイムプレビューが横並びになるような投稿フォームが個人的に好みです。

ファミリーマートの公式X（Twitter）の投稿に、画像の代替テキストを改善できそうな投稿がありました。

当ブログのUIで使う文言を国際化対応しました。

Sinon.JSのバージョンをv14.0.0に上げた際、エラーが出てテスト実行が失敗するようになりました。

いま自分は、担当サービスのアクセシビリティ向上を推進する「アクセシビリティタスクフォース」を率いる立場になっています（アクセシビリティタスクフォースについては AbemaTV ABEMA iOS版アプリのアクセシビリティ向上支援 ｜ 事例紹介 ｜ 株式会社コンセント で少し触れられています）。

X（Twitter） のトレンドを見ると、イラつきを覚えるようになりました。そんなにイラつきを覚えるようなら見なければいいし、そもそも X（Twitter） やめろという話はあります。

Preact と TypeScript を使った環境で Storybook を使おうとしたら以下のエラーが出ました。

前から macOS のように Windows でも Ctrl キーを使ったカーソル移動をおこないたいと思っていました。

このブログは最初はてなブログで書いていて、1 年前にこっそり Next.js + Contentful という仕組みに変えて運用していた。

Windows Subsystem for Linux(WSL)上で Headless Chrome を使って、PDF 出力をしてみました。

@types/node に依存した状態で以下のようなコードを書いたときに Type 'Timer' is not assignable to type 'number'. というエラーメッセージが出ます。

かつてAtomic Design の考え方と利点・欠点という記事を書きました。

12/3（土）にCSS を破綻させないという内容をbuilderscon tokyo 2016で話しました。

Atomic Design はデザインシステムを作る方法論となります。

とある事情により、Chromium の stable と beta チャンネル間で変更された点から、バグが直されたコミットがどれなのか確認する必要に迫られました。

少し主語を大きく書いてしまいましたが、\*.css と gruntfile.js についての話です。

wearefractal/vinyl-fs の dest(folder, \[opt]) が出力先のディレクトリが無い場合でも、そのディレクトリを作ってくれないということで、自分で「ディレクトリの有無を確認して、無い場合はディレクトリを作る」という処理を作る必要がでてきました。

MindBEMdingのModifierを定義する際、単一のクラスセレクタで書く方法と、複数のクラスセレクタで書く方法があります。

GitHubのContributionsを眺めていて「これってEnlightenedの色だよね」と思ったので、Resistanceの色に置き換えるようなChrome拡張を作ってみました。

CSS は、書くのが怖いと自分は感じます。

CSSで @keyframes に background-image プロパティを指定してクロスフェード効果で背景画像の表示が切り替わるという動作を実装しようとしました。

CSS Architecture Advent Calendar 2014 9 日目の記事になります。

やりたかったこと

カラーコードを判定するための正規表現を書きました。