AI Driven Development

AIと共に、イメージを形にする

AIと共創しながら、イメージを形にしていくイメージ

Co-Creation

思いつきを、言葉にする。 言葉を、画面にする。

ITの基本とAI活用を学びながら、アプリ開発を体験する個別講座

OnlineBeginnerHands-on

Worries

こんなお悩みを一緒に整理します

わからなさを、ひとつずつ言葉にしていくところから。独学で止まりやすい場所を、講師とAIでほどいていきます。

Concept

イメージを形にする2つの力

01

AI活用力

作りたいものを言葉にし、AIの回答を読み解きながら、次の一手を選ぶ力を育てます。

  • 作りたいものをAIに伝える
  • 回答を一緒に読み解く
  • エラー内容をAIに相談する
  • AI任せにしすぎない判断を持つ

02

Webアプリ・IT基本理解

画面、API、データベース、通知、公開のつながりを、手を動かしながら理解します。

  • 画面からサーバーへ送る流れ
  • データを保存する仕組み
  • 公開や環境変数の考え方
  • 通知や運用の全体像

AI活用力 × IT基本理解で、自分で学び、作る力を育てる

AI活用力とIT基本理解を組み合わせて、AIと一緒に開発を進める土台を身につけます。

アイデアがデジタルな成果物になっていくイメージ

AIが「SQLを実行してください」「環境変数を設定してください」と言っても、最低限のIT基本がないと先に進めません。この講座では、その基本を実際の開発を通じて学びます。

自分の状況に合うか、まずは短く相談できます。

Learning

この講座で体験できること

講座後にAIと一緒に学び続け、自分のアイデアを少しずつWebアプリとして形にできる状態を目指します。

  • 01作りたいものをAIに伝える方法を学ぶ
  • 02予約フォームの画面を作る
  • 03入力された内容を保存する流れを体験する
  • 04管理画面で予約内容を確認する
  • 05予約完了メールや通知メールの仕組みを知る
  • 06作ったアプリをWeb上で見られるようにする
  • 07エラーが出たときに、AIへ相談しながら進める方法を学ぶ

※講座内では Next.js / PostgreSQL / Cloudflare Workers / Resend などを使いますが、最初から専門知識がある前提では進めません。

Style

講座の進め方

講師が一方的に説明する講座ではありません。受講者がAIを使いながら、講師と一緒に予約フォームアプリを作っていきます。

  • 01作りたいものを整理する
  • 02AIにどう依頼するか一緒に考える
  • 03AIの回答を一緒に読み解く
  • 04実際に画面や処理を作る
  • 05エラーが出たらAIに相談しながら原因を調べる
  • 06Webアプリの仕組みを理解する
  • 07講座後も自分で学び続けられる状態を目指す
落ち着いた環境でAIと対話しながら思考を整理するイメージ

Project

作るもの:予約フォームアプリ

実践題材は「予約フォームアプリ」です。画面から入力し、サーバーで処理し、データベースへ保存し、通知や公開までつなげることで、Webアプリの全体像を体験できます。

Reservation Form App

アイデアから画面、API、データベース、通知、公開へ進む流れのイメージ

01 / Frontend

フロントエンド

予約画面、入力フォーム

02 / API

バックエンド

予約データの登録処理

03 / Database

データベース

予約情報の保存

04 / Network

ネットワーク/API

画面からサーバーにデータを送る流れ

05 / Mail

メール通知

予約完了メール、管理者通知メール

06 / Deploy

インフラ

アプリ公開、環境変数

07 / Operation

運用

予約確認、通知、改善

Curriculum

全6回のカリキュラム

各回60分を基本とし、環境構築や進捗状況により最大30分延長する場合があります。

01

開発の流れ

第1回:開発環境を整え、ローカルでテストページを表示する

VS Code、Node.js、AIツールを使い、自分のPC上でNext.jsアプリを動かします。

02

開発の流れ

第2回:GitHubに保存し、Web上に公開する

GitHubにコードを保存し、Cloudflare Workersなどのホスティングサービスで公開します。

03

画面

第3回:画面の仕組みを体験し、予約フォーム画面を作る

予約フォーム画面と予約完了画面を作り、フロントエンドの役割を学びます。

04

データ保存

第4回:データベースの仕組みを体験し、予約情報を保存する

Neon PostgreSQLを使い、フォーム入力をデータベースに保存し、管理画面で確認します。

05

メール通知

第5回:アプリケーション拡張としてメール通知を追加する

Resendを使い、予約受付メールや管理者通知メールを送信する仕組みを学びます。

06

振り返り

第6回:振り返り・まとめ・今後作りたいものを整理する

作成したアプリ全体を振り返り、講座後に作りたいものや学習計画を整理します。

Trial

初回無料体験の内容

初回無料体験は30分程度です。現在の悩みや学習状況を聞きながら、講座の考え方と完成済みアプリのイメージを確認します。

落ち着いて相談しながら学習を進めるイメージ
  • 01簡単な挨拶
  • 02講座コンセプトの説明
  • 03現在の悩みや学習状況のヒアリング
  • 04完成済み予約フォームアプリの紹介
  • 05AIにアプリ機能を分解させるデモ
  • 06希望者向けに本講座の案内

Price

料金プラン

Trial

初回無料体験

0円

30分

現在の悩みや学習状況を整理し、講座の進め方を体験する時間です。

  • 完成済み予約フォームアプリの紹介
  • AIにアプリ機能を分解させるデモ
  • 本講座の進め方の確認
モニター料金

本講座

全6回

19,800円

税込

  • 全6回 / 各回60分
  • 進捗状況や環境構築により最大30分延長あり
  • オンライン個別講座
  • 予約フォームアプリ制作を通じてAI活用とWebアプリ開発の基本を学ぶ

補足

  • 初期受講者向けのモニター料金です。
  • 正式リリース後は価格を見直す可能性があります。
  • 受講後アンケートへのご協力をお願いする場合があります。
  • 顔や氏名を出さない形で、学習過程や感想の掲載にご協力をお願いする場合があります。

本講座のお申し込み前に、受講ルール・キャンセルポリシーおよび特定商取引法に基づく表記をご確認ください。

Teacher

講師プロフィール

Sugu

大学卒業後、ITエンジニアとしてインフラ、アプリケーション開発、ITコンサルティングなど幅広い領域を経験してきました。

ITは難しく見えますが、仕組みがわかると、学びや仕事を支えてくれる心強いパートナーになります。

専門用語をできるだけかみ砕きながら、「なぜそうなるのか」を一緒に整理する進め方を大切にしています。

「ITをもっと身近に感じてもらいたい」「AIを活用して自分で学び、作れる人を増やしたい」という思いから、SNSでの発信と講座づくりに取り組んでいます。

IT実務経験 13年以上インフラ / アプリ開発 / ITコンサル情報安全確保支援士SNSでIT初心者向けに発信中

2011

Infrastructure

大学卒業後、IT業界でインフラエンジニアとして従事

2018

Application Development

アプリケーション開発領域へ

2020

IT Consulting

ITコンサルティング業務に従事

資格

情報安全確保支援士 / 基本情報技術者 / Oracle Java / Microsoft Server / VMware などの資格を保持しています。

AIをうまく使いながら、自分で調べ、学び、形にする力を一緒に育てていきます。

FAQ

よくある質問

+完全未経験でも大丈夫ですか?

プログラミング経験はなくても大丈夫です。ただし、ブラウザ操作、文字入力、アカウント登録など、基本的なパソコン操作ができる方を想定しています。不安がある場合は、初回無料体験で一緒に確認できます。

+講義を聞くだけの講座ですか?

いいえ。講師と一緒にAIを使いながら予約フォームアプリを作る伴走型の講座です。

+どのAIツールを使いますか?

ChatGPT / Codex などのAIツールを想定しています。無料でも一部体験できますが、スムーズに進めるために有料プランを推奨する場合があります。利用経験が少ない方にも、使い方から一緒に確認します。

+作ったアプリは公開しますか?

GitHubに保存し、Cloudflare Workersなどを使ってWeb上に公開する流れを体験します。

+初回無料体験だけでも大丈夫ですか?

はい。まずは30分程度の無料体験で、現在の状況や講座との相性を確認できます。

Reserve

まずは初回無料体験から

AI活用とWebアプリ開発を、自分にも学べそうか確かめる時間です。現在の悩みや作ってみたいものを一緒に整理します。

初回無料体験を予約する