ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/09/10
NEW
『Go言語入門 制御構造編』をリリースしました
2024/09/05
NEW
【週刊ドットインストール】 レッスン制作の進捗、256timesのエディター更新、メンタリングの現場から
PREMIUM
【旧版】 JavaScriptでスロットマシンを作ろう
JavaScriptでスロットマシンを作る方法を学んでいきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでスロットマシンを作ろう
JavaScriptでスロットマシンを作る方法を学んでいきます。
0%
動画レッスン一覧
(13)
#01 スロットマシンを作ってみよう
(02:41)
無料公開中
完成版の確認
index.htmlの作成
styles.cssの作成
main.jsの作成
未完了
#02 画面を作っていこう
(02:20)
無料公開中
mainのマークアップ
.spinのマークアップ
未完了
#03 全体のスタイルを整えよう
(02:36)
無料公開中
bodyのスタイリング
mainのスタイリング
.panelのスタイリング
未完了
#04 画像とSTOPボタンのスタイルを整えよう
(02:58)
.panelのスタイリング
.stopのスタイリング
Flexbox
未完了
#05 SPINボタンのスタイルを整えよう
(02:11)
#spinのスタイリング
未完了
#06 Panelクラスを作ろう
(02:43)
Panelクラスの定義
コンストラクタ
this
未完了
#07 インスタンスを生成しよう
(02:11)
panelインスタンスの生成
未完了
#08 spinメソッドを定義しよう
(02:55)
spin()メソッド
getRandomImage()メソッド
画像の差し替え
forEach()
未完了
#09 SPINボタンとSTOPボタンを動かそう
(02:24)
setTimeout()
clearTimeout()
未完了
#10 結果判定のための関数を作ろう
(02:30)
isUnmatched()メソッド
checkResult()関数
未完了
#11 結果判定処理を完成させよう
(02:02)
unmatchedクラスの付け外し
unmatch()メソッド
未完了
#12 SPINボタンとSTOPボタンを制御しよう
(02:36)
inactiveクラスの付け外し
未完了
#13 リセット処理を実装しよう
(02:52)
activate()メソッド
未完了
リリース情報(note)
ES2017に対応した『JavaScriptでスロットマシンを作ろう (全13回)』をリリースしました
詳細情報
最終更新日
2019年4月22日
バージョン情報
JavaScript (ES2017)