ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/05/28
NEW
【週刊ドットインストール】 AI関連レッスン、第四弾を準備中
862
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
244
件のレッスンと
618
件のレッスン動画が見つかりました。
#13 ボタンの状態を更新しよう
JavaScriptでカルーセルを作ろう
ボタンの状態を更新することで、不具合を直していきます。
#14 ボタンの動作を確認しよう
JavaScriptでカルーセルを作ろう
updateButtons()メソッドを呼び出し、ボタンの状態が更新されるか確認していきます。
#15 重複しているコードを関数にまとめよう
JavaScriptでカルーセルを作ろう
重複しているコードを一つの関数にまとめていきます。
#16 画像下にボタンを配置しよう
JavaScriptでカルーセルを作ろう
画像の下にボタンを配置したのち、カルーセル全体をsectionでまとめておきます。
#17 ボタンを丸くしていこう
JavaScriptでカルーセルを作ろう
ボタンのスタイルを整えたあとに、ボタンを動的に生成するための準備をしていきます。
#19 クリックイベントを設定しよう
JavaScriptでカルーセルを作ろう
ボタンにクリックイベントを設定し、画像がスライドするようにしていきます。
#20 currentクラスを移動させよう
JavaScriptでカルーセルを作ろう
進む、戻るボタンを押したときにもcurrentクラスが移動するように修正していきます。
#21 カルーセルを完成させよう
JavaScriptでカルーセルを作ろう
ウィンドウの大きさを変えたときに画像がずれる不具合を修正していきます。
#01 おみくじを作ってみよう
JavaScriptでおみくじを作ろう
完成版を確認したあとに、ひな形となるHTMLファイルを作っていきます。
#02 HTMLのマークアップをしよう
JavaScriptでおみくじを作ろう
必要な部品を揃えるため、HTMLでマークアップをしていきます。
前へ
46
47
48
49
50
51
52
53
54
55
56
次へ