読み込み中...
初心者歓迎
バイブコーディングの前提知識をロードマップで効率よく学習。AI活用・Web制作・デザインまで、 幅広いスキルを動画と記事でやさしく解説します。
動画でわかりやすい
プロの解説で迷わず学べる
初心者でも安心
基礎からていねいに解説
幅広いジャンル
Web制作・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分で学べます!手軽にプロ並みの仕上がりを目指したい方にぴったりの内容です。