ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/09/04
NEW
【週刊ドットインストール】 Seoul Startup Hubがおすすめ、レッスン制作・256timesの進捗
860
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
242
件のレッスンと
618
件のレッスン動画が見つかりました。
#05 選択されたメニューのスタイルを変えよう
JavaScriptでタブメニューを作ろう
activeクラスがついているメニューにスタイルをつけていきます。
#06 細かいスタイルを整えよう
JavaScriptでタブメニューを作ろう
細かい部分のスタイルを調整していきます。
#07 メニューにイベントを設定しよう
JavaScriptでタブメニューを作ろう
メニューのliにclickイベントを設定して、クリックされたらactiveクラスが追加されるようにしていきます。
#08 activeクラスを付け替えよう
JavaScriptでタブメニューを作ろう
activeクラスを追加する前に、元からついていたactiveクラスは外すことで、移動するようにします。
#09 タブの内容を切り替えよう
JavaScriptでタブメニューを作ろう
内容を切り替えるための処理として、まず全てのcontentからactiveクラスを削除します。
#10 タブメニューを完成させよう
JavaScriptでタブメニューを作ろう
どのメニューにactiveクラスがついているかに応じて、表示するタブの内容を切り替える処理を完成させます。
#01 ローディングアイコンを作っていこう
JavaScriptでローディングアイコンを作ろう
完成版を確認したあとに必要なファイルを作っていきます。
#02 Iconクラスを作っていこう
JavaScriptでローディングアイコンを作ろう
canvas要素を取得したあとにIconクラスを作っていきます。
#03 円を描画してみよう
JavaScriptでローディングアイコンを作ろう
描画コンテキストを取得したあとに円を描画していきます。
#04 座標空間を移動させよう
JavaScriptでローディングアイコンを作ろう
目盛りを描画したあとに座標空間を移動していきます。
前へ
36
37
38
39
40
41
42
43
44
45
46
次へ