ブラウザメモ機能：URL共有とUX改善の実装記録
· 約4分
Macのキー長押しで連続入力（キーリピート）を有効にする方法
· 約5分
当サイトがお役に立ちましたら、ご支援の程お願い致します
Macで快適な文字入力を取り戻す
Macで文章を作成したり、コードを書いたりしている時、aキーを長押ししたらaaaaa...と連続で入力されてほしいのに、以下のようなアクセント記号（例：à）付き文字の選択メニュー（アクセントメニュー）が表示されて困った経験はありませんか？
これはmacOSの「プレスアンドホールド」という便利な機能ですが、特にプログラミングや文章作成でキーを連続入力したい場合には、かえって作業の妨げになることがあります。
Mac関連の他の記事: カスタム壁紙が反映されない問題 ・ ストレージ空き容量の確保 ・ 公衆WiFiの認証画面問題
本記事では、このアクセントメニューを無効化し、従来のキーリピート（連続入力）を有効にする方法を、Macに不慣れの方にも分かりやすく解説します。
本記事は以下の環境で動作確認済みです。
- Mac: M1, 2020
- macOS: Sonoma 15.1 (24B83)
Docusaurus多言語サイトでAlgolia検索を言語別に最適化する方法
· 約7分
当サイトがお役に立ちましたら、ご支援の程お願い致します
Docusaurusで構築した多言語（i18n）サイトへのAlgolia DocSearch導入時、検索結果に複数言語が混在するという課題への直面。日本語での検索時に英語ページがヒットするなど、ユーザー体験を損なう事態が発生しがちです。
本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
本記事では、この問題を解決し、サイトの表示言語と連動した最適な検索体験を実現するための具体的な設定手順を備忘録として整理します。
2026-07 追記：本手法の重要な訂正
本記事の「contextualSearch がロケールに応じてインデックス名（yoursite_ja / yoursite_en）を組み立てて検索する」という説明は誤りでした。実際の contextualSearch は indexName を変更せず、単一インデックスに対しクエリ時に language:<locale> などの facetFilters で絞り込みます。当サイトは単一インデックス構成に統合済みです。訂正後の正しい手順は DocusaurusのAlgolia検索を単一インデックス構成で精度改善する を参照してください。
この記事で実現できること
- サイト表示言語（日本語/英語）と連動した検索結果の出し分け。
- URLパス（
/or/en/）に基づく、コンテンツの言語別Algoliaインデックスへの自動振り分け。 - 日本語と英語、各言語特性に合わせたインデックス設定による検索精度の向上。
DocusaurusのDocs記事に 最終更新日 を表示する簡単な方法
· 約4分
当サイトがお役に立ちましたら、ご支援の程お願い致します
当サイト（Docusaurus）のドキュメント記事に、情報の鮮度を示す「最終更新日」を表示させる簡単な実装方法の整理します。
Docsフォルダには、Blogフォルダのように、作成日など日付の記載がデフォルトではされないようなので追加することを決定しました。
Gitの履歴に依存せず、CI/CDの設定変更も不要な、Front Matterを利用した方法の採用しました。
本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
参考資料:
DocusaurusにGoogle Analytics (GA4)を導入する
· 約4分
当サイトがお役に立ちましたら、ご支援の程お願い致します
Docusaurusで構築した当サイトにGoogle Analytics 4 (GA4) を導入し、アクセス解析を行うための設定手順を備忘録として整理します。
本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
機能:
- DocusaurusサイトにGoogle Analytics 4 (GA4) を導入。
- サイト全体のアクセス解析を可能に。
Docusaurusのナビゲーションバーとフッターを国際化（i18n）する手順
· 約4分
当サイトがお役に立ちましたら、ご支援の程お願い致します
Docusaurusサイトの主要UI、ナビゲーションバーとフッターを国際化（i18n）編集した際の備忘録として整理します。
基本的な i18n の導入手順は Docusaurus サイトを多言語対応するための実装手順 を参照してください。
また、本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
1. 目的
Docusaurusのi18n機能は、サイトのテキストを多言語に対応させるための仕組み。今回は、ナビゲーションバーとフッター に新しい項目を追加し、それを日本語（デフォルト）から英語へ翻訳するまでの流れを解説します。
Docusaurus サイトを多言語対応 (i18n) するための実装手順
· 約7分
当サイトがお役に立ちましたら、ご支援の程お願い致します
この記事では、Docusaurus で構築したサイトに多言語対応（i18n）機能を実装し、日本語（デフォルト）と英語のコンテンツを切り替えられるように設定した際の手順を整理します。
公式ドキュメントを参考にしつつ、Docker 環境でのコマンドや、デプロイ前の確実な動作確認方法など、実践で役立つポイントも交えて解説します。
なお、導入後に発生した ルーティング崩壊とデプロイ失敗の解決録 や、ナビゲーションバー・フッターの国際化手順 も併せて参照してください。
また、本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
前提環境:
- サイトジェネレーター: Docusaurus (プロジェクトセットアップ済み)
- 開発環境: Docker (ローカル環境のコマンドも併記)
- 目標: 日本語(
ja)と英語(en)の2言語に対応させる
Docusaurusのi18n導入で発生したルーティングとデプロイの問題解決録
· 約6分
当サイトがお役に立ちましたら、ご支援の程お願い致します
この記事では、Docusaurus v3 で構築したサイトに国際化（i18n）機能を追加した際、直面した2つの厄介な問題、「クライアントサイドのルーティング崩壊」と「Cloud Runでのコンテナ起動失敗」について、その原因特定から解決までの道のりを記録したものです。
i18n の基本的な導入手順は Docusaurus サイトを多言語対応するための実装手順 にまとめています。
また、本記事は執筆当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 を参照してください。
前提環境:
- サイトジェネレーター: Docusaurus v3
- ホスティング: Google Cloud Run
- 開発・デプロイ: Docker, GitHub Actions
- パッケージマネージャー: pnpm
Docusaurus サイト内ブラウザメモ機能の実装記録
· 約6分
当サイトがお役に立ちましたら、ご支援の程お願い致します
この記事では、DocusaurusサイトにReactとTypeScriptを利用して、クライアントサイドで動作するシンプルなブラウザメモ機能を実装した際の主要な仕様と技術的ポイントを整理。
なお、本機能はその後 URL共有機能とUX改善 で大幅に拡張しています。
また、本記事は実装当時の記録です。継続的にメンテナンスしている手順は 技術ドキュメント版 にまとめています。
1. 基本機能と目的
ユーザーがブラウザ上で手軽にテキストメモを作成・保存し、次回訪問時にも内容を保持できる機能の提供。 サーバーサイドの処理を介さず、すべてクライアントサイド（ブラウザのlocalStorage）で完結させることによる手軽さと応答性を重視。
Docusaurus ナビゲーションアイコン編集：3つのアプローチ
· 約6分