このサイトについて

このサイトは、モバイルアプリのアプリ内課金バックエンド設計に関するドキュメントを公開しています。このページでは、閲覧時に利用できる機能やサイトの技術構成を紹介します。

---

閲覧機能

テーマ切り替え

ヘッダー右上のセレクトから システム設定・ライト・ダーク の 3 モードを選択できます。選択はページ読み込み時にちらつきなく即座に反映され、コードブロックや Mermaid ダイアグラムの配色もテーマに連動して切り替わります。

目次パネル

各ドキュメントページでは、ページ内の見出し構造から自動生成された 目次 がサイドパネルに表示されます。現在表示中のセクションがハイライトされるため、長いページでも読んでいる位置を把握しながら目的のセクションにすばやく移動できます。

ページナビゲーション

ドキュメントの 前へ / 次へ リンクがページ下部に表示され、順序どおりに読み進められます。ドキュメント一覧ページからはセクションごとに整理された全ページへアクセスできます。

コードブロック

コードにはシンタックスハイライトが適用されており、ライト / ダークテーマそれぞれに最適化された配色で表示されます。各コードブロックの右上にある コピーボタン をクリックすると、コードをクリップボードにコピーできます。コピー完了時にはアイコンが一時的に変化してフィードバックを返します。

Mermaid ダイアグラム

ドキュメント内の図表は Mermaid で描画されます。各ダイアグラムの右上にある拡大ボタンをクリックすると ライトボックス が開き、以下の操作で詳細を確認できます。

• ズーム — + / - ボタン、またはマウスホイール / トラックパッドのピンチ操作で拡大・縮小できます（50% 〜 400%）。
• ドラッグ移動 — 拡大中にダイアグラムをドラッグ（マウスの左ボタンを押しながら移動）して表示位置をスクロールできます。
• 全体表示 — 「全体」ボタンで画面内に収まるサイズに自動調整されます。
• 実寸表示 — 「実寸」ボタンで 100% 表示に戻せます。
• 閉じる — 「閉じる」ボタン、背景クリック、または Escape キーでライトボックスを閉じられます。

テーブル

幅の大きいテーブルは横スクロールに対応しており、画面幅を超える内容でもスクロールして閲覧できます。さらにテーブルがコンテンツ幅を超える場合は 拡大ボタン が表示され、ライトボックスで全体を見渡すことができます。

外部リンク

外部サイトへのリンクは自動的に新しいタブで開きます。

---

LLM 向けエンドポイント

大規模言語モデル (LLM) がドキュメントを効率よく取得できるよう、以下のエンドポイントを提供しています。

---

技術スタック

このサイトは Astro で構築し、Cloudflare Workers でホスティングしています。スタイリングには Tailwind CSS を使用しています。