本日は計2件のコミットで作業を進めました。内容はその他の実装・CSSの調整です。
① その他の実装（22:37）
index22 正規表現の練習2（22:37）
変更ファイル：html_ver/index22.html, html_ver/index22.js
<div id="main1"></div>
<div id="main2"></div>
<div id="main3"></div>
<div id="main4"></div>
<div id="main5"></div>
const regex = /[0-9]*/g;console.log(regex);const nums = '01234567890';const result = nums.match(regex);console.log(result);const div = document.getElementById('main1');div.innerText = result;const seikihyogen = new RegExp('[a-z]+');result2 = seikihyogen.test('abc');const div2 = document.getElementById('main2');div2.innerText = result2;result3 = seikihyogen.test('123');const div3 = document.getElementById('main3');div3.innerText = result3;
② CSSをいじった話（22:07）
index22 正規表現の練習（22:07）
変更ファイル：/index22.css, /index22.html, /index22.js
cssとhtmlの雛形は前のものを使いまわした。
:root { --bg-speed: 3s; /* 初期値（カフェカラー） */ --c1: rgba(44, 26, 18, 0.4); --c2: rgba(141, 64, 36, 0.1); --c3: rgba(224, 122, 95, 0.3); --c4: rgba(61, 44, 37, 0.9);} margin: 0; padding: 0; box-sizing: border-box;}body,html { height: 100%; width: 100%; overflow: hidden; font-family: sans-serif; display: flex; justify-content: center; align-items: center; /* ↓ background-color: #000; を削除して透明にする */ background: transparent;}/* 1. 写真レイヤー（ここをしっかり表示させる） */.background-photo { position: fixed; top: 0; left: 0; width: 100vw; /* 画面幅いっぱい */
今日の振り返り
コミット2本でまとまった実装ができました。各変更の意図を理解しながら進めることで、コードの構造に対する理解が深まってきています。
今日の成果物 🎉
コメントを残す