学習スタジオは PC でご利用ください
お手数ですが、画面の大きい PC 環境（または横向きタブレット）から
`/learning-studio` にアクセスしてください。
より快適に学習いただけます
学習スタジオ
インタラクティブな学習プラットフォームで、
バイブコーディングを学びましょう。
バイブコーディング入門2 コース|合計 30分
無料【チャット型】AIコーディング入門
ChatGPT / Gemini / Claude のような会話型AIだけを使って、簡単なWebページを作ります。要件の伝え方→コード生成→貼り付け→修正依頼の流れと、効果的なプロンプトの型を学びます。
無料【IDE統合】AIコーディング入門
エディタ統合型AI（Cursor / Antigravity / VS Code AI 拡張 など）を使って、自己紹介ページを作りながら「IDE内でAIに依頼→差分反映→動作確認→修正指示」の一連の流れを学びます。
AIと作るフロントエンドの基礎4 コース|合計 1時間20分
無料LP制作コース
HTML / CSSを使ってランディングページを作成します。HTML/CSSの仕組みを理解する、レスポンシブデザインの基礎
ProTODOアプリ制作
JavaScript / localStorageを使ってTODOアプリを作成します。JavaScriptとは何か、DOM操作、localStorageでのデータ保存
Pro診断アプリ制作
条件分岐 / UI操作を使って診断メーカーを作成します。if文/for文を使った条件分岐をマスター、イベントハンドリング、UIの状態管理
ProGit / GitHub公開コース
Git / GitHub Pagesを使って公開Webサイトを作成します。Git管理の基礎、GitHubでのコード管理、GitHub Pagesでの公開
AIと理解するWebの仕組み（サーバー / API）5 コース|合計 1時間40分
Proクライアント・サーバー入門
HTTP / 通信の仕組みを使って天気API取得アプリを作成します。クライアントサーバー通信の仕組み、HTTPリクエスト・レスポンス、APIの基本概念
ProWeb API活用コース
REST API / JSON / fetchを使ってニュース取得アプリを作成します。REST APIの使い方、JSONデータの扱い、fetch APIによる非同期通信
Pro自作APIサーバー入門
Node.js / Expressを使ってメモ保存APIを作成します。Node.jsの基本、Expressフレームワーク、APIエンドポイントの作成
Proフロント × API連携アプリ
API連携を使って投稿アプリを作成します。フロント・バックエンドの連携、CRUD操作、非同期処理の実践
ProAPIデプロイ入門
サーバー公開を使って公開APIを作成します。クラウドサービスへのデプロイ、環境変数の設定、APIの公開方法
バイブコーディングの土台（開発環境）2 コース|合計 40分
無料Linuxコマンド入門
cd / ls / mkdir / touch / rm を使ってプロジェクト環境を作成します。Linuxコマンドの基礎、ファイル・ディレクトリの作成と削除、パスの仕組みを学びます。
ProローカルCLIツール制作
CLIツールを使ってファイル整理自動化ツールを作成します。CLIツールの作成、ファイル操作の自動化、実用的なスクリプト開発
バイブコーディングでWebアプリを作る3 コース|合計 1時間
Proフォーム送信アプリ制作
POST通信を使って問い合わせフォームを作成します。POST通信の仕組み、フォームの作成、サーバー側でのデータ受信
ProDB連携アプリ制作
Firebase / Supabaseを使ってメモ保存アプリを作成します。データベースの基本概念、Firebase/Supabaseの使い方、CRUD操作の実装
Pro認証付きアプリ制作
ログイン認証を使ってログイン付きアプリを作成します。ログイン認証の仕組み、セッション管理、セキュリティの基礎
バイブコーディングでAIアプリを作る3 コース|合計 1時間
ProAI文章生成ツール制作
LLM APIを使って文章生成ツールを作成します。LLM APIの使い方、プロンプトエンジニアリング、AI連携アプリの開発
Pro画像生成ツール制作
画像生成APIを使って画像生成UIを作成します。画像生成APIの使い方、非同期処理、画像の表示と保存
ProAIチャットアプリ制作
Chat APIを使ってチャットアプリを作成します。Chat APIの使い方、会話履歴の管理、ストリーミング応答の実装
バイブコーディングで業務を自動化する3 コース|合計 1時間
ProWebスクレイピングツール制作
データ取得を使って価格監視ツールを作成します。Webスクレイピングの基礎、HTML解析、データ抽出と保存
ProAI議事録生成ツール
音声→要約を使って議事録生成ツールを作成します。音声認識API、テキスト要約、実務で使えるAIツールの開発
ProAI秘書制作コース
Bot / Automationを使ってSlack / LINE AI秘書を作成します。チャットボットの開発、Slack/LINE API連携、自動化の実践
GAS（Google Apps Script）で業務を効率化3 コース|合計 1時間
Proスプレッドシート自動化
GASを使ってデータ集計・整形ツールを作成します。GAS（Google Apps Script）の使い方、スプレッドシートの読み書き、トリガー・定期実行の基礎、データの集計・整形
ProGASメール自動送信コース
GAS / Gmail APIを使ってメール自動送信ツールを作成します。Gmail APIの利用、テンプレートメールの送信、条件に応じた一斉送信、送信ログの記録
Pro週次レポート作成コース
GAS / Google Docs / スプレッドシートを使ってレポート自動作成ツールを作成します。スプレッドシートデータからGoogle Docsへの反映、テンプレート文書の生成、週次レポートの自動作成、PDF出力