📊 5 views
個人ブログにQRフォトメーカーを作った話【つまずきポイントと解決まで】
背景写真が透けて見えるQRコードを作れる「QRフォトメーカー」を個人ブログに実装しました。企画から実装、UX改善まで。qr-code-stylingでの半透明QR実装やWi-Fi特殊文字エスケープのつまずき、マージンUIの試行錯誤などを共有します。
技術
プログラミングや開発で学んだことを実体験と共に紹介しています。苦労話や躓いた話など
📊 12 views
【実体験】GA4 APIのRESOURCE_EXHAUSTEDは「待つだけ」で直った
Astroブログのビルド時にGA4 Data APIが突然RESOURCE_EXHAUSTEDエラーで動かなくなった。調べてみたら、意外と知られていない「サーバーエラークォータ」が原因でした。無料枠のクォータ制限の全体像と対策をまとめます。
📊 67 views
Claude Code CLI 便利機能まとめ【セッション管理・コンテキスト操作・ショートカット】
Claude Code CLIの便利機能を紹介。会話を再開できる--continue、トークン節約の/compact、メッセージ編集のEsc+Escなど、知っておくと作業効率が上がる機能をまとめました。
📊 76 views
AstroブログにMermaid図表を導入した話【ハマったポイントと解決策】
Astro製ブログにMermaid図表機能を追加しようとして、予想外に苦戦しました。rehype-mermaidの設定、Playwrightのエラー、シンタックスハイライトとの競合など、実際にハマったポイントと解決策を詳しく解説します。
📊 49 views
【第2章】Meta タグとOGP設定でSNSシェアを最適化！Astroブログで実装してみた
SEO対策の第2章として、Meta タグとOGP設定をAstroブログに実装してみました。検索結果やSNSシェアの見栄えを改善する方法を、実際のコード例と試行錯誤のプロセスを交えて解説します。
📊 49 views
Claude Code CLIのカスタムコマンドでブログ記事の品質チェックを効率化した話
Claude Codeのカスタムコマンド機能を使って、ブログ記事の事実確認を自動化する方法を紹介。技術記事や雑記記事の信頼性を高めるための実装例を解説します。
📊 32 views
【第1章】SEO対策とは？個人ブログ開発者が検索順位を上げるために調べた4つの施策
SEO対策って何をすればいいの？と思って調べてみた話をまとめました。検索エンジンで上位表示されるために重要な4つの施策（コンテンツ最適化、技術的SEO、UX、外部対策）とGoogleの評価基準（E-E-A-T）を解説します。
📊 172 views
Claude Code CLIのカスタムコマンドでブログ運営を効率化する方法
Claude Code CLIのカスタムコマンドで、記事作成からレビューまで自動化したら爆速になった！実際に作った「ブログ作成を支援」「ブログのレビュー」コマンドのコードと使い方を全部公開。ブログ運営を効率化したい人におすすめです。
📊 132 views
Astroブログでダークモード実装してみた話【FOUC対策からアクセシビリティまで】
Astroブログにダークモード実装した時にぶつかったFOUC問題、LocalStorageとの連携、アクセシビリティ対応まで、実際に躓いたポイントと解決方法を全部コード付きで解説します。個人開発でダークモード入れたい人は必見です！