CCA Field Notes
English | 日本語
An unofficial web app for studying the public exam scope of the Claude Certified Architect – Foundations (CCAR-F) exam through original summaries and recall cards. Study content is written in Japanese.
In action
The focused review session — recall → reveal → rate, entirely in the browser (Space/Enter to reveal, 1/2/3 to rate):
| Study Guide (5 domains · 30 tasks) | Choice & scenario quiz |
|---|
| |
| 60-question Mock Exam | Learning analysis |
| |
Try it live → cca.toshi0607.com — no signup; progress stays in your browser.
Principles
- Unofficial and not affiliated with Anthropic
- Short, original summaries of the 5 domains and 30 tasks from the official Exam Guide v1.0 (July 2026)
- Practice cards are authored independently from the publicly available official product docs
- Does not include real exam questions, questions reconstructed from memory, non-public materials, or official sample questions
- In addition to recall cards, includes multiple-choice practice from original questions (single- and multiple-select, with instant feedback and per-domain summaries). Not a reproduction of the real exam
- The multiple-choice practice includes a scenario mode: an original study aid to get comfortable with reading a fictional company's case description and then answering the linked questions. Not a copy or reproduction of the real exam's scenarios
- The practice view offers a focused review session in addition to the list view. It cycles through filtered results one card at a time in a "recall → reveal → rate" loop, with keyboard shortcuts (Space/Enter to reveal, 1/2/3 to rate, Esc to stop)
- Progress is stored only in the browser's localStorage (JSON export/import lets you migrate across devices and browsers)
- No third-party analytics or tracking is loaded; study progress stays in the browser's localStorage
Features
These are the features currently available in the service. Everything runs entirely in the browser — no server, no login, no billing.
- Study Guide — original summaries of the 5 domains and 30 tasks. Tracks not-started / done / needs-review progress per section
- Hands-on guides — step-by-step guides to try in your own environment, with per-step checks and progress tracking
- Official scenario mapping — starts from an official scenario and bridges to the related Study Guide sections, cards, questions, and hands-on guides
- Practice cards — recall cards, with both a list view and a focused review session (Space/Enter to reveal, 1/2/3 to rate, Esc to stop)
- Choice quiz — single- and multiple-select multiple-choice practice with instant feedback and per-domain summaries
- Scenario quiz — read a fictional company's case, then answer the linked set of questions
- 60-question, 120-minute Mock Exam — a full-length exam at production scale
- resume — pick up from a saved session even after interrupting
- history — a list of past mock exam results saved on the device
- result review — review each question from the result screen
- per-choice rationale — an explanation for every choice
- Learning analysis — suggests which domains to review next based on mock exam results (does not compute an official score, pass/fail, or readiness)
- evidence level — shows whether there are enough answers to back the analysis
- stale attempt safety — answers whose question content has since changed are not re-scored and are excluded from the per-axis aggregation
- Time cost on the learning path — each stage shows how many minutes of material it contains (Study Guide 360, Hands-on 480, mock exam 120); stages with no fixed duration show none
- Mock-exam overlap — the start screen states how many of the exam's questions you have already answered in the Quiz, so you can decide when to sit it first-sight
- Answer confidence and partial answers — one optional tap records whether you were sure, unsure, or guessing, and a multiple-select answer that picked some correct choices and nothing wrong is recorded as partial rather than simply wrong
- Planned exam date (optional) — stored on this device only and never exported; shows days remaining and minutes of Study Guide material left. It does not judge readiness or suggest a pace
- Study summary to the clipboard — copies a short text digest (weak cards, low-accuracy questions, due counts) for pasting into your own notes or a study companion. Clipboard only; nothing is sent anywhere
Suggested study order
This is the service's own study suggestion. It is not the official recommended order, and it does not indicate passing or readiness. It assumes no particular exam date or timeframe — repeat it at your own pace.
- Choose a starting point ("Choose a starting point" in the guide)
- Review the fundamentals in the Study Guide
- Try things out with the Hands-on guides
- Recall with the Practice cards
- Practice judgment with the Quiz and official scenarios
- Take the 60-question mock exam
- Check your mistakes with results, review, and learning analysis
- Return to the priority review candidates and repeat
Development
pnpm install
pnpm assets:generate
pnpm dev
pnpm test
pnpm test:e2e
pnpm build
Uses Astro's static build. No server, API key, or database required.
E2E tests (Playwright)
tests/ is split into per-feature specs, and shared logic is centralized in tests/fixtures/ (a single navigation start with clean storage, shared UI helpers, and axe/storage helpers). Vitest (pnpm test) exhaustively verifies pure logic; E2E covers browser integration, focus, storage, routing, lazy chunks, downloads, accessibility, and responsiveness.
pnpm test:e2e # Full regression (builds production every time). Merge gate
pnpm test:e2e:fast # For iterating during development. Excludes @slow (axe, responsive, heavy scenarios)
pnpm test:e2e:a11y # Accessibility (axe) only
pnpm test:e2e:ui # Playwright UI mode
test:e2e:fast is for fast feedback and assumes a running server is reused (start the server as shown below to skip the build and finish in tens of seconds). If no server is running, it builds automatically, so that first run takes as long as the gate.
pnpm test:e2e rebuilds the production build every time, so repeating it during development gets slow. If you already have a local preview server running, you can explicitly reuse it (reuse is disabled by default to avoid accidentally using a stale build).
# Start in a separate terminal
pnpm build && pnpm preview --host 127.0.0.1 --port 4325
pnpm test:e2e:reuse # or test:e2e:fast. Runs against the already-running server
test:e2e:fast is for development feedback; always pass pnpm test:e2e (full) before merging. The worker count can be overridden with PW_WORKERS (default 2).
Web fonts
The heading fonts (Barlow Condensed / Zen Kaku Gothic New) are self-hosted as woff2 subsetted to only the characters in use and committed under public/fonts/. If you change a heading or UI string and the subset no longer has the needed characters, pnpm test fails; regenerate with the following in that case.
pnpm build
pnpm fonts:subset
File names include a content hash, and references follow automatically via public/fonts/manifest.json. Commit the generated woff2 files and the manifest.
Promo video
video/ is a standalone Remotion project that generates a social promo video (about 34 seconds, 1920×1080, H.264). It has its own package.json and does not affect the main app's build, test, or deploy. video-hf/ is the same composition ported to HyperFrames (HTML + GSAP) via the remotion-to-hyperframes skill — see video-hf/TRANSLATION_NOTES.md. Screen material is real screenshots under video/assets/.
# Remotion
pnpm --dir video install --frozen-lockfile
pnpm --dir video exec remotion render promo out/promo.mp4
# HyperFrames (needs a system ffmpeg on PATH)
pnpm --dir video-hf install --frozen-lockfile
pnpm --dir video-hf render --quality high --output out/promo.mp4
Rendered output under out/ is not committed — the finished video is published as a GitHub Release (promo-video-v2).
Official information
Last verified: 2026-07-14
License
Source code is released under the MIT License. Study content is independently authored; Anthropic product and certification names remain the property of their respective owners.
