ドットインストール - 3分動画でマスターできるプログラミング学習サービス

PREMIUM

JavaScriptでスロットマシンを作ろう

JavaScriptでスロットマシンを作る方法を学んでいきます。
0%

このレッスンをはじめる前に

このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。

JavaScript入門 基礎文法編

JavaScript入門 基礎文法編 (全27回) PREMIUM

PREMIUM
0%
JavaScript入門 関数編

JavaScript入門 関数編 (全12回) PREMIUM

PREMIUM
0%
JavaScript入門 データ構造編

JavaScript入門 データ構造編 (全27回) PREMIUM

PREMIUM
0%
JavaScript入門 DOM編

JavaScript入門 DOM編 (全22回) PREMIUM

PREMIUM
0%
JavaScript入門 数値操作編

JavaScript入門 数値操作編 (全8回) PREMIUM

PREMIUM
0%
JavaScript入門 タイマー編

JavaScript入門 タイマー編 (全10回) PREMIUM

PREMIUM
0%
JavaScript入門 クラス編

JavaScript入門 クラス編 (全19回) PREMIUM

PREMIUM
0%
#01 スロットマシンを作ってみよう
勉強方法を教えてください
2022年1月27日
#02 画面を作っていこう
STOPボタンをbuttonタグで書いても良いですか？
2023年6月24日
なぜ stop を id ではなく class で指定するのですか？
2022年7月9日
id､class､div､mainなど、どのタグを使っていいのかわかりません
2022年1月27日
画像が潰れてみれません
2022年1月27日
#04 画像とSTOPボタンのスタイルを整えよう
display: flex; がうまくいきません
2022年1月27日
#06 Panelクラスを作ろう
const と this の使い分けを教えてください
2022年10月28日
this.stop は this.div でも同じ動作になりますが、なぜ stop クラスにしたのでしょうか？
2022年1月27日
main要素を定数にする理由を教えてください
2022年1月27日
わざわざクラスにまとめる理由はなんでしょうか？
2022年1月27日
const と this を使い分ける理由が知りたい
2022年1月27日
#07 インスタンスを生成しよう
定数 main を定義せず、document.querySelector('main').appendChild(section); としても大丈夫ですか？
2022年6月9日
なぜ panels を呼び出していないのに img の 7 が表示されているのでしょうか？
2022年1月27日
document.write()を使う方法との違いを教えて下さい
2022年1月27日
createElementとquerySelectorの違いは何ですか？
2022年1月27日
なぜ「new Panel()」とするだけでページに反映されるのでしょうか？
2022年1月27日
「コンストラクターの中でしか使わないから、定数でOK」の意味がわかりません
2022年1月27日
main文の中身を全部消す必要ありますか？
2022年1月27日
#08 spinメソッドを定義しよう
spin をクラス外の関数ではなくクラス内のメソッドとして定義したのはなぜですか？
2022年10月28日
spin メソッドを class Panel の中かつ、 constructor() の外側に定義するのはなぜですか？
2022年4月4日
protortype によるクラスの継承は習得しておくべきですか？
2022年2月10日
this は何を指しているのですか？
2022年1月27日
spin()の処理がわからない
2022年1月27日
Panel.spin()にならないのはなぜですか？
2022年1月27日
コンストラクタ内に入れるものと入れないもので違いがわかりません
2022年1月27日
ランダムな数値を生成するコードがよくわかりません
2022年1月27日
getRandomImage()やspin()のまえにfunctionを書かないのはなぜでしょうか？
2022年1月27日
#09 SPINボタンとSTOPボタンを動かそう
clearTimeout(this.timeoutId); の timeoutId はどこを参照しているのですか？
2022年9月3日
spin() の中で stop にイベントリスナーをつけても正常に動作するのですが、何か問題はありますか？
2022年7月9日
this.timeoutId = undefinedを省略しても動作するのはなぜですか？
2022年3月24日
インスタンス生成のたびに、異なる timeoutId が定義されているのですか？
2022年1月27日
setTimeout()の書き方について教えて下さい
2022年1月27日
timeoutIdの宣言はクラスの外で書いてもいいですか？
2022年1月27日
「this.timeoutId = undefined」は「let timeoutId = undefined」ではだめですか？
2022年1月27日
this.spin()とspinの違いがわかりません
2022年1月27日
なぜ1つのSTOPボタンで1つのスロットを止められるのでしょうか？
2022年1月27日
「setTimeout(this.spin, 50);」とすると動かないのはなぜですか？
2022年1月27日
setTimeoutが何を返しているのかわからない
2022年1月27日
thisの使い方がいまいち理解できません
2022年1月27日
なぜthis.timeoutId = undefinedとするのですか？
2022年1月27日
#10 結果判定のための関数を作ろう
isUnmatched とはなんですか？
2022年3月24日
クラス内に入れる、入れない、の判断はどうすればいいですか？
2022年3月2日
Panel クラスの中に const panels や function checkResult が入らないのは何故ですか？
2022年1月27日
isUnmatched()の処理について教えて下さい
2022年1月27日
コードをクラス内に書くのか、クラス外に書くのか区別がつきません
2022年1月27日
checkResultでelse ifも使えますか？
2022年1月27日
#11 結果判定処理を完成させよう
checkResult の中で isUnmatched や unmatch を使用できるのはなぜですか？
2022年1月27日
isUnmatched (p1, p2) や unmatch () を Panel クラス内に書くのはなぜですか？
2022年1月27日
isUnmatched()のthis.img.srcがなぜ最初の画像なのかわからない
2022年1月27日
isUnmatched(p1, p2)で渡すp1､p2はどのインスタンスを指しているのですか？
2022年1月27日
isUnmatched(p1, p2) で渡すp1､p2はどこからきたのですか？
2022年1月27日
isUnmatched関数の動きがよくわかりません
2022年1月27日
#12 SPINボタンとSTOPボタンを制御しよう
disabled 属性が使えないのはなぜですか？
2023年6月14日
return のあとに書いたコードが実行される理由がわかりません
2023年2月11日
ストップボタンを1つ押すとすべて押せなくなるのでは？
2022年1月27日
条件分岐の位置を変えたら動かなくなりました
2022年1月27日
#13 リセット処理を実装しよう
パネルに関する処理は Panel 内に閉じ込める方がいいですか？
2022年9月3日
このスロットマシンアプリはプロの方ならどれくらいの時間で作れますか？
2022年2月10日
imgにリンクを貼れますか？
2022年1月27日
spin.classList.remove('inactive'); の先頭に this がつかないのはなぜですか？
2022年1月27日
mainではなくてdivタグを使うとどうなりますか？
2022年1月27日

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報

Copyright © 2011-2024 dotinstall.com. All Rights Reserved.