学べるもの
Web制作の基礎から、JavaScriptで「動く仕組み」を作るところまでを実践的に学びます。
JavaScript
ボタンで内容が変わる、入力チェック、アニメーションなどの動きを実装。
HTML
文書の構造を作る。見出し・段落・リンク・画像・フォームなど。
CSS
色・余白・レイアウトを整える。カードやボタンのデザインも。
プログラミングの考え方
変数・条件分岐・繰り返し・関数など、基礎を実践で定着。
UIの仕組み
タブ切替、ポップアップ、スライドショーなどをやさしい手順で。
フォーム操作
入力チェック・エラーメッセージ・送信前のガイドを作る。
API活用
外部サービスのデータ（天気など）を取得して画面に表示。
ゲーム制作
乱数・タイマー・当たり判定などを使い、ミニゲームで楽しく学ぶ。
カリキュラム（抜粋）
基礎を固めることで、無理なくステップアップできる構成です。
文法をしっかり学びながら、ゲームやフォーム、
アニメーションなどのプログラムを制作。
最初は少し難しく感じても、コードを理解して書ける力が確実に身につきます。
WEB抽選機（ガラポン）
はじめてのJS画面に表示・入力・分岐の基本を体験。JavaScriptの手応えを最速でつかみます。
クイズゲーム
繰り返しループとデバッグで「考え方」を鍛える。入れ子（ネスト）の読み解き方も学習します。
じゃんけんゲーム
関数関数で処理を整理。乱数で手を決め、戻り値と引数の使い方を理解します。
アドベンチャーゲーム
分岐の発展状態（true/false）とswitch文で分岐を丁寧に整理。読みやすいロジックを意識します。
入力フォームを自動チェック
要素操作属性とidを理解し、onclickで入力を検証。要素取得の基礎を身につけます。
ルーレット風おみくじ
テキスト操作要素のテキスト差し替えとタイマーで、動きのある表示に挑戦します。
ビンゴ抽選機
配列配列と要素取得で画像を切り替え。UIの基本パターンを理解します。
見積もりフォーム
イベント処理入力値の取得と計算、イベントでリアルタイムに金額を更新する処理を学習します。
画像アニメーション
UI演出「画像アニメーション」を題材に、複数要素を扱う方法と動きのある表現を学びます。
キーを押すたびに変わる世界
キーイベントキーイベントの使い方を学び、押したキーや離したキーをリアルタイムに検知できるようにします。
夜空に舞うシンボル
要素の追加実務でもよく使われる要素操作として、新しい要素を生成する方法を学びます。
APIで天気表示
API入門外部APIからデータ取得から画面表示までの基本フローを体験します。