このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 ハイアンドローを作ってみよう (02:38) 無料公開中
- 完成版の確認
- index.htmlの作成
- main.jsの作成
- styles.cssの作成
-
#02 ゲーム画面のマークアップをしよう (02:38) 無料公開中
- マークアップ
- styles.cssの読み込み
- スタイル設定
-
#03 領域を横に並べていこう (02:48) 無料公開中
- 領域の横並び
- ボタンのマークアップ
-
#04 ボタンのスタイルを整えよう (02:13) 無料公開中
- ボタンのスタイリング
-
#05 要素を絶対配置していこう (02:47)
- ボタンの配置
-
#06 カードを作り込んでいこう (02:33)
- カードのマークアップ
- カードのスタイリング
-
#07 カードの回転処理を作ろう (01:55)
- カードの回転処理
-
#08 回転処理を完成させよう (02:12)
- transform-styleの設定
- perspectiveの設定
-
#09 JavaScriptを扱う準備をしよう (02:41)
- main.jsの読み込み
- 要素の取得
-
#10 数字をランダムに表示させよう (02:15)
- ランダム表示処理の実装
-
#11 カードの数字を比較しよう (02:37)
- higherのクリックイベント設定
- lowerのクリックイベント設定
- check()の実装
-
#12 比較結果を表示しよう (02:42)
- getResultStr()の実装
- 動作確認
- resultのスタイリング
-
#13 リトライ機能を実装しよう (02:39)
- リトライ機能の実装
- transitionendイベントの設定
-
#14 ボタンの見た目を作り込もう (02:11)
- ボタンのスタイリング
-
#15 ゲームを完成させよう (01:47)
- ゲームの微調整
