ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2026/05/28
NEW
【週刊ドットインストール】 AI関連レッスン、第四弾を準備中
862
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
244
件のレッスンと
618
件のレッスン動画が見つかりました。
#03 必要な要素を揃えよう
JavaScriptでタブメニューを作ろう
HTMLでマークアップをして、必要な要素を作っていきます。
#04 全体のスタイルを整えよう
JavaScriptでタブメニューを作ろう
CSSで、画面全体とメニューのスタイルを調整していきます。
#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クラスを作っていきます。
前へ
36
37
38
39
40
41
42
43
44
45
46
次へ