Engineer BA-SultoのSubstackで扱うこと
AIを使ったWebアプリ、スマホアプリ、ホームページ制作の過程を、初学者にも読み解ける形で残していきます。
Engineer BA-Sulto（エンジニア・バスルト）のSubstackを始めます。
ここでは、AIを使ってWebアプリ、スマホアプリ、ホームページを作りながら、その過程を学べる形で残していきます。
開発では、主にCursorを使います。Cursor上でAIに頼み、AIが作ったコードを読み、動かし、エラーを直し、必要に応じて作り直していく流れを中心に書いていきます。
ただし、ここで扱う内容はCursorだけでしか使えない話ではありません。作りたいものの整理、AIへの頼み方、AIが作ったコードの読み方、エラー対応、修正の頼み方は、Claude Code、Codex、Antigravityなど、ほかのAI開発ツールにも応用できます。
ただ「AIで作れました」で終わらせる場所にはしません。
何を作ろうとしたのか。
作りたいものを、AIにどう伝えたのか。
どこで詰まったのか。
なぜそのコードや画面になったのか。
どこを変えれば、自分の用途に近づけられるのか。
そういう途中の記録まで含めて、あとから読み返せる形にしていきます。
読者に近い目線で、読み解く実践者として
最初に書いておきたいのは、このSubstackは「全部分かっている人が、上から正解を教える場所」ではないということです。
運営者自身も、AIが作ったコードや設計を読みながら、少しずつ理解を積み上げている実践者です。だからこそ、AIで開発を始めたい人や、AIが作ったコードを前に手が止まってしまう人に近い目線で書いていきます。
AIを使えば、画面のたたき台やコードはかなり速く出てきます。けれど、実際に自分のものとして使おうとすると、そこで別の難しさが出てきます。
どのファイルを見ればいいのか分からない
エラー文を見ても、何が悪いのか分からない
少しだけ直したいのに、どこを変えればいいのか分からない
AIに修正を頼んだら、別の場所が壊れた
「できた」けれど、なぜ動いているのか説明できない
この感覚を飛ばさずに扱います。
初心者やジュニアエンジニア、あるいは個人でアプリやホームページを作ってみたい人が、AI開発を少しずつ理解できるようにする。そのための実践ログを書いていきます。
このSubstackで扱うテーマ
主に扱うテーマは、次の5つです。
1. AI開発の実践ログ
Webアプリ、スマホアプリ、ホームページを作る過程を記録します。
完成した画面だけではなく、作る前に何を整理したか、CursorでAIにどう頼んだか、AIが作ったコードや画面、動かなかった部分、修正した内容まで書きます。
うまくいった話だけでは、再現しにくいことがあります。
だから、失敗ややり直しも残します。
2. 作る前の整理
AIに頼む前に、何を作りたいのかを整理することはかなり大事です。
たとえば、ホームページを作るなら、
誰に見てもらうページなのか
何を伝えたいのか
問い合わせにつなげたいのか
実績を見せたいのか
どの情報を最初に出すべきか
こうした整理が曖昧なままだと、AIから出てくるものも曖昧になります。
このSubstackでは、プロンプトだけでなく、その前に書く仕様メモや「作る前の整理」の考え方も扱います。
3. Cursorでの頼み方と直し方
AI開発では、最初のお願いだけで完成することはあまりありません。
むしろ大事なのは、出てきたものを見て、どう直してもらうかです。
どこが期待と違うのか
何を残して、何を変えたいのか
変更範囲をどう小さくするか
コードを変更する前に何を説明してもらうか
エラーが出たとき、どの情報を渡すか
こうした「頼み直し」の型を、Cursorでの実例と一緒に分かりやすく整理していきます。
4. AIが作ったコードの読み解き
AIがコードを書いてくれると、開発の入口はかなり下がります。
一方で、コードをまったく読まないまま進めると、後から困ります。
全部を一度に理解する必要はありません。
まずは、画面を作っている場所、データを扱っている場所、状態を持っている場所、外部サービスとつながっている場所を少しずつ見る。それだけでも、修正の怖さは減ります。
このSubstackでは、AIが作ったコードを初心者目線で読む記事も出していきます。
5. 作ったものを、次に使える記録に変える
AI開発で一番もったいないのは、作業の途中で得た学びが流れてしまうことです。
うまくいったプロンプト。
失敗した頼み方。
エラーの原因。
次に見るべきファイル。
公開前に確認したチェック項目。
こういうものは、整理すれば次の開発で使えます。
記事、チェックリスト、テンプレート、動画教材の素材として再利用できます。
Engineer BA-Sultoでは、成果物だけでなく、そこへ至るまでの判断や手順も残していきます。
まず読んでほしい人
このSubstackは、特に次のような人に向けて書きます。
AIを使ってWebアプリやスマホアプリを作ってみたい人
個人事業や小さな活動のためにホームページを作りたい人
Cursorを中心に、Claude Code、Codex、AntigravityなどのAI開発ツールも使ってみたい人
AIが作ったコードを見ても、どこから読めばいいか分からない人
「作れた」で終わらせず、少しずつ自分でも理解したい人
開発の過程を、記事や動画の学びに変えていきたい人
専門用語を完全になくすことはできません。
ただ、難しい言葉を使うときは、できるだけ言い換えや説明を添えます。「今どこで何をしているのか」が分かる書き方を心がけます。
当面の投稿予定
最初は無料記事とNotesを中心に進めます。
深掘り記事では、保存して読み返せる実践ログを書きます。Notesでは、日々の短い気づき、失敗メモ、プロンプトの改善、作っているものの途中経過を出します。
最初に扱う予定のテーマは、たとえば次のようなものです。
AIでホームページを作る前に書く仕様メモ
AIが作ったコードを読むとき、最初に見る場所
Cursorに直してほしいところを伝える方法
AI開発でやってはいけない情報共有
小さなWebアプリを作った後、学べる記録に変える方法
まずは無料で読める記事を中心にしながら、読者の反応を見て、テンプレートや動画解説、相談メニューにも育てていく予定です。
最後に
AIで作ることは、これからもっと身近になります。
でも、作れることと、理解できることは同じではありません。
Engineer BA-Sultoでは、AIで作ったものを、自分でも少しずつ読み解けるようにする。そのために、完成品だけでなく、途中の判断、失敗、修正、学びまで残していきます。
AIで何かを作ってみたい人、自分でも少しずつ理解できるようになりたい人は、ぜひ無料で購読してみてください。
もしよければ、この記事への返信で教えてください。
あなたがAIを使って作ってみたいものは、Webアプリ、スマホアプリ、ホームページのどれですか？
また、今いちばんつまずきそうだと感じるのは、作る前の整理、Cursorでの頼み方、エラー対応、コードの読み方のどこでしょうか？
返信や反応を、次の記事テーマの参考にします。