読み込み中...

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

初心者歓迎

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

バイブコーディングの前提知識をロードマップで効率よく学習。AI活用・Web制作・デザインまで、 幅広いスキルを動画と記事でやさしく解説します。

学習ロードマップを見るAI活用講座を見る

動画でわかりやすい

プロの解説で迷わず学べる

初心者でも安心

基礎からていねいに解説

幅広いジャンル

Web制作・AI・デザインまで

こんな方におすすめ

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

すぐ始められる講座一覧

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

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