Dependencies

1. 01Dokushu JavaScript, New Edition (Self-Study JavaScript)→Step Up JavaScriptRecommended / From JS introduction to further study

   Reason: After covering the basic syntax of the language with 'Dokushu JavaScript,' you advance to the more practical techniques where beginners often stumble. Step-up JavaScript bridges essential real-world topics like asynchronous processing and modules, filling the gap that introductory books rarely cover.

   Sources

   • JavaScript Guide - MDN Web Docs
2. 02Dokushu JavaScript, New Edition (Self-Study JavaScript)→Korekara no JavaScript no Kyokasho (The JavaScript Textbook for What Comes Next)Recommended / From JavaScript basics to practical coding idioms

   Reason: Once you've learned the language basics, you systematically relearn modern JavaScript style and development workflow. 'The JavaScript Textbook for the Future' builds in the new ES syntax and toolchains, instilling the standards of contemporary coding.

   Sources

   • JavaScript Guide - MDN Web Docs
3. 03Dokushu JavaScript, New Edition (Self-Study JavaScript)→CSS to JavaScript de Tsukuru Ugoku UI Idea Recipe (Recipes for Animated UI Built with CSS and JavaScript)Recommended / From JavaScript basics to implementing animated UI

   Reason: Once you have the language fundamentals, you connect that knowledge to implementing 'visible UI' that moves. This book is a recipe collection of animated UIs combining CSS and JavaScript, giving you the tangible sense of turning learned syntax into on-screen expression.

   Sources

   • CSS to JavaScript de Tsukuru Ugoku UI Idea Recipe (Recipes for Animated UI Built with CSS and JavaScript) - Impress
4. 04Dokushu JavaScript, New Edition (Self-Study JavaScript)→Programming TypeScriptRecommended / From JavaScript to TypeScript

   Reason: Once you can write working JavaScript, the anxiety of untyped code at scale comes into view. Programming TypeScript explains from the ground up the idea of layering static types onto JavaScript, providing the entry point to code you can extend safely.

   Sources

   • TypeScript: JavaScript With Syntax For Types - typescriptlang.org
5. 05Step Up JavaScript→JavaScript: The Definitive Guide, 7th EditionRecommended / From intermediate JS to an advanced reference

   Reason: Having picked up practical techniques, you advance to the definitive reference for deep consultation of the language itself. 'JavaScript: The Definitive Guide, 7th Edition' is a comprehensive reference covering every corner of the language, serving as the foundation that ties fragmentary knowledge into systematic understanding.

   Sources

   • JavaScript Guide - MDN Web Docs
6. 06Step Up JavaScript→Web Frontend High Performance TuningRelated / From the depths of JS to performance

   Reason: Once you understand JavaScript's behavior a level deeper, you advance to applying that knowledge through the lens of 'speed.' This frontend performance-tuning book covers rendering, resource loading, and measurement, enabling the implementation decisions that govern perceived speed.

   Sources

   • Web Vitals - web.dev
7. 07CSS to JavaScript de Tsukuru Ugoku UI Idea Recipe (Recipes for Animated UI Built with CSS and JavaScript)→Tailwind CSS Jissen Nyumon (A Practical Introduction to Tailwind CSS)Recommended / From UI basics to CSS architecture

   Reason: Once you can build individual UI expressions, you advance to scaling styles as 'architecture.' This Japanese book teaches a utility-first approach that maintains consistent UI while sidestepping the headaches of naming and specificity.

   Sources

   • Styling with utility classes - Tailwind CSS
8. 08JavaScript: The Definitive Guide, 7th Edition→Web Frontend High Performance TuningRecommended / From deep JavaScript knowledge to browser optimization

   Reason: Once you can deeply consult the language spec, you advance to optimization grounded in the characteristics of the browser as a runtime. This book covers the critical rendering path, memory, and measurement, connecting language knowledge to perceived performance in the browser.

   Sources

   • Web Vitals - web.dev
9. 09Programming TypeScript→Effective TypeScript, 2nd EditionRecommended / From TypeScript fundamentals to advanced type design

   Reason: Once you understand the basics of TypeScript's type system, you systematically learn the knack of using it 'effectively.' Effective TypeScript provides judgment criteria—eighty-three concrete items on leveraging type inference and taming any—for making types a weapon in practice.

   Sources

   • TypeScript: JavaScript With Syntax For Types - typescriptlang.org
10. 10Programming TypeScript→Vue 3 Frontend Kaihatsu no Kyokasho (The Vue 3 Frontend Development Textbook)Related / From TypeScript fundamentals to the Vue.js framework

    Reason: With TypeScript fundamentals acquired, you learn Vue.js, another major framework, as an option. 'The Vue 3 Frontend Development Textbook' assumes the Composition API and type support, offering a reactive approach to building UI that differs from React.

    Sources

    • Vue.js - The Progressive JavaScript Framework - vuejs.org
11. 11Programming TypeScript→Learning React, 2nd EditionRelated / From TypeScript fundamentals to the React framework

    Reason: With TypeScript fundamentals in place, you build on them to advance to React, the flagship of modern frontend. Learning React teaches components, hooks, and state management hands-on, connecting your typed-JavaScript knowledge to a real UI framework.

    Sources

    • Quick Start - React (react.dev)
12. 12Vue 3 Frontend Kaihatsu no Kyokasho (The Vue 3 Frontend Development Textbook)→Kokai Shinai Tame no Vue Component Sekkei (Vue Component Design You Won't Regret)Recommended / From Vue basics to component design

    Reason: Once you've learned the basics of writing Vue, you step into the 'design' of components with reuse and maintenance in mind. This dedicated Japanese book on Vue component design offers guidance on responsibility separation, props design, and where to hold state—structure that doesn't break down as scale grows.

    Sources

    • Kokai Shinai Tame no Vue Component Sekkei (Vue Component Design You Won't Regret) - Impress NextPublishing
    • Component Registration - vuejs.org
13. 13Kokai Shinai Tame no Vue Component Sekkei (Vue Component Design You Won't Regret)→Building Micro-FrontendsRecommended / From component design to micro-frontends

    Reason: Master component design within a single app, and the challenge of 'splitting the frontend' across multiple teams and apps comes into view. Micro Frontends offers ways to compose independently deployable UIs, presenting a structure that scales with the organization.

    Sources

    • Micro Frontends - martinfowler.com
14. 14Learning React, 2nd Edition→Web Application AccessibilityRecommended / From React to Accessibility

    Reason: Once you can build UI with React, you extend your responsibility to the quality of whether that UI is 'usable by everyone.' This web accessibility book systematizes WAI-ARIA, keyboard operation, and screen-reader support, elevating UI you can build into UI everyone can use.

    Sources

    • WCAG 2 Overview - W3C WAI
15. 15Web Frontend High Performance Tuning→Web Application AccessibilityRelated / From performance to accessibility

    Reason: Having pursued speed—a 'measurable quality'—you shift your view to another indispensable quality: usability for everyone. Like performance, accessibility is a cross-cutting concern hard to bolt on later, and this book instills the mindset of weaving it into design early.

    Sources

    • WCAG 2 Overview - W3C WAI
16. 16Effective TypeScript, 2nd Edition→A Philosophy of Software Design, 2nd EditionRelated / From type design to a philosophy for managing complexity

    Reason: Once you can write robust code with types, you want to face a more fundamental question—how to curb complexity itself. A Philosophy of Software Design articulates the 'good versus bad' of design that underlies typing, through principles like deep modules and information hiding.

    Sources

    • A Philosophy of Software Design - John Ousterhout
17. 17Building Micro-Frontends→A Philosophy of Software Design, 2nd EditionRelated / From distributed frontends to design principles that generalize

    Reason: Having experienced designing how to split and compose frontends, you arrive at the universal question beneath those decisions—how to deal with complexity. A Philosophy of Software Design gives you the language to judge good versus bad decomposition through module depth and cognitive load.

    Sources

    • A Philosophy of Software Design - John Ousterhout
18. 18Learning React, 2nd Edition→Frontend Kaihatsu no Tame no Test Nyumon (An Introduction to Testing for Frontend Development)Recommended / From React implementation to frontend testing

    Reason: Once you can write components in React, you learn how to write tests that guarantee their behavior. 'Introduction to Testing for Frontend Development' covers frontend-specific testing strategy from unit to integration to E2E, building a foundation for UI development that doesn't break.

    Sources

    • Testing Library - Introduction
19. 19Kokai Shinai Tame no Vue Component Sekkei (Vue Component Design You Won't Regret)→Frontend Kaihatsu no Tame no Test Nyumon (An Introduction to Testing for Frontend Development)Related / From component design to testing

    Reason: Once you can design maintainable components, you confirm that the design is two sides of the same coin as 'testability.' 'Introduction to Testing for Frontend Development' shows what to test and at what granularity, instilling a view that solidifies quality by moving back and forth between design and tests.

    Sources

    • Testing Library - Introduction
20. 20Frontend Kaihatsu no Tame no Test Nyumon (An Introduction to Testing for Frontend Development)→Testing JavaScript ApplicationsRecommended / From introductory frontend testing to a deeper look at JS testing strategy

    Reason: Once you've grasped the basics of frontend testing, you dig deeper into the testing strategy for JavaScript apps as a whole. Testing JavaScript Applications systematizes the practice of mocking, async, and integration testing, giving you the ability to operate the techniques learned in the introduction as a 'strategy.'

    Sources

    • The Practical Test Pyramid - martinfowler.com
21. 21Tailwind CSS Jissen Nyumon (A Practical Introduction to Tailwind CSS)→Web Application AccessibilityRelated / From style architecture to accessibility

    Reason: Once you can freely design appearance, you realize that 'visual quality' like color contrast and focus indication ties directly to accessibility. This web accessibility book provides criteria—visual and interactive—so that styling choices don't exclude users.

    Sources

    • WCAG 2 Overview - W3C WAI
22. 22Effective TypeScript, 2nd Edition→Learning React, 2nd EditionRecommended / From advanced type design to building with React

    Reason: Once type design is a weapon you can wield, you advance to component-oriented UI development—the proving ground where those types shine most. Learning React gives you the experience of building UI declaratively while guarding props and state with types, letting you feel the benefit of types in making screens.

    Sources

    • Quick Start - React (react.dev)
23. 23Dokushu JavaScript, New Edition (Self-Study JavaScript)→The Art of Readable CodeRecommended / From JS Basics to Readability Principles

    Reason: Right after learning the syntax is the prime moment to shift your focus from 'working code' to 'readable code.' The Art of Readable Code offers concrete techniques for naming, comments, and control flow, cultivating early the sense of readability that is hard to acquire on your own.

    Sources

    • The Art of Readable Code (Japanese edition) - O'Reilly Japan
24. 24The Art of Readable Code→Programming TypeScriptRelated / From readable code to type-safe implementation

    Reason: Once you've internalized the principles of readable code, you advance to supporting that readability with the mechanism of types. Programming TypeScript shows how type annotations act as 'documentation expressed in code,' letting you write intent-revealing code on the twin wheels of naming and types.

    Sources

    • TypeScript: JavaScript With Syntax For Types - typescriptlang.org
25. 25JavaScript: The Definitive Guide, 7th Edition→Web o Sasaeru Gijutsu (The Technology That Supports the Web)Related / From the JavaScript reference to Web fundamentals

    Reason: Having come to know the language itself deeply, you broaden your view to the foundation it runs on—the Web's protocols and architecture. This Japanese classic on the technologies underpinning the web systematizes HTTP, URIs, and REST, supporting your JavaScript knowledge with an understanding of how the Web is built.

    Sources

    • Overview of HTTP - MDN Web Docs
26. 26Web o Sasaeru Gijutsu (The Technology That Supports the Web)→Web Frontend High Performance TuningRelated / From Web fundamentals to frontend optimization

    Reason: Once you understand the Web's foundational technologies, you turn that understanding into the practical benefit of speed improvement. Knowing how HTTP caching and resource loading work makes the 'why it works' of the optimizations in this frontend performance-tuning book click.

    Sources

    • Web Vitals - web.dev
27. 27Korekara no JavaScript no Kyokasho (The JavaScript Textbook for What Comes Next)→Step Up JavaScriptRecommended / From modern JS introduction to further study

    Reason: After learning the standard style of modern JavaScript, you step toward more practice-oriented applied topics. Step-up JavaScript covers 'what you need next'—asynchrony, modules, design—turning textbook knowledge into on-the-job capability.

    Sources

    • Step Up JavaScript - Shoeisha
28. 28Testing JavaScript Applications→Full Stack TestingRelated / From JavaScript testing strategy to a full-stack quality strategy

    Reason: Once you've established a JavaScript testing strategy, you broaden your view beyond the frontend to whole-system quality optimization including CI/CD. Full Stack Testing provides a quality strategy spanning contract, performance, security, and E2E, positioning testing as part of development culture.

    Sources

    • The Practical Test Pyramid - martinfowler.com
29. 29Tailwind CSS Jissen Nyumon (A Practical Introduction to Tailwind CSS)→Web Frontend High Performance TuningRelated / From style architecture to frontend optimization

    Reason: Once your styling architecture is in order, you broaden your view to how that CSS and rendering affect page speed. This frontend performance-tuning book covers unused-CSS reduction and the cost of layout calculation—the perspective needed to balance appearance and speed.

    Sources

    • Web Vitals - web.dev
30. 30Building Micro-Frontends→Building MicroservicesRelated / From frontend decomposition to its backend counterpart

    Reason: Grasp the idea of splitting the frontend into independent parts, and you notice it shares the same roots as backend microservices. Building Microservices provides the server-side framework of boundaries, autonomous deployment, and alignment with organization, letting you understand the principles of decomposition from both sides.

    Sources

    • A pattern language for microservices - microservices.io
31. 31Programming TypeScript→Pro o Mezasu Hito no Tame no TypeScript Nyumon (An Introduction to TypeScript for Aspiring Professionals)Recommended / From an English primer to a Japanese practical guide

    Reason: After grasping the overall picture of TypeScript with Boris Cherny's introduction, you solidify a more grounded understanding with a practical Japanese-language primer. 'TypeScript Introduction for Aspiring Professionals' builds carefully from syntax to practical typing, filling in the assumptions an English-language book tends to skip.

    Sources

    • Pro o Mezasu Hito no Tame no TypeScript Nyumon (An Introduction to TypeScript for Aspiring Professionals) - Gijutsu-Hyohron
32. 32Pro o Mezasu Hito no Tame no TypeScript Nyumon (An Introduction to TypeScript for Aspiring Professionals)→Effective TypeScript, 2nd EditionRecommended / From a practical primer to 83 items on advanced type design

    Reason: Once the practical primer has made you comfortable developing with types, you move on to more refined type-design best practices. Effective TypeScript shows, item by item, 'why you should write it this way,' elevating your design from types that merely work to types that help readers and your future self.

    Sources

    • TypeScript: JavaScript With Syntax For Types - typescriptlang.org
33. 33Learning React, 2nd Edition→Fluent ReactRecommended / From React fundamentals to its internals and Fiber

    Reason: Once you can build UI with React, you raise your mastery by understanding what happens under the hood. Fluent React delves into the rendering mechanism and the Fiber architecture, lifting you to a depth where you can explain 'why it's fast or slow.'

    Sources

    • Quick Start - React (react.dev)
34. 34Fluent React→Web Frontend High Performance TuningRelated / From React internals to browser optimization

    Reason: Understanding React's internals reveals where re-rendering and diffing become costly. This frontend performance-tuning book provides whole-browser measurement and optimization, bridging framework-internals knowledge to measurement-driven improvement.

    Sources

    • Web Vitals - web.dev
35. 35Learning React, 2nd Edition→Jissen Next.js (Practical Next.js)Recommended / From learning React to practical Next.js

    Reason: Once comfortable developing with React alone, you advance to Next.js, a framework that integrates routing, data fetching, and rendering strategy. This book, built around the App Router and Server Components, provides realistic design for assembling actual products.

    Sources

    • Next.js Docs - nextjs.org
36. 36Effective TypeScript, 2nd Edition→Jissen Next.js (Practical Next.js)Related / From type design to Next.js implementation

    Reason: With a deeper repertoire of type design, you apply those types to Next.js full-stack development, where they pay off across every layer. This book shows implementations that carry types through the server/client boundary and data fetching, extending type safety across the whole app.

    Sources

    • Next.js Docs - nextjs.org
37. 37Jissen Next.js (Practical Next.js)→Web o Sasaeru Gijutsu (The Technology That Supports the Web)Related / From Next.js implementation to Web fundamentals

    Reason: Once you can run apps with Next.js, you descend to the Web's foundational technologies the framework hides—HTTP, caching, URIs—to reinforce your understanding. This Japanese classic on the technologies underpinning the web systematizes that foundation, letting you explain the framework's behavior from first principles.

    Sources

    • Overview of HTTP - MDN Web Docs
38. 38Dokushu JavaScript, New Edition (Self-Study JavaScript)→React Honkaku Nyumon (React: A Practical Introduction)Related / From JavaScript fundamentals to practical React

    Reason: Once you have the basics of JavaScript syntax, you move on to actually assembling working components with that knowledge. React Honkaku Nyumon (React: A Practical Introduction) walks you hands-on from environment setup through JSX, props, state, useEffect, and form implementation, turning syntax knowledge into component-development ability.

    Sources

    • React Honkaku Nyumon (React: A Practical Introduction) - Gijutsu-Hyohron
39. 39React Honkaku Nyumon (React: A Practical Introduction)→Kihon kara Shikkari Manabu Frontend Test Nyumon (Frontend Testing Fundamentals)Recommended / From a practical React introduction to test strategy

    Reason: Once you can assemble components with React, you advance to the means of guaranteeing their behavior. Kihon kara Shikkari Manabu Frontend Test Nyumon (Frontend Testing Fundamentals) walks through static analysis, component testing, E2E, and visual regression testing in stages, giving you the perspective to make the components you built harder to break.

    Sources

    • Kihon kara Shikkari Manabu Frontend Test Nyumon (Frontend Testing Fundamentals) - Gijutsu-Hyohron
40. 40Kihon kara Shikkari Manabu Frontend Test Nyumon (Frontend Testing Fundamentals)→Testing JavaScript ApplicationsRelated / From a frontend testing overview to deeper JS test strategy

    Reason: Once you've covered frontend-specific testing techniques, you broaden your view to testing strategy for JavaScript apps as a whole. Testing JavaScript Applications digs into integration testing involving mocks and async processing, adding the perspective of operating the techniques from the previous book as a strategy.

    Sources

    • Kihon kara Shikkari Manabu Frontend Test Nyumon (Frontend Testing Fundamentals) - Gijutsu-Hyohron
41. 41Programming TypeScript→TypeScript Code Recipe Shu (A Collection of TypeScript Code Recipes)Recommended / From TypeScript basics to a lookup recipe collection

    Reason: Having finished learning the basics of TypeScript's typing and type inference, you move on to a recipe collection you can open whenever you're unsure how to write something in practice. TypeScript Code Recipes organizes type narrowing, utility types, the satisfies operator, and more into 177 recipes, converting introductory knowledge into concrete implementation decisions.

    Sources

    • TypeScript Code Recipe Shu (A Collection of TypeScript Code Recipes) - Gijutsu-Hyohron
42. 42TypeScript Code Recipe Shu (A Collection of TypeScript Code Recipes)→Effective TypeScript, 2nd EditionRelated / From individual recipes to advanced type-design principles

    Reason: Once you have individual recipes on hand, you move on to the design principles behind them, the question of why you should write it this way. Effective TypeScript lays out judgment criteria across 83 items, such as leveraging type inference and taming any, turning recipe selection from ad-hoc into principle-based.

    Sources

    • TypeScript Code Recipe Shu (A Collection of TypeScript Code Recipes) - Gijutsu-Hyohron
43. 43Web Application Accessibility→Web Accessibility no Kyokasho (The Web Accessibility Textbook)Recommended / From accessibility implementation to problem and solution patterns

    Reason: Once you've learned the implementation principles of WAI-ARIA and semantic HTML, you move on to concrete examples of how they run into trouble in practice and how those problems are resolved. The Web Accessibility Textbook presents common problems and their solutions with real examples across requirements definition, navigation design, forms, and content, grounding implementation principles in real projects.

    Sources

    • Web Accessibility no Kyokasho (The Web Accessibility Textbook) - Born Digital
44. 44React Honkaku Nyumon (React: A Practical Introduction)→Web Accessibility no Kyokasho (The Web Accessibility Textbook)Recommended / From practical React to accessibility problem and solution patterns

    Reason: After building forms with props and state in React Honkaku Nyumon's chapter 8, you can make a form 'work,' but whether it works for everyone requires a separate lens. The Web Accessibility Textbook presents common problems and their solutions with real examples across processes including forms and navigation design, so reading it right after implementing a working component lets you see, with fresh hands-on memory, exactly what to revisit in the form you just built.

    Sources

    • Web Accessibility no Kyokasho (The Web Accessibility Textbook) - Born Digital
45. 45Unit Testing Principles, Practices, and Patterns→Frontend Kaihatsu no Tame no Test Nyumon (An Introduction to Testing for Frontend Development)Recommended / From unit testing principles to frontend testing

    Reason: The principles of test design carry over to the frontend. Building on the test pyramid, you cover the essentials of the UI with a few end-to-end tests and protect logic densely with unit tests—the criteria stay the same across layers.

    Sources

    • The Practical Test Pyramid - martinfowler.com