AKB48のみーおんがイチから作ったサイトを全世界に公開し、ちょまどが泣きそうなぐらい喜んだ日：開発者モードを使うアイドル、神（2/2 ページ）

» 2023年07月06日 05時00分公開

4. ライトテーマとダークテーマをボタンで切り替えられるようにする

　いよいよ、今回のセッションのハイライトともいえるJavaScriptに突入する。

　テーマの切り替えボタンを作るところから始める。「index.html」を開き、手入力で「＜button class=”btn”＞ダークテーマにする＜/button＞」と書き込む。ページを更新すると、ボタンが表示されたが、ボタンを押したときの処理をまだ定義していないため、この時点ではクリックしても動作はしない。

　次に、ボタンのデザイン編集だ。CSSファイルを開いて、形や色を整える。加えて、ボタンの設置場所をページの最下部から最上部の右方に移動させる。これで目立つようになった。

ボタンの設定をしていく

#CmsMembersControl .CmsMembersControlIn {width:100%;background:url(https://image.itmedia.co.jp/images/spacer.gif) #DDD;opacity:0.05;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=5);z-index:1;}

続きを閲覧するには、ブラウザの JavaScript の設定を有効にする必要があります。

AKB48のみーおんがプログラミングに挑戦したら、センスが良すぎてちょまどがもん絶した件
AKB48総監督の向井地美音さんが、Microsoftの千代田まどかさんの手ほどきを受けて、プログラミングに初挑戦！　盆と暮れと正月とクリスマスとバレンタインが一緒に来たようなトキメキ☆イベント、萌（も）えるしかないじゃない。
Rubyの父まつもとゆきひろが就活生に贈る「失敗から学んだ7つの“格言”」
「名前重要」「塞翁が馬」「推測するな計測せよ」――若きエンジニアたちにまつもとさんが贈る教訓は、実用的で暖かい。
ChatGPTを使ってプログラミングすることが、当たり前になってくると思うんですよね #技育祭 #ひろゆき
論破王論破せず――ひろゆきは今年も、エンジニアを目指す学生たちの質問に、真摯（しんし）に誠実に答えまくった。
ゆめみ代表が伝授する、エンジニアが企業を選べる時代の就活ベストプラクティス
安定した大企業、夢のあるベンチャー企業、就職するならどっち――？