ドットインストール - 3分動画でマスターする初心者向けプログラミング学習サイト
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
トップ
/
マイページ
/
レッスン一覧
/
【旧版】JavaScriptでスロットマシンを作ろう
【旧版】JavaScriptでスロットマシンを作ろう
(全8回)
最新版のレッスンはこちらから »
【最新版】JavaScriptでスロットマシンを作ろう (全11回)
JavaScriptでスロットマシンを作る方法を見ていきます。
このレッスンでは
HTML5
/
CSS3
を使用しています。
動画レッスン一覧
(8)
よくある質問一覧
(2)
未完了
#01 スロットマシンを作ろう
(01:06)
無料公開中
完成版
必要となる知識
レッスンにおける環境
未完了
#02 画面に要素を配置していこう
(02:41)
無料公開中
index.htmlの作成
スタイリング
未完了
#03 要素のスタイルを整えていこう
(02:57)
パネルのスタイリング
ボタンのスタイリング
未完了
#04 SPINボタンを動作させてみよう
(02:52)
要素の取得
SPINボタンのイベント
動作確認
未完了
#05 スロットを動作させてみよう
(02:11)
スロットの実装
動作確認
未完了
#06 スロットを停止させてみよう
(02:52)
停止処理の実装
動作確認
未完了
#07 結果を判定していこう
(02:35)
結果の判定
動作確認
未完了
#08 スロットマシンを完成させよう
(02:48)
初期化
isPlayingによる条件分岐
#spinButtonのwidthはなぜ240pxになるのでしょうか?
-
#03 要素のスタイルを整えていこう
inline-block によってできる間隔は元々何ピクセルか決まっているのでしょうか? #spinButt...
タイマーIDとはなんですか?
-
#05 スロットを動作させてみよう
タイマーIDを保持するために、 timers を宣言するとありますが、タイマーIDとはスロットの機能の中の何を指すので...
お知らせ
お知らせ
02/19
ES2017対応『JavaScriptでおみくじを作ろう』を追加しました
(02/19)
もっと見る
全ユーザーの学習状況
完了済
1,011
学習中
1,336
閲覧数
52,966
このレッスンについて
最終更新日
2015年7月9日
(1321日前)
バージョン情報
HTML5 / CSS3
関連キーワード
(4)
ミニプログラム
(115)
初心者向け
(255)
JavaScript
(126)
ゲームプログラミング
(41)
このレッスンを共有する