はじめに

Reinvent Notes のドキュメントセクションへようこそ。

ここでは、ブログ記事よりも体系的にまとめたリファレンスやガイドを置いていきます。 時系列ではなく、トピック別に整理されているのが特徴です。

ドメイン

ガイドはドメインごとに分かれています。ヘッダーの「ドキュメント」からも同じ分類でたどれます。各ドメインのページに、そのドメインのガイドを読む順序と前提知識をまとめてあります。

ドメイン	扱う内容	主なガイド
基礎	フレームワークの下で動いている層。分野をまたぐ土台	Web エンジニア基礎知識ガイド
プログラミング言語	言語仕様そのもの。変数・関数といった土台から型システムまで	JavaScript ガイド / TypeScript ガイド
設計・品質	コードの書き方と構造。命名や関数の分け方から設計カタログまで	クリーンコードガイド / SOLID 原則の深掘り / TypeScript デザインパターン
フロントエンド	UI 構築・スタイリング・コンポーネント設計	React ガイド / Vue ガイド / Tailwind CSS ガイド / shadcn/ui Button
バックエンド	ビジネスロジックの設計・データ永続化・API 構築	データベース設計ガイド / PHP クラス設計ガイド / Laravel API 開発ガイド / Laravel × DDD × クリーンアーキテクチャ / PayloadCMS ガイド
AI・エージェント	ハーネスの仕組みと、数十ファイル規模で運用するための設計	Claude Code ハーネスエンジニアリングガイド / Faceted Prompting で組み直したハーネス
インフラ・運用	インフラ構築と運用	AWS 実践ガイド
その他	サイトの案内と、専用のドメインを立てるほどの本数がないガイド	構造化データ実装ガイド / Markdown 記法リファレンス

入門者の学習動線

言語の土台から設計まで順に登るための動線です。ここに並べた連載が対象で、公開中のガイドの全体像は上のドメイン表から見てください。

連載	Focus	段階	前提	例
JavaScript ガイド	言語仕様 (JS)	入門	なし	「アロー関数と this の挙動」
TypeScript ガイド	言語仕様	入門〜中級	JS 基礎	「Mapped Types の使い方」
React ガイド	フレームワーク	入門〜中級	HTML/CSS + JS 基礎	「useEffect の依存配列」
Vue ガイド	フレームワーク	入門〜中級	HTML/CSS + JS 基礎	「ref を分割代入すると壊れる理由」
Tailwind CSS ガイド	CSS スタイリング	入門〜中級	HTML/CSS 基礎	「@theme で色を追加」
クリーンコードガイド	設計規範	中級以上	TS 基礎	「any を unknown + 型ガードに」
TypeScript デザインパターン	設計カタログ	中級以上	TS + OOP 基礎	「Strategy は関数で足りるか」

各ガイドは 補完関係 にあります。言語の土台を JavaScript ガイドで固め、言語仕様を TypeScript ガイドで身につけます。その上で UI を React ガイドか Vue ガイドで組み立て、スタイリングを Tailwind CSS ガイドで磨きます。コード品質をクリーンコードガイドで底上げし、設計の選択肢を TypeScript デザインパターンで広げる、という流れが想定動線です。

ブログとの使い分け

	Blog	Docs
軸	時系列	体系・トピック
想定読者	何が起きているか追いたい人	特定のトピックを調べたい人
更新頻度	不定期、頻繁	必要に応じて加筆

Blog の最新記事

時系列の発信は Blog に集約しています。最新の話題 (ハーネスエンジニアリング / ドメイン刷新 等) はこちらから。

サイト内検索

ヘッダー右の検索アイコンからサイト内全文検索ができます。日本語にも対応しています。

フィードバック

各ブログ記事の下部に 𝕏 で感想をツイート ボタンがあります。記事の感想・誤り指摘・ご意見など、お気軽にどうぞ。Docs の内容についても X (Twitter) @sanfu_dev で受け付けています。