0. Introduction: What is Vibe Coding?

You are standing at the entrance of a major transformation happening in the programming world.

Traditional programming required memorizing complex syntax rules and acquiring rigorous theoretical knowledge. However, with a new approach called vibe coding, you can simply tell an AI what you want to build in natural language, and it will generate actual working code.

This book focuses on Claude Code as an AI tool for serious vibe coding practice, providing comprehensive guidance so that complete programming beginners can master Claude Code. Through the practical subject of building BI dashboards using Streamlit, you'll learn vibe coding techniques.

The unique aspects of this book include:

Comprehensive guidance from account and environment setup to actually running Claude Code, designed so that complete programming beginners can master Claude Code.
Proposing GitHub Codespaces as a development environment that can be used from any browser, regardless of your local machine's specs or OS.
Consistently using the practical subject of building BI dashboards with Streamlit throughout the book.

Why Claude Code?

As a professional engineer with over 10 years of experience, I'm convinced that Claude Code is currently the best vibe coding tool available. Thanks to Claude Code's features and capabilities that you'll experience firsthand, it enables practical vibe coding that stands apart from other AI coding tools.

Powerful Features of Claude Code

World-Class AI Model with Superior Coding Performance

Claude Code uses Sonnet 4 / Opus 4 models, which are Anthropic's latest models that achieve high benchmark scores, particularly in coding performance. From my actual experience using it, I find it to be a very high-performance model.

Agentic Behavior: Planning Before Execution

Claude Code accurately reflects user intentions by creating plans for user instructions and then executing them step by step.

Deep Code Understanding Through Terminal Access

Claude Code is a CLI (Command Line Interface) tool accessed from the terminal. Because it can freely read and write files and directory structures, it correctly understands codebases and performs operations that capture user intentions.

Extensibility Through MCP and Custom Slash Commands

Claude Code supports integration with MCP servers, allowing you to extend Claude Code's functionality. Additionally, tasks that are frequently repeated can be routinized using custom slash commands, making extensibility a major feature.

While these powerful features exist, Claude Code has a high barrier to entry for non-engineers, which is why tools like Replit and Bolt tend to get more attention. However, this means that once you overcome this barrier, you can enjoy the very powerful capabilities that Claude Code offers.

Limitations of Self-Service BI and Challenges Solved by BI-as-Code + Claude Code

This book uses the "BI-as-Code" approach of building BI dashboards through code as a practical introduction to vibe coding for non-engineers. BI-as-Code is a recently gaining attention methodology that solves challenges with self-service BI tools adopted by many companies.

Existing self-service BI tools like Tableau and Power BI struggle to perform analysis beyond pre-prepared templates and standard reports. Even when customization is desired, you cannot exceed the framework provided by the tool.

With Streamlit dashboards using Claude Code, you can create custom dashboards that include necessary business logic simply by conveying requirements in natural language. This provides flexibility and extensibility that traditional BI tools cannot achieve.

Five Tools to Become a Serious Vibe Coder

This book teaches practical vibe coding using the following five tools:

GitHub is a platform for code management and sharing. You can safely store your created code and share it with other members. With a GitHub account, you can manage code in the same environment used by engineers worldwide.
GitHub Codespaces is a development environment that runs in your browser. You don't need to install complex software on your computer—you can start developing immediately with just an internet browser.
Claude Code is your AI programming partner. It understands natural language instructions and generates and modifies appropriate code. Don't worry if you're not an engineer—while it might seem complex, it's actually simple.
Streamlit is a framework for creating dashboards in Python. You can build beautiful web applications without learning complex frontend technologies.
Squadbase is a platform for easily and securely deploying and sharing created dashboards. You can share dashboards with team members while meeting integration with internal systems and security requirements. No server setup is required—dashboards are automatically deployed by pushing code to GitHub.

By managing code with GitHub, building development environments with Codespaces, creating code with Claude Code, implementing dashboards with Streamlit, and deploying to production with Squadbase, you'll become a practical vibe coder through this entire workflow.

Overall Vision and Goals of What You'll Build

Through this book, you'll create a practical Streamlit BI dashboard using e-commerce site data.

Learning progresses in stages:

First, you'll set up the environment and learn basic Claude Code operations
Next, you'll perform analysis with actual data and create basic dashboards
Then, you'll add advanced features and ultimately create dashboards that entire teams can use

Chapter Contents

Chapter 1: Account Setup

Creating Claude Code and GitHub Codespaces accounts
Overcoming psychological barriers to development tools
Free plan limitations and efficient usage

Chapter 2: Environment Setup

Building cloud development environment with GitHub Codespaces
Forking Streamlit starter templates
Using the uv package manager
Running your first Streamlit application

Chapter 3: First Meeting with Claude Code

Basic usage and authentication of Claude Code
File referencing using @ notation
Utilizing CLAUDE.md files
Effective instruction techniques

Chapter 4: Data Preparation and Basic Dashboard Construction

Data analysis using CSV files
Basic data manipulation with Pandas
Interactive visualization using Plotly
Implementing monthly sales trends and cancellation rate analysis

Chapter 5: Error Handling

Viewing errors as learning opportunities
Reading errors in Streamlit
Effective error reporting methods to Claude Code
Practical exercises using real errors

Chapter 6: Advanced Dashboard Features

Adding new analysis pages (category analysis)
Data filtering and interactive visualization
User interfaces using Streamlit widgets
Date selection and period filtering functionality

Chapter 7: Implementing Complex Business Logic

Converting ambiguous business requirements into concrete logic
Practicing exploratory data analysis (EDA)
Problem decomposition and quantification techniques
Effective dialogue with Claude Code using editor selection

Chapter 8: Team Sharing and Maintenance

Secure deployment environment using Squadbase
Team member invitation and access control
Continuous improvement and feedback collection
Analysis and runtime log management

Upon completing this book, you'll have transformed from a programming beginner to a practical vibe coder. You'll have acquired skills not just to create dashboards, but to collaborate with AI to solve various business challenges.

On this page