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