Docusaurus | HKDocs

📄️Cloud Run と Value Domain で Docusaurus サイトにカスタムドメインを設定する手順

Google Cloud Run でホスティングした Docusaurus サイトに Value Domain のカスタムドメインを設定する手順。DNS 設定から Cloud Run マッピングまでの実践的な記録です。

Docusaurus サイトに Algolia DocSearch を組み込んでサイト内検索を実装する手順と課題解決の記録です。

Docusaurus プロジェクトの開発環境を Docker Compose で構築した際の手順とポイントを整理した記録です。ローカル開発環境の統一とセットアップ簡略化を目的とした実践的な備忘録です。

GitHub Actions で新規ブログ記事を検知し、Twitter カードとして X（旧Twitter）へ自動投稿する機能の実装手順とトラブルシューティングの記録です。

Docusaurus のナビゲーションバーにアイコンを表示させる3つのアプローチ（CSS・SVG・画像）を実装パターン別に整理した備忘録です。

Docusaurus サイトに React と TypeScript を使い localStorage を活用したブラウザメモ機能を実装した際の仕様と技術的ポイントをまとめた記録です。

Docusaurus サイトに日本語・英語の多言語対応（i18n）を実装する手順を解説します。Docker 環境でのコマンドや本番デプロイ前の動作確認方法も含む実践的な備忘録です。

Docusaurus v3 の i18n 導入時に発生したクライアントサイドのルーティング崩壊と Cloud Run でのコンテナ起動失敗という2つの問題を解決した記録です。

Docusaurus サイトのナビゲーションバーとフッターを多言語化（i18n）する手順の備忘録。翻訳ファイルの配置から動作確認まで具体的なワークフローを整理します。

Docusaurus サイトに Google Analytics 4（GA4）を導入してアクセス解析を行うための設定手順をまとめた備忘録です。gtag プラグインの設定方法を解説します。

Docusaurus の Docs ページに最終更新日を表示する方法の解説。Git 履歴に依存せず CI/CD 設定変更も不要な、フロントマターを利用したシンプルな実装方法です。

Docusaurus 多言語サイトで Algolia 検索の言語混在問題を解決する方法。サイトの表示言語と連動した最適な検索体験を実現するための具体的な設定手順を解説します。

Docusaurus のブラウザメモ機能に URL 共有機能と UX 改善を実装した記録。lz-string を使ったメモの URL 共有とパフォーマンス最適化の技術的ポイントをまとめます。

Docusaurus サイトに国内外のニュースサイトを一覧できるニュースページを実装した備忘録。React・TypeScript・CSS Modules を使った i18n 対応ページの実装記録です。

Docusaurus の各記事に X（Twitter）・はてなブックマーク等の SNS シェアボタンを実装した記録。CSS Modules を使ったコンポーネント設計の技術的判断をまとめます。

Cloud Run でホスティングした Docusaurus サイトに Decap CMS を導入した記録。Netlify で CMS 管理画面・Cloud Run で公開サイトをホストするハイブリッド構成の解説です。

Decap CMS の config.yml と index.html をカスタマイズして UX を改善した記録。モバイル操作性の向上と定型入力の効率化を図る実践的なチューニング方法を解説します。

Docusaurus のアナウンスメントバーを多言語化する方法。process.env.DOCUSAURUS_CURRENT_LOCALE を使った条件分岐で言語切替に対応する設定方法を解説します。

Docusaurus のブラウザメモ帳に Mermaid 記法による作図機能を追加した備忘録。既存の Markdown プレビュー機能を拡張してテキストベースで図形を描画・プレビューする仕組みの実装記録です。

Docusaurus の各記事に GitHub スターの応援ボタンを実装した備忘録。OAuth 認証を使わず GitHub API でスター数を取得するカスタムコンポーネントの設計と実装を解説します。

Docusaurus サイトに Stripe Payment Link を使った支援ボタンを実装した備忘録。フロントエンドのみで完結しシークレットキー不要の安全な設計の解説です。

Docusaurus + Algolia の検索精度を単一インデックス構成で改善した備忘録。contextualSearch の正しい挙動を踏まえ、Crawler REST API 経由で設定を適用する手順を解説します。