読み込み中...

ふわふわコード
ロードマップAIプログラミングツールWeb開発Node.jsPythonChatGPTGeminiHTMLCSSWebDesignDesignIllustratorPhotoshopProgramming
ロードマップAIプログラミングツールWeb開発Node.jsPythonChatGPTGeminiHTMLCSSWebDesignDesignIllustratorPhotoshopProgramming

初心者歓迎

動画と記事で学ぶ、
やさしいIT・Web講座
ふわふわコード

AI時代に必須の「バイブコーディング」を、前提知識からロードマップで効率学習。 Claude Code・ChatGPT・Web制作・デザインまで、動画と記事でやさしく解説します。

無料で学び始める実践型の有料講座を見る¥480〜
講座数

17講座

総コンテンツ

11時間+

視聴期限

無期限

こんな方におすすめ

  • 独学で何から始めればいいか分からない
  • テキストだけだと理解しにくい
  • 実際にものを作りながら覚えたい
  • 最新のAI活用スキルを身につけたい

Premium Courses

成果物が残る、実践講座

買い切り / 視聴期限なし

AI時代の必須スキル!プロンプトエンジニアリング入門講座
1時間·記事

AI時代の必須スキル!プロンプトエンジニアリング入門講座

¥980詳細を見る
HTML/CSS入門:おしゃれなカフェの紹介ページを作ろう!
3時間·記事

HTML/CSS入門:おしゃれなカフェの紹介ページを作ろう!

¥480詳細を見る
イラレで作るYouTubeサムネイル制作講座
2時間·動画

イラレで作るYouTubeサムネイル制作講座

¥980詳細を見る

すぐ始められる講座一覧

無料で試せる講座から、実践向けの有料講座まで用意しています

プロンプトエンジニアリング基本パターン10選【AIに思い通り動いてもらう書き方】

プロンプトエンジニアリング基本パターン10選【AIに思い通り動いてもらう書き方】

ふわふわコード

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

プロンプトエンジニアリングAI活用ChatGPTClaude業務効率化
総時間:20分
無料
Claude Code vs Cursor vs GitHub Copilot 徹底比較【2026年版】

Claude Code vs Cursor vs GitHub Copilot 徹底比較【2026年版】

ふわふわコード

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

Claude CodeCursorGitHub CopilotAI開発ツール比較
総時間:15分
無料
バイブコーディングとは?AI時代の新しい開発スタイルを完全解説

バイブコーディングとは?AI時代の新しい開発スタイルを完全解説

ふわふわコード

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

バイブコーディングAIClaude Code入門初心者向け
総時間:20分
無料
AIでWebアプリを開発して公開するまでの全体像

AIでWebアプリを開発して公開するまでの全体像

ふわふわコード

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

WebアプリAI開発バイブコーディングデプロイ初心者向け
総時間:35分
無料
Claude Codeってなに?導入から使い方まで完全ガイド

Claude Codeってなに?導入から使い方まで完全ガイド

ふわふわコード

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

Claude CodeAIバイブコーディング開発ツール初心者向け
総時間:40分
無料
Claude Codeを使う前に!Node.js導入ガイド

Claude Codeを使う前に!Node.js導入ガイド

ふわふわコード

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

Node.jsnpm環境構築Claude Code初心者向け
総時間:30分
無料
JSONってなに?データ形式の基本をわかりやすく解説

JSONってなに?データ形式の基本をわかりやすく解説

ふわふわコード

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

JSONAPIデータ形式初心者向け
総時間:25分
無料
もう怖くない!エラーメッセージの読み方入門

もう怖くない!エラーメッセージの読み方入門

ふわふわコード

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

エラーデバッグPythonバイブコーディング初心者向け
総時間:30分
無料
バイブコーディング時代のGit/GitHub入門

バイブコーディング時代のGit/GitHub入門

ふわふわコード

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

GitGitHubバイブコーディングバージョン管理初心者向け
総時間:40分
無料
APIキーを安全に管理しよう!.envファイル入門

APIキーを安全に管理しよう!.envファイル入門

ふわふわコード

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

APIキー.envセキュリティバイブコーディング初心者向け
総時間:25分
無料
バイブコーディングで必須!ターミナル/コマンドライン超入門

バイブコーディングで必須!ターミナル/コマンドライン超入門

ふわふわコード

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

ターミナルコマンドラインバイブコーディング初心者向け
総時間:30分
無料
バイブコーディングの前に知っておきたい!Python仮想環境(venv)超入門

バイブコーディングの前に知っておきたい!Python仮想環境(venv)超入門

ふわふわコード

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

Pythonvenvバイブコーディング環境構築初心者向け
総時間:30分
無料
AI時代の必須スキル!プロンプトエンジニアリング入門講座

AI時代の必須スキル!プロンプトエンジニアリング入門講座

ふわふわコード

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

プロンプトエンジニアリング生成AIChatGPT業務効率化AIコミュニケーション
総時間:1時間
¥980(JPY)
HTML/CSS入門:おしゃれなカフェの紹介ページを作ろう!

HTML/CSS入門:おしゃれなカフェの紹介ページを作ろう!

Web講座

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

HTMLCSS初心者向け
総時間:3時間
¥480(JPY)
イラレで作るYouTubeサムネイル制作講座

イラレで作るYouTubeサムネイル制作講座

Muroi Mio

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

IllustratorAdobePhotoshop
総時間:2時間
¥980(JPY)
もう悩まない!Node.jsでラクラクQRコード生成&おしゃれアレンジ方法を解説

もう悩まない!Node.jsでラクラクQRコード生成&おしゃれアレンジ方法を解説

しずやん

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

Node.jsAdobeIllustrator 2025
総時間:10分
無料
【5分で完成】Photoshopで服の模様をリアルに差し替える方法 Adobe 2025

【5分で完成】Photoshopで服の模様をリアルに差し替える方法 Adobe 2025

しずやん

Photoshop初心者必見!この講座では、ディスプレイスメントマップを使って服の模様を自然に置き換える方法を分かりやすく解説します。オブジェクト選択ツールでの選択、ガウスぼかしの適用、置き換えフィルターの使い方、さらにリアルな仕上がりを実現するレイヤースタイルの調整までを、5分で学べます!手軽にプロ並みの仕上がりを目指したい方にぴったりの内容です。

PhotoshopAdobePhotoshop2025
総時間:5分
無料

よくある質問

Q. バイブコーディングって何ですか?従来のプログラミングと何が違いますか?

バイブコーディングは、AI(Claude CodeやCursorなど)に自然言語で指示を出してコードを書いてもらう開発スタイルです。人間は「監督」、AIは「プログラマー」という役割分担で、コードを一行ずつ書かなくてもアプリを作れる新しい開発手法です。ただし、ターミナル・Git・環境変数など最低限の前提知識は必要で、ふわふわコードはまさにその基礎を無料で学べる構成になっています。

Q. Claude CodeとCursor、GitHub Copilotはどう違いますか?どれを使えばいいですか?

Claude Codeはターミナルから操作するAIエージェント型ツール、Cursorは画面付きエディタにAI機能が統合されたツール、GitHub CopilotはVS Code拡張として動く補完特化型ツールです。初心者にはClaude CodeかCursorがおすすめで、「指示を出して任せたい」ならClaude Code、「自分も書きつつAIに手伝ってほしい」ならCursorが向いています。詳しくは比較記事で解説しています。

Q. プログラミング完全初心者ですが、AIで開発できるようになりますか?

なれます。ただし「AIに丸投げ」では完成しません。ターミナルの基本、Gitのコミット、エラーメッセージの読み方、.envファイルの扱いなど、人間側に必要な基礎があります。ふわふわコードはその基礎を順番に学べる無料記事を11本以上揃えています。学習ロードマップに沿えば、未経験から最初のWebアプリ公開までたどり着けます。

Q. Windowsでも学べますか?Macでないとダメですか?

WindowsでもMacでも学べます。記事内ではWindows(PowerShell)とMac/Linux両方のコマンド例を併記しています。Claude Codeも両OSで動作しますし、Node.jsやGitもクロスプラットフォームです。

Q. 有料講座と無料講座の違いは何ですか?

無料記事(11本以上)は「開発の前提知識」を網羅的に扱います。一方、有料講座(¥480〜¥980)は「手を動かして成果物を作る」実践型の内容です。例:HTML/CSSでカフェ紹介ページを完成させる(¥480・3時間)、プロンプトエンジニアリングを業務に応用する(¥980・1時間)、Illustratorで売れるYouTubeサムネイルを作る(¥980・2時間)。一度購入すれば視聴期限なし・買い切りです。

Q. プロンプトエンジニアリングはAIに丸投げできない時代でも必要ですか?

むしろAIが進化するほど重要になります。AIに「いい指示が出せる人」と「曖昧な指示しか出せない人」では、同じツールを使っても生産性が10倍以上変わります。ふわふわコードの有料講座「プロンプトエンジニアリング入門」では、ビジネスで使える具体的なプロンプトパターンを学べます。

Q. AIに仕事を奪われると言われますが、今プログラミングを学ぶ意味はありますか?

あります。AIにコードを書かせるためには「何を作るか考える力」「AIに的確に指示を出す力」「出来上がりを評価する力」が必要で、これらは人間にしかできません。むしろAI時代こそ、プログラミングの本質(ロジック・データ・システム設計)を理解している人の価値が上がります。ふわふわコードはAI時代に必要な「人間側の基盤」にフォーカスしています。

Q. 視聴期限・サブスクはありますか?

有料講座は買い切りで、視聴期限はありません。月額サブスクもなく、必要な講座だけを選んで購入できます。一度買えば、復習や辞書的な使い方で何度でも見返せます。

ふわふわコード
プライバシーポリシー免責事項特定商取引法に基づく表記FAQサポートチャットお問い合わせ運営会社
© 2026 Shizukuya inc. All rights reserved.