START
おみくじ、パスワード生成、ビンゴ、スロットを作り、乱数や配列を使って結果を生み出します。
レッスンをみる 時間を扱いたい方 日時やタイマーを使うカウントダウン、カレンダー、ストップウォッチを作り、日時の計算や画面の定期更新を学びます。
レッスンをみる 入力を保存したい方 入力とデータを扱うクイズ、メモ帳、Todo管理を作り、入力、判定、ブラウザへのデータ保存を組み合わせます。
レッスンをみる 操作感を作り込みたい方 UIやゲームを組み立てるスライドショー、タイピング、数字タッチゲームを作り、状態に応じて画面を変化させます。
レッスンをみるOVERVIEW
基礎文法を学んだだけでは、変数、関数、配列、DOM操作をどのように使えばいいか迷うことがあります。ひとつのアプリを完成させると、たとえそれが小さなアプリであっても、入力を受け取り、処理し、画面へ反映する流れがつながって見えるようになります。
この学習ガイドでは、ランダムな結果、日時とタイマー、入力とデータ保存、UIとゲームという4つのテーマに作品を分けています。目的や興味にあわせて作ってみたいアプリを選んでみましょう。
作りたいものを選び、分からない部分があればJavaScript入門へ戻りながら、少しずつ完成させていきましょう。
ボタンを押す、入力する、結果が変わるといった動きをひとつずつ実装し、実際に動くアプリを完成させます。
アプリを作りながら、関数、配列、DOM操作、イベント、日時、タイマーなどの使い方を確認します。
ランダム、日時、データ、UIというテーマから、身につけたい処理や作りたい作品に合わせて選べます。
BEFORE YOU START
JavaScriptの基礎とHTML/CSSの基本を知っていると、アプリ制作をスムーズに進められます。
不安な項目があれば、先に入門ガイドで確認しましょう。
GUIDE
乱数や配列を使い、実行するたびに結果が変わるツールやゲームを作ります。
Dateやタイマー処理を使い、時間を計算したり画面を定期的に更新したりします。
ユーザーの入力を受け取り、判定や保存を行って画面へ反映します。
キーボードやクリックの操作に応じて状態を管理し、画面を次々に変化させます。
NEXT STEP
FAQ
初めてなら「JavaScriptでおみくじを作ろう」から始めるのがおすすめです。乱数、配列、DOM操作、クリックイベントを使うので、JavaScript入門の復習にもなります。
まず基礎文法、関数、データ構造、DOM操作まで学んでおくとスムーズです。日時やタイマーの使い方で迷ったら、入門レッスンに戻って確認してください。
順番に進める必要はありません。ランダム、日時、データ、UIの中から、興味のあるテーマや作ってみたいアプリを選んでください。途中で分からないところが出てきたら、JavaScript入門に戻って復習しましょう。
アプリの画面や見た目を理解するために、HTMLタグとCSSの基本を知っていると安心です。不安がある場合はWebサイト制作入門を先に進めるのがおすすめです。
エディタとWebブラウザがあれば始められます。レッスン用の素材ファイルを開き、動画を見ながら実際にコードを書いていきます。
作品によって異なりますが、動画の視聴とコーディングを含め、1作品あたり数時間が目安です。1日20〜30分のペースなら、数日から2週間ほどを見ておくとよいでしょう。
一部の講座はプレミアム限定です。無料で視聴できる講座もあるため、内容を確認したうえでプレミアムプランをご検討いただけます。
ユーザー操作を受け取り、データを処理し、画面へ反映する一連の流れを自分で組み立てられるようになります。こうした流れは、Reactでアプリを作るときにも繰り返し使います。
LEARN NOW
3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか？
Copyright © 2011-2026 dotinstall.com. All Rights Reserved.
