FOR FIRST-TIME BUILDERS

AIと一緒に、
自分のアプリを作ろう。

コードを知らなくても大丈夫。考える、作る、GitHubに保存する、Cloudflareで公開する。その道のりを、使えるプロンプトと一緒に案内します。

第1章からはじめる全体を見る ↓

YOUR ROUTE

01考える目的と機能を整理
02作るAIと小さく実装
03保存するGitHubで履歴管理
04公開するCloudflareで共有
05育てる安全に改善

LEARNING ROADMAP

8つの章で、公開後まで。

上から順番に進めても、必要な章だけ読んでも構いません。

基礎編

まず、何を作るのかを言葉にする

全体像・技術スタック

アプリ作りの地図

今回使う技術と、完成までの流れを知ろう。

→ 02

企画・設計

作るものを決める

誰の、どんな困りごとを解決するか整理しよう。

→ 03

AIとの対話

AIに上手に頼む

一度に作らせず、相談しながら進める方法。

→

実践編

作り、保存し、インターネットへ公開する

HTML・CSS・JavaScript

小さく作って動かす

ファイルの役割を知り、ブラウザで確認しよう。

→ 05

Git・GitHub

変更を安全に保存する

セーブポイントを作り、原本をGitHubへ送ろう。

→ 06

Cloudflare

公開して共有する

Pagesで公開し、同じURLで更新を届けよう。

→

発展編

AIのコードを、読みやすく安全に育てる

保守・安全・テスト

気持ち悪いコードを卒業する

コードの匂いを見つけ、小さく安全に改善しよう。

→ 08

Workers・D1・R2

次の機能へ進む

必要になった技術だけを選び、アプリを発展させよう。

→

ONE RULE

分からないまま、進まない。

AIの提案に疑問があれば、説明を求めて大丈夫です。このハンドブックでは、各章にそのまま使える質問文を用意しています。

AIと一緒に、自分のアプリを作ろう。