読み込み中...
初心者歓迎
AI時代に必須の「バイブコーディング」を、前提知識からロードマップで効率学習。 Claude Code・ChatGPT・Web制作・デザインまで、動画と記事でやさしく解説します。
17講座
11時間+
無期限
Premium Courses
買い切り / 視聴期限なし
無料で試せる講座から、実践向けの有料講座まで用意しています

ふわふわコード
AIから狙い通りのアウトプットを引き出すための基本プロンプトパターン10選を実例付きで解説。役割付与・制約明示・Few-shot・Chain of Thoughtなど、ChatGPT・Claude・Geminiどれでも使える普遍的な技法。コーディング・文章作成・データ分析・業務メールなど、あらゆる業務で生産性を10倍にする実践ガイド。

ふわふわコード
主要AIコーディングツール3つ(Claude Code・Cursor・GitHub Copilot)の特徴・料金・得意分野を、実際の使用感ベースで比較。エージェント性能・補完精度・初心者向け度・大規模対応・コスト・プライバシーの6観点で評価し、ユースケース別のおすすめも提示します。ツール選びで迷っている方の決定版ガイド。

ふわふわコード
バイブコーディングという用語の定義から、従来のプログラミングとの違い、必要なスキル、Claude CodeやCursorなど主要ツール、よくある誤解までを徹底解説。AI時代に「コードが書けなくても作れる」とは具体的にどういうことか、初心者にもわかりやすく整理した完全ガイドです。

ふわふわコード
AIを使ってWebアプリを作り、実際にインターネットに公開するまでの全体像をわかりやすく解説します。企画→開発→デプロイの流れ、使うツールや技術の選び方、初心者が陥りやすい落とし穴まで、バイブコーディング時代の開発プロセスを俯瞰できるコラムです。

ふわふわコード
AIがコードを書いてくれる「Claude Code」を徹底解説。Claude Codeとは何か、何ができるのか、インストール方法から基本的な使い方まで、初心者にもわかりやすくステップバイステップで紹介します。バイブコーディングを始めたい方の最初の一歩に最適な無料講座です。

ふわふわコード
Claude CodeなどのAI開発ツールを使うにはNode.jsが必要です。この無料講座では、Node.jsとは何か、なぜ必要なのかをわかりやすく解説し、Windows・Macそれぞれのインストール手順をステップバイステップで紹介します。npmの基本的な使い方も学べます。

ふわふわコード
JSONはWeb開発やAI連携で最も使われるデータ形式です。API通信、設定ファイル、データ保存など、あらゆる場面で登場します。この無料講座では、JSONの基本ルールから、PythonやJavaScriptでの読み書き方法、よくあるミスの対処法まで、初心者にもわかりやすく解説します。

ふわふわコード
プログラミング初心者が最もつまずく「エラーメッセージ」を徹底攻略します。赤い文字や英語の羅列に怯える必要はもうありません。この無料講座では、Pythonのエラーメッセージの読み方を「下から上へ」のシンプルなルールで解説し、よく出る10大エラーの原因と対処法を具体的なコード例とともに紹介します。エラーを「敵」から「味方」に変えて、バイブコーディングをもっとスムーズに進めましょう。

ふわふわコード
AIにコードを書かせる「バイブコーディング」では、AIが大量のコードを一気に変更します。そのとき、変更履歴を記録し、いつでも前の状態に戻せるGitの知識は必須です。この無料講座では、Gitの基本操作からGitHubへの公開、AIが壊したコードを元に戻す実践テクニックまで、初心者にもわかりやすく解説します。

ふわふわコード
AIサービスやWeb APIを使う開発で避けて通れない「APIキーの管理」を基礎から解説します。キーをソースコードに直書きしてGitHubに公開してしまい、高額請求が届く――そんな事故を防ぐために、.envファイルとpython-dotenvを使った安全な管理方法を、初心者にもわかりやすく実践的に学びます。

ふわふわコード
AIにコードを書かせる「バイブコーディング」を始めるなら、ターミナル操作は避けて通れません。ファイルの作成・移動、プログラムの実行、環境構築――すべてがターミナルから始まります。この無料講座では、Mac・Windows両対応で、ターミナルの開き方から基本コマンド、実際のバイブコーディングでの活用方法まで、完全初心者にもわかりやすく解説します。

ふわふわコード
AIにコードを書かせる「バイブコーディング」を始める前に、Python仮想環境(venv)の知識は必須です。venvを知らないまま開発すると、パッケージの競合やバージョン違いで「動かない!」の沼にハマります。この無料講座では、venvの仕組みから実践的な使い方、よくあるトラブルの対処法まで、初心者にもわかりやすく解説します。

ふわふわコード
AIを「最強の相棒」に変える言葉の魔法を学びます。このコースでは、ChatGPTなどの生成AIを効果的に活用するための「プロンプトエンジニアリング」を、5つの基本要素による「魔法のレシピ」で体系的に習得。仕事のメール作成から企画立案、学習サポートまで、AIとの新しいコミュニケーション術をマスターし、日常を劇的に変える実践スキルを身につけましょう。

Web講座
Web制作の第一歩を踏み出しましょう!この講座では、HTMLとCSSの基礎を学びながら、おしゃれなカフェの素敵な紹介ページをゼロから作成します。知識ゼロからでも、自分だけのWebページを完成させることができます。

Muroi Mio
この講座では、・背景の水玉や星の描き方・フチ付き文字やド派手な見出しのコツキャラ配置のバランス感など、サムネイル制作に欠かせないプロのテクニックを初心者向けにやさしく解説していきます。

しずやん
この動画では、Node.jsを使ってQRコードを超簡単に作る方法を、初心者向けに分かりやすく解説しています。Node.jsのインストールからVSCodeのセットアップ、qrcodeライブラリでのQRコード生成、そしてIllustratorを使ったデザインアレンジまでを一気通貫でご紹介!

しずやん
Photoshop初心者必見!この講座では、ディスプレイスメントマップを使って服の模様を自然に置き換える方法を分かりやすく解説します。オブジェクト選択ツールでの選択、ガウスぼかしの適用、置き換えフィルターの使い方、さらにリアルな仕上がりを実現するレイヤースタイルの調整までを、5分で学べます!手軽にプロ並みの仕上がりを目指したい方にぴったりの内容です。
バイブコーディングは、AI(Claude CodeやCursorなど)に自然言語で指示を出してコードを書いてもらう開発スタイルです。人間は「監督」、AIは「プログラマー」という役割分担で、コードを一行ずつ書かなくてもアプリを作れる新しい開発手法です。ただし、ターミナル・Git・環境変数など最低限の前提知識は必要で、ふわふわコードはまさにその基礎を無料で学べる構成になっています。
Claude Codeはターミナルから操作するAIエージェント型ツール、Cursorは画面付きエディタにAI機能が統合されたツール、GitHub CopilotはVS Code拡張として動く補完特化型ツールです。初心者にはClaude CodeかCursorがおすすめで、「指示を出して任せたい」ならClaude Code、「自分も書きつつAIに手伝ってほしい」ならCursorが向いています。詳しくは比較記事で解説しています。
なれます。ただし「AIに丸投げ」では完成しません。ターミナルの基本、Gitのコミット、エラーメッセージの読み方、.envファイルの扱いなど、人間側に必要な基礎があります。ふわふわコードはその基礎を順番に学べる無料記事を11本以上揃えています。学習ロードマップに沿えば、未経験から最初のWebアプリ公開までたどり着けます。
WindowsでもMacでも学べます。記事内ではWindows(PowerShell)とMac/Linux両方のコマンド例を併記しています。Claude Codeも両OSで動作しますし、Node.jsやGitもクロスプラットフォームです。
無料記事(11本以上)は「開発の前提知識」を網羅的に扱います。一方、有料講座(¥480〜¥980)は「手を動かして成果物を作る」実践型の内容です。例:HTML/CSSでカフェ紹介ページを完成させる(¥480・3時間)、プロンプトエンジニアリングを業務に応用する(¥980・1時間)、Illustratorで売れるYouTubeサムネイルを作る(¥980・2時間)。一度購入すれば視聴期限なし・買い切りです。
むしろAIが進化するほど重要になります。AIに「いい指示が出せる人」と「曖昧な指示しか出せない人」では、同じツールを使っても生産性が10倍以上変わります。ふわふわコードの有料講座「プロンプトエンジニアリング入門」では、ビジネスで使える具体的なプロンプトパターンを学べます。
あります。AIにコードを書かせるためには「何を作るか考える力」「AIに的確に指示を出す力」「出来上がりを評価する力」が必要で、これらは人間にしかできません。むしろAI時代こそ、プログラミングの本質(ロジック・データ・システム設計)を理解している人の価値が上がります。ふわふわコードはAI時代に必要な「人間側の基盤」にフォーカスしています。
有料講座は買い切りで、視聴期限はありません。月額サブスクもなく、必要な講座だけを選んで購入できます。一度買えば、復習や辞書的な使い方で何度でも見返せます。