ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/11/30
NEW
【週刊ドットインストール】 サービス開始12周年!、Tailwind CSS入門リリース、256timesにて回答ボット稼働開始
PREMIUM
JavaScriptで5秒当てゲームを作ろう
JavaScriptで5秒きっかりを当てるゲームを作っていきます。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(9)
未完了
#01 5秒当てゲームを作ってみよう
(02:52)
無料公開中
完成版の確認
index.htmlの作成
styles.cssの作成
main.jsの作成
未完了
#02 マークアップをしていこう
(02:55)
無料公開中
htmlのマークアップ
スタイルの設定
未完了
#03 ゲーム画面のスタイルを整えよう
(02:54)
ゲーム画面のスタイリング
未完了
#04 経過時間を取得していこう
(02:18)
clickイベント
基準となる時間の取得
未完了
#05 経過時間を画面に表示しよう
(02:34)
経過時間の取得
経過時間の表示
未完了
#06 結果に応じてスタイルを変えてみよう
(02:31)
resultのスタイリング
未完了
#07 ボタンを押し込めるようにしよう
(01:55)
ボタンのスタイリング
未完了
#08 ゲームの動作を調整していこう
(02:08)
ゲームの状態管理
未完了
#09 リプレイできるようにしよう
(02:45)
resultのスタイリング
リプレイ時の動作調整
リリース情報(note)
『JavaScriptで5秒当てゲームを作ろう』を追加しました
関連キーワード
基礎講座
(386)
初心者向け
(379)
HTML
(116)
CSS
(118)
JavaScript
(158)
ミニプログラム
(143)
詳細情報
最終更新日
2017年5月11日
バージョン情報
HTML5 / CSS / CSS3 / JavaScript