=======================================================
通学開催に加えてオンライン開催(ZOOM)を開始しました。
通学講座と同じ内容を、ご自宅で学ぶことができます!
※ZOOM利用については、
このページの「受講する際は以下をお読み下さい」の
【オンライン講座(ZOOM)受講の際の事前準備について】をご確認ください。
「通学生講座」をお申し込みの方はこちら
➡
https://www.street-academy.com/myclass/211984================================================
★【特徴】
①10名の少人数 (※お申し込みの受け付けタイミングによって人数が前後する場合があります)
②実績のあるITスクールが主催
③経験豊富なスクール講師が担当
④復習にも使えるオリジナルPDF教材配布
神田ITスクールの「バイブコーディング講座」は、AIの力を借りて実践を行い「まず形にする」スピードを上げつつ、きちんと動くかを自分で確かめながら仕上げる進め方を学べる完全初心者向けの講座です。
★【セミナー後に何ができるようになるか】
・バイブコーディングの考え方(AIで速度を上げ、検証で品質を守る)を説明できるようになります
・ChatGPTでの進め方(出力形式・貼り付け手順)を理解し、ブラウザ実行とDevTools確認まで自走できるようになります
・目的・前提・制約・入出力例・禁止事項を含む依頼で、再現性の高い指示ができるようになります
・ブラウザ上で動くミニツールを複数作成し、「作れる実感」を積み上げられます
・最低限のチェックリストでセルフレビューできるようになります
・再現→最小化→仮説→検証の切り分け手順で、AIを使いながら問題解決できるようになります
★【時 間】: 10時~17時 ※途中で休憩を挟みますのでご安心を!
★【定 員】: 10名の少人数 ※当サイトにて平均1名を募集しております
★【講座内容】
はじめに
├ 当講座について
├ 当講座の構成
├ 当講座の運営会社について
├ 当講座の進め方
└ 全額返金について
第1章:【導入編】AIを「最強の相棒」にする開発スタイル
├ バイブコーディングの世界へようこそ
├ 【体験】AIに10秒でページを作らせる
└ 「動く」のその先へ
第2章:【準備編】3つの道具で始める高速開発の土台づくり
├ 編集の第一歩「サクラエディタ」に触れる
├ AIパートナー「ChatGPT」を起動する
└ ブラウザの裏側を覗く「DevTools」入門
第3章:【基本編】AIと会話する技術
├ 思考を妨げない魔法のキー操作
├ 期待通りの答えを引き出す「プロンプトの型」
├「質問」と「修正依頼」と「手順化」の使い分
├ 【演習】Ask / Edit / Planで修正してみよう
└ コンテキスト(文脈)の管理
第4章:【安全編】AIの提案を疑う:セキュリティとレビューの鉄則
├ 変更点を見落とさない:前後比較と要約レビュー
├ 秘密情報を守る:禁止事項とデータ流出リスク
├ 安全なWeb制作の基本は「textContent」
├ 【演習】innerHTMLで何が起きるか体験
├ 最低限のレビュー観点
└【演習】変更の安全な進め方
第5章:【演習1】一瞬で形にする:おみくじツールでUIデザイン体験
├ 【演習】おみくじツールの作成
├ 【演習】ランダム表示のロジック
├ 【演習】おみくじツールの完成を目指す
├ エラーが出た場合の対処
└ 【演習】見た目を楽しくするCSS(バイブス重視)
第6章:【演習2】計算を自動化する:BMIチェッカーでロジック作成
├【演習】BMIチェッカーの作成
├ 入力は「文字列」から始まる【重要】
├ 【演習】BMIチェックのロジック追加
├ 【演習】「もし〜なら」条件で処理を分岐する
├ 【演習】BMI判定と色分けの実装
└ 【演習】エラーが出た場合の対処