ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/03/24
NEW
『Nuxt入門 基礎編』をリリースしました
2025/03/20
NEW
【週刊ドットインストール】 レッスン制作の進捗、社内開発のススメ
2024/05/07
NEW
あなただけの学習ロードマップを作成します 【随時受付中】
PREMIUM
【旧版】はじめてのJavaScript
ブラウザを操作することができるJavaScriptについて、簡単なゲームを作りながら基礎を学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
はじめてのJavaScript
JavaScriptでどういうことができるのか、実例を交えながらざっと解説していきます。
0%
動画レッスン一覧
(11)
質問と回答
(41)
#01 JavaScriptを使ってみよう
(01:48)
無料公開中
JavaScriptの概要
学習の進め方
未完了
#02 ひな形となるファイルを作ろう
(02:53)
無料公開中
index.htmlの作成
ブラウザでの表示
未完了
#03 クリックイベントを設定しよう
(02:33)
無料公開中
use strict
要素の取得
clickイベントの設定
未完了
#04 コードを詳しく見ていこう
(02:46)
getElementById()
addEventListener()
アロー関数
未完了
#05 エラーメッセージを読み解こう
(02:16)
デベロッパーツールの見方
エラーメッセージの読み方
未完了
#06 CSSのクラスを操作してみよう
(02:46)
コメントの書き方
classList
未完了
#07 定数を使ってみよう
(02:25)
toggle()
定数の利用
未完了
#08 divを増やしてみよう
(02:17)
divの追加
Flexbox
未完了
#09 JavaScriptでdivを生成してみよう
(02:38)
divの生成
子要素の追加
未完了
#10 for文でdivを生成してみよう
(02:49)
for文
textContent
未完了
#11 簡単なゲームを作ってみよう
(02:58)
ランダムな整数値の生成
if文
未完了
#02 ひな形となるファイルを作ろう
divが書ける場所について教えて下さい
2022年1月27日
ブラウザにドラック&ドロップしても動画と同じようにならない
2022年1月27日
なぜCSSをHTMLに記述するのですか?
2022年1月27日
#03 クリックイベントを設定しよう
#targetにスタイルをつければいいのでは?
2022年1月27日
addEventtListenerで使えるイベントにはどういったものがありますか?
2022年1月27日
矢印はどう打ち込んでいるのですか?
2022年1月27日
HTMLでは""、JavaScriptでは''を使うのですか?
2022年1月27日
#04 コードを詳しく見ていこう
addEventListenerの第3引数について教えてください
2022年1月27日
borderRadiusはどういうルールでそうなるのですか?
2022年1月27日
#05 エラーメッセージを読み解こう
idでスタイリングしてもいいですか?
2022年1月27日
デベロッパーツールが縦に配置されています
2022年1月27日
#06 CSSのクラスを操作してみよう
background と background-color の違いはなんですか?
2022年1月27日
transition-property を設定しなくてもよいのですか?
2022年1月27日
body 内で circle クラスが指定されていないのはなぜですか?
2022年1月27日
classList の「 L 」はなぜ大文字にするのですか?
2022年1月27日
transformを使うときはtransitionが必要ですか?
2022年1月27日
transitionをboxの方につけるのはなぜですか?
2022年1月27日
styleでtransformを指定するには?
2022年1月27日
#07 定数を使ってみよう
document.getElementById('target') が target に瞬時に変わっていますが、やり方を教えてください
2022年1月27日
target.classList.toggle('circle'); はどのように動作しますか?
2022年1月27日
targetと'target'の違いは何ですか?
2022年1月27日
circleクラスが外れるときに回転するのはなぜですか?
2022年1月27日
#09 JavaScriptでdivを生成してみよう
IDを設定しない理由は何でしょうか?
2022年1月27日
document.body.main.appendChild(div)が動きません
2022年1月27日
idを設定するには?
2022年1月27日
createElementの挙動がよくわかりません
2022年1月27日
divが出てくるたびにcreateElementされるのではないですか?
2022年1月27日
appendChildする順番はどう考えればいいですか?
2022年1月27日
「''」を付けるときと付けないときの違いが知りたい
2022年1月27日
document.querySelector('body')としないのはなぜですか?
2022年1月27日
#10 for文でdivを生成してみよう
for 文の( )の中の let は何ですか?
2022年1月27日
constをvarにしてはなぜダメなのですか?
2022年1月27日
for文で作ったdivにはidを振らなくていいのですか?
2022年1月27日
div.textContent.add('i')とは書けないのですか?
2022年1月27日
#11 簡単なゲームを作ってみよう
for文の変数iと要素の番号はどこで保持されているのでしょうか
2022年1月27日
winもloseも同じスタイルになってしまう
2022年1月27日
必ず一つだけwin!がでるのはなぜですか?
2022年1月27日
条件分岐で===と3つにする理由は何ですか?
2022年1月27日
let を var にしたら動かなくなりました
2022年1月27日
scriptで作ったdivをsection内に配置したい
2022年1月27日
if (i === winner) は何を比較していますか?
2022年1月27日
リリース情報(note)
Visual Studio Codeに対応した『はじめてのJavaScript』をリリースしました
詳細情報
最終更新日
2019年8月15日
バージョン情報
Chrome 76.0 / Visual Studio Code 1.36.1