01
AI活用力
作りたいものを言葉にし、AIの回答を読み解きながら、次の一手を選ぶ力を育てます。
- 作りたいものをAIに伝える
- 回答を一緒に読み解く
- エラー内容をAIに相談する
- AI任せにしすぎない判断を持つ
AI Driven Development
AIと一緒に、イメージを形にする
Co-Creation
思いつきを、言葉にする。 言葉を、画面にする。
ITの基礎とAI活用を学びながら、アプリ開発を体験する個別ハンズオン講座
OnlineBeginnerHands-on
ITの基礎とAI活用を学びながら、アプリ開発を体験する個別ハンズオン講座
Worries
こんなお悩みを、一緒に整理します
わからなさを、ひとつずつ言葉にしていくところから。独学で止まりやすい場所を、講師とAIでほどいていきます。
- —
- —
- —
- —
- —
Concept
イメージを形にする、2つの力
AI活用力とIT基本理解を組み合わせて、AIと一緒に開発を進める土台を身につけます。
02
Webアプリ・IT基礎理解
画面、API、データベース、通知、公開のつながりを、手を動かしながら理解します。
- 画面からサーバーへ送る流れ
- データを保存する仕組み
- 公開や環境変数の考え方
- 通知や運用の全体像
AI活用力 × IT基本理解で、自分で学び、作る力を育てる
AIが「SQLを実行してください」「環境変数を設定してください」と言っても、最低限のIT基礎がないと先に進めません。この講座では、その基礎を実際の開発を通じて学びます。
自分の状況に合うか、まずは短く相談できます。
Learning
この講座で学べること
講座後にAIと一緒に学び続け、自分のアイデアを少しずつWebアプリとして形にできる状態を目指します。
- 01AIと一緒に要件を整理する方法
- 02Next.jsで画面と入力フォームを作る流れ
- 03フォームの内容をサーバー側の処理へ送る流れ
- 04Neon PostgreSQLに予約情報を保存する考え方
- 05Cloudflare WorkersなどでWeb上に公開する流れ
- 06Resendを使ったメール通知の基本
- 07エラーが出たときのAIへの相談方法
Style
講座の進め方
講師が一方的に説明する講座ではありません。受講者がAIを使いながら、講師と一緒に予約フォームアプリを作っていきます。
- 01作りたいものを整理する
- 02AIにどう依頼するか一緒に考える
- 03AIの回答を一緒に読み解く
- 04実際に画面や処理を作る
- 05エラーが出たらAIに相談しながら原因を調べる
- 06Webアプリの仕組みを理解する
- 07講座後も自分で学び続けられる状態を目指す
Project
作るもの：予約フォームアプリ
実践題材は「予約フォームアプリ」です。画面から入力し、サーバーで処理し、データベースへ保存し、通知や公開までつなげることで、Webアプリの全体像を体験できます。
Reservation Form App
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
初回無料体験の内容
- 01簡単な挨拶
- 02講座コンセプトの説明
- 03現在の悩みや学習状況のヒアリング
- 04完成済み予約フォームアプリの紹介
- 05AIにアプリ機能を分解させるデモ
- 06希望者向けに本講座の案内
Price
料金プラン
Trial
初回体験
無料
30分程度
現在の悩みや学習状況を整理し、講座の進め方を体験する時間です。
- 完成済み予約フォームアプリの紹介
- AIにアプリ機能を分解させるデモ
- 本講座の進め方の確認
初期受講者限定約60%OFF
本講座
通常料金 49,800円
今だけ モニター料金 ※条件あり
19,800円
- 全6回 / 各回60分
- 進捗状況や環境構築により最大30分延長あり
- オンライン個別ハンズオン
- 予約フォームアプリ制作を通じてAI活用とWebアプリ開発の基礎を学ぶ
モニター料金の条件
- 受講後アンケートへの協力
- 講座改善フィードバックへの協力
- 個人が特定されない範囲でのSNS発信協力
- 顔出し・氏名掲載なし
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の使い方とITの基本を、実際に手を動かしながら一緒に確認します。
+講義を聞くだけの講座ですか？
いいえ。講師と一緒にAIを使いながら予約フォームアプリを作る伴走型の講座です。
+どのAIツールを使いますか？
ChatGPT / Codex などのAIツールを想定しています。無料でも一部体験できますが、スムーズに進めるために有料プランを推奨する場合があります。利用経験が少ない方にも、使い方から一緒に確認します。
+作ったアプリは公開しますか？
GitHubに保存し、Cloudflare Workersなどを使ってWeb上に公開する流れを体験します。
+初回無料体験だけでも大丈夫ですか？
はい。まずは30分程度の無料体験で、現在の状況や講座との相性を確認できます。
Reserve
まずは初回無料体験から
AI活用とWebアプリ開発を、自分にも学べそうか確かめる時間です。現在の悩みや作ってみたいものを一緒に整理します。
初回無料体験を予約する