LogoGaroop
🥚Lv.0

本格開発のAI相棒

大きなプロジェクトを、順番に読み解いて進める

Webサービスやアプリを本気で作りたい時に強いツールだよ。少し難しいけれど、設計・修正・改善を深く学べるよ。

ガルちゃん
このページでは「Claude Code」を、こども向けに順番で案内するガル。わからない所は下のチャットで聞いてガル!

これでできること

UIの改善バグ直しメモコード読解の練習
気をつけること: 最初から難しいことを全部やろうとせず、1画面・1修正ずつ進めるのがコツだよ。

すすめ方

1

まずは読む力をつける

いきなり作る前に、今あるコードやファイルの意味をつかむ。

ファイルの役割を聞く

『このファイルは何のため?』『どこが入口?』のように役割から聞こう。

1画面だけにしぼる

全部を一気に読まず、まずは1ページや1機能だけ見るとわかりやすいよ。

大事な単語をメモする

コンポーネント名、API名、状態の名前などをメモしておくと迷いにくいよ。

2

小さく直して確認する

1回で大改造せず、小さな修正を積み重ねる。

1つだけ直す

文字、色、ボタン、配置など、1回につき1つの変更にしぼろう。

理由も聞く

『なぜこの直し方なの?』と聞くと、考え方まで学べるよ。

直した後に動きを見る

画面でどう変わったか、前より分かりやすいかを確認しよう。

3

本格制作につなげる

作るだけでなく、改善し続ける開発の流れを覚える。

困りごとを分ける

バグ、見た目、動き、データ取得など、問題を分けると進みやすいよ。

次の改善案を出してもらう

『次は何を直すとよくなる?』と聞いて順番を決めよう。

最後は自分で判断する

AIの提案をそのまま使わず、自分の作品として納得して決めよう。