ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/09/17
NEW
【週刊ドットインストール】 学習ロードマップにPHP/Laravelを追加、最近のAI使いこなしTips
866
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
246
件のレッスンと
620
件のレッスン動画が見つかりました。
#13 ボールの動きを制御しよう
JavaScriptでピンポンゲームを作ろう
ボールを跳ね返すためのメソッドを実装していきます。
#14 ゲームオーバー処理を実装しよう
JavaScriptでピンポンゲームを作ろう
ボールが画面下に行ったときにゲームオーバーと表示されるようにしていきます。
#15 ゲームオーバー処理を完成させよう
JavaScriptでピンポンゲームを作ろう
getMissedStatus()を実装してゲームオーバーの処理を完成させていきます。
#16 スコアが加算されるようにしよう
JavaScriptでピンポンゲームを作ろう
パドルでボールを跳ね返したときにスコアが加算されるようにしていきます。
#01 モーダルウィンドウを作ってみよう
JavaScriptでモーダルウィンドウを作ろう
完成版を確認したあとで、必要なファイルを作っていきます。
#02 画面を作っていこう
JavaScriptでモーダルウィンドウを作ろう
HTMLでマークアップをして、画面の大まかな見た目を作っていきます。
#03 ボタンのスタイルを整えよう
JavaScriptでモーダルウィンドウを作ろう
CSSで、画面全体と「詳細を見る」「閉じる」の各ボタンのスタイルを調整していきます。
#04 マスクとモーダルのスタイルを整えよう
JavaScriptでモーダルウィンドウを作ろう
マスクとモーダルウィンドウのスタイルを調整していきます。
#05 マスクとモーダルを非表示にしよう
JavaScriptでモーダルウィンドウを作ろう
hiddenクラスをつけることで、マスクとモーダルを表示しないようにします。
#07 マスクとモーダルを表示しよう
JavaScriptでモーダルウィンドウを作ろう
「詳細を見る」ボタンにclickイベントを設定して、クリックしたらマスクとモーダルが現れるようにします。
前へ
35
36
37
38
39
40
41
42
43
44
45
次へ