@pathインポート構文
@./standards/coding-style.md参照を使ってモジュール化します
「@pathインポート構文」はCoddyKit上の無料Claude Architectレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはClaude Architect学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Claude Architectコースには全4レッスンが含まれています。
このレッスンの一部はまだ翻訳されておらず、英語で表示されています。
Why Modularize CLAUDE.md
A single, ever-growing CLAUDE.md becomes hard to read and burns context tokens on every turn. The @path import syntax lets you split rules into focused files and pull them in by reference.
Instead of pasting 400 lines of coding standards directly, you write one line that imports them. The result: a lean top-level file that stays readable while the details live in dedicated, reusable modules.
The Basic Import
An import is just a line beginning with @ followed by a path. When Claude Code loads your CLAUDE.md, it inlines the referenced file's contents at that point.
Use a relative path from the file doing the importing. The example below pulls a shared coding-style module into the project memory.
# CLAUDE.md
## Project Standards
@./standards/coding-style.md
@./standards/testing.mdRelative vs Absolute Paths
Paths are resolved relative to the file that contains the import. @./standards/coding-style.md looks for a standards/ folder next to your CLAUDE.md.
@./standards/coding-style.md— sibling subfolder (most common, VCS-friendly)@../shared/rules.md— parent directory- Keep imports inside the repo so teammates who clone the project get the same modules.
A Clean Modular Layout
Group related rules into small files under a standards/ directory, then import each one. Each module has a single responsibility, so you can update testing rules without touching style rules.
This mirrors good code design: small, named, composable units beat one giant file.
.
├── CLAUDE.md # imports the modules below
└── standards/
├── coding-style.md
├── testing.md
└── git-workflow.mdImports Respect the Hierarchy
CLAUDE.md has layers: user-level ~/.claude/CLAUDE.md (personal, NOT shared via VCS), project-level ./CLAUDE.md (shared via VCS), and directory-level files scoped to a subtree.
@path imports work within any of these. Because a user-level file is not shared, new teammates miss it — so put rules that the whole team needs in a project-level file (and its imports), not in your personal one.
Shared, Not Personal
The whole point of importing @./standards/coding-style.md from a project CLAUDE.md is that the path and the file both live in version control. Clone the repo, and the standards come with it.
Contrast that with a rule buried in ~/.claude/CLAUDE.md: it only exists on your machine. A teammate's Claude session would never see it. Modular project imports keep guidance consistent across the team.
# Shared with the team (committed):
# ./CLAUDE.md -> @./standards/coding-style.md
# Personal only (NOT committed, teammates miss it):
# ~/.claude/CLAUDE.mdImports Always Load
Anything you @import from CLAUDE.md is part of the context on every turn the file is active. That is great for rules that always apply — naming conventions, commit format, review expectations.
But it also means every imported line costs tokens continuously. Import what is always relevant; for rules that only matter sometimes, there is a better tool (next scene).
When @import Is the Wrong Tool
If a rule only applies while editing certain files, don't bloat the always-loaded context with it. Use .claude/rules/ files with YAML frontmatter instead.
A paths glob makes the rule load only when you edit a matching file — saving context and tokens versus a monolithic always-on CLAUDE.md.
---
paths:
- "src/**/*.tsx"
---
# React component rules
Use function components and hooks; no class components.Choosing Between Them
Two complementary mechanisms:
- @path imports in CLAUDE.md — for rules that should always be in context (project-wide standards). Modularizes the file; everything still loads every turn.
- .claude/rules/ with paths frontmatter — for rules that should load conditionally, only when editing matching files. Saves tokens.
An architect picks based on whether the guidance is universal or file-scoped.
Composing Modules
You can import several modules from one CLAUDE.md, mixing concerns cleanly. Keep the top file as an index that explains structure, and let each import carry the detail.
Because imports are plain references, you can reorder, add, or remove a module without rewriting the rest — exactly the maintainability win modular config is meant to deliver.
# CLAUDE.md
This project's rules are modular. See:
@./standards/coding-style.md
@./standards/testing.md
@./standards/git-workflow.md
@./standards/security.mdEditing and Persisting
You don't have to hand-edit memory files. The /memory command edits CLAUDE.md, and those changes persist across sessions — handy for adding a new @import line as your standards grow.
Keep the imported modules themselves under version control so the persisted rules and their references stay in sync for everyone on the team.
# In Claude Code:
/memory
# Add to CLAUDE.md, then save:
@./standards/coding-style.mdQuick Check
Apply what you've learned about @path imports and the CLAUDE.md hierarchy.
Recap
Key takeaways:
- @path imports (e.g.
@./standards/coding-style.md) modularize CLAUDE.md; paths resolve relative to the importing file. - Imported content loads on every turn — use it for universal, always-relevant rules.
- Put shared standards in a project-level CLAUDE.md (shared via VCS), not user-level (~/.claude/, personal and missed by teammates).
- For rules that apply only to certain files, prefer
.claude/rules/with apathsfrontmatter glob to save context and tokens. /memoryedits CLAUDE.md and persists changes across sessions.
よくある質問
「@pathインポート構文」レッスンは無料ですか?
はい。「@pathインポート構文」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Claude Architectコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Claude Architectコースには全4レッスンが含まれています。
「@pathインポート構文」で何を学びますか?
@./standards/coding-style.md参照を使ってモジュール化します ブラウザで直接実行するハンズオンコードでClaude Architectを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Claude Architectを始めるのに経験は必要ですか?
事前経験は必要ありません。CoddyKitのClaude Architectは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。
「@pathインポート構文」レッスンにはどのくらい時間がかかりますか?
ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このClaude Architectレッスンでコードを書いて実行できますか?
はい。すべてのClaude Architectレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。