Ayaka.E/通所194日目/ちゃるびぃ日報
■日付
2026/08/10
■ できたこと・良かった点プラスの振り返り
Gemini作成の派生問題やる。
・「幕(カバー)の色をテキスト色と分ける」→済
・「縦方向(上から下)のワイプに変更する」→済
・「1文字ずつ順番にアニメーションさせる」→cssでspanで囲った一文字ずつをanimation-delayで手動秒数設定。手法把握のため解く。
・「幕(カバー)が通過する「裏」でグラデーションテキストが追従する」→できた
・「JavaScript & IntersectionObserver によるスクロール連動」→htmlから.is-animationを外していなかったためjsが実質無効となっていた(Geminiに発見してもらった)
■今のご自身の課題とそれを解決する方法を記載して下さい。
・「幕が左右から中央に閉じて、開いて切り替わる」→次回
・IntersectionObserverというやつについてGeminiにちょっと解説してもらおうと思う。→次回
■今日の作業予定
・ アニメーション課題
■作業内容
10:00~10:30 アニメーション課題
10:30~11:00 アニメーション課題
11:00~11:30 アニメーション課題
11:30~12:00 アニメーション課題
12:00~12:30 休憩
12:30~13:15 休憩(-13:15)
13:00~13:30 アニメーション課題
13:30~14:00 アニメーション課題
14:00~14:30 アニメーション課題
14:30~15:15 アニメーション課題、日報、ブログ
