3466個のDOM要素でも軽快に動作!大量データ表示のパフォーマンス最適化テクニック

MaterialSymbolsの全アイコン(3466個)を一覧表示するWebページを作成していた際、深刻なパフォーマンス問題に直面しました。各アイコンにコピー機能を付けるため、全て…
続きを読む

iOSのpointer-eventsバグとイベント制御対策

Webサイトでリンクやボタンのクリックを無効化したい場面は意外と多いものです。例えば、処理中のボタンを一時的に無効にしたり、特定条件下でリンクを機能させないようにしたりする場合です…
続きを読む

Vibe Codingのワークフロー 実行編3
- GitHubでバージョン管理しながらClaude開発する方法 -

効率的で安全なClaudeCode開発のために、GitHubでバージョン管理を組み合わせた実践的な開発ワークフローをご紹介します。これにより、いつでも前の状態に戻れる安心感と、定期…
続きを読む

Vibe Codingのワークフロー 実行編2.1
- Claude Codeに「Serena」を導入する -

Serenaとは、ClaudeCodeなどのAIコーディングツールを劇的に強化するオープンソースツールです。一言でいうと、「AIに、あなたのプロジェクトを深く理解させるための賢い通…
続きを読む