【2026最新Claude】Claude Code×AntiGravityで作るノーコードWeb制作・自動化ツール

システム開発をAIがすべて代行してくれる次世代ツール「Claude Code」の概要や、圧倒的なコーディング性能について学びます。

Google Anti-Gravityの導入方法と、無料で高品質なAIモデルを使用するための初期設定やプランについて解説します。

Anti-GravityがVS Codeをベースに作られていることなど、基本構造とAIがすべてを仕上げる仕組みについて学びます。

企業向けのチャットボット制作LPなどを例に、AIで素早く構築する実務レベルの開発例を見ます。

 プログラミング言語を知らなくても開発ができる「ノーコード開発」の概要について、前半の振り返りを行います。

従来のChatGPTなどのチャット型と、自動で公開まで行うエージェント型の違いを、簡単なゲーム作成の実例を見ながら理解します。

インターフェースを日本語に変更し、Claude CodeやGPT Codexなどの便利な拡張機能をインストールする方法を解説します。

AIに指示を出す画面の見方、プランニングモードとモデルの選び方、ワークフローの概要を学びます。

専用の空フォルダを準備し、AIにどのようなサイトを作りたいかを日本語で指示して、自動でコードを生成させる手順を学びます。

作成したサイトをブラウザで確認する方法や、エラー時のやり直し（Undo機能）について解説します。

作成したサイトをブラウザで確認する方法や、エラー時のやり直し（Undo機能）について解説します。

「青を基調にする」といったデザイン変更の指示方法と、エラーの自動修正機能について学びます。

Claude Codeを利用してコンタクトフォームを作成し、AIが提案する実装プランを確認して承諾する流れを実践します。

Xサーバー等のレンタルサーバーを準備し、FTP情報をAIに渡すためのアカウント設定方法を解説します。

面倒なアップロード作業をAIに代行させて公開する方法と、クライアントに納品するためのReadMeファイルの作り方を学びます。

APIがないブログ（note）へのログイン情報や投稿手順を、AIのブラウザ機能を使って学習させるワークフロー構築を始めます。

ログイン状態をAIに保持させ、ブラウザ上のボタンの位置などを学習させる手順を解説します。

記事の自動生成から投稿までの流れを確認し、画像アップロード時に起きやすいエラーについて学びます。

画像のアップロードでエラーが起きた際の解決策として、ローカルフォルダを経由させるプロンプトの工夫を実践します。

自動投稿システムの完成を確認し、FTP設定の応用やCodexの使い方などについて補足します。

レクチャー解説：**本講座で学んだプロンプトや開発手順を振り返り、今後自立型AIエージェントを活用していくためのヒントをお伝えします。