「react」タグのついた8記事

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

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

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

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

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

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

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

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