AIチャットBotのDocker Compose環境をセキュリティを考慮して構築した話
AI チャット Bot を Docker Compose で安全に運用するためのセキュリティ設計を実践解説。非 root 実行・socat bridge による Gateway 分離・Telegram トークンのコンテナ分離など、ベストプラクティスを実装コード付きで紹介します。
Claude CodeでGLM APIに切り替えるシェル関数を実装
Claude Code を Anthropic 公式 API と Zhipu GLM API でワンコマンド切替するシェル関数の実装。環境変数 ANTHROPIC_BASE_URL / ANTHROPIC_API_KEY を zsh 関数で動的に書き換え、コスト最適化と検証用途に活用するパターンを解説。
Next.js 16 Cache Components と Server Component 統合によるSupabaseクエリキャッシュ実装
Next.js 16 の Cache Components と Server Components を組み合わせて Supabase クエリを効率的にキャッシュする実装パターン。`use cache` ディレクティブと revalidateTag の使い分け、ストリーミング SSR との統合を実装例付きで解説。
Docker環境のOpenClawにTelegram音声文字起こしとモデル動的切替を設定した
Docker 環境の OpenClaw に Telegram 音声文字起こし (Whisper API) とモデル動的切替 (Claude / GPT / Gemini) を設定した実装記録。チャット Bot を声で操作可能にし、コスト/品質のバランスをユーザー側で調整できる構成を紹介。
ESLint 9.x Flat ConfigとStylelintをVitePressに導入する完全ガイド
VitePressサイトにESLint 9.x Flat ConfigとStylelintを導入した実践ガイドです。TypeScript/JavaScript混在環境での設定方法、GitHub Actions CI/CD自動化、つまづきポイントと解決策を具体的なコード付きで解説します。
Ultimate MemberフォームのChoices Callbackフィールドで数値IDが表示される不具合の修正方法
Ultimate MemberフォームのChoices Callbackフィールドで数値ID（1, 4, 5）が表示され、ラベル名が表示されない不具合の解決方法です。フィルター関数の修正コード付きで即座に対応できます。
ReactでBefore/After画像比較スライダーを実装する方法｜react-compare-sliderを使った完全ガイド
ReactでBefore/After画像比較スライダーを実装する方法を徹底解説。react-compare-sliderを使って、タッチデバイス対応・アクセシビリティ対応のインタラクティブな比較UIを簡単に作成できます。実践的なコード例付きで紹介します。
Reactで複数選択比較機能を実装する方法｜useStateとアクセシビリティ対応完全ガイド
Reactで複数選択比較機能を実装する方法を徹底解説。useStateを使った選択状態管理、Setと配列の組み合わせパターン、モーダルのアクセシビリティ（フォーカストラップ）対応まで、実践的なコード例と共に紹介します。
Edge-side i18nリダイレクト実装ガイド | Cloudflare Pages Functionsで多言語対応
Accept-LanguageヘッダーとCookieを使用した自動言語判定、SEO対策（ボット検出）、セキュアなCookie実装を完全解説。Cloudflare Pages Functionsでの実装手順を35個のテストケース付きで紹介。
OpenClaw を Docker Compose で構築する完全手順 — Clawdbat / Moltbot 起動まで
OpenClaw（Clawdbat / Moltbot）を Docker Compose で構築する完全手順を解説。docker-compose.yml のサンプル・コンテナ起動確認コマンド・非 root 実行などのセキュリティ設計まで、1 ページで実装できます。