Museで動くHTMLカードを試作 ミニピアノや2秒ごとに値が変わるグラフも
AINNでは投稿本文・投稿者本人の追記・第三者コメントの全文転載を避け、X公式埋め込みと元投稿への導線を中心に表示します。
AIによる見どころ整理
何について
小鳥遊ねむ氏は、Museで静止したHTMLカードを作れるなら動きも付けられるのではと考え、CSSとJavaScriptを使う4例を試した。テツメモ氏が紹介したのは、ふわっと現れたり弾んだりするカード、自動演奏付きのミニピアノ、ダッシュボード、紙吹雪だ。
なぜ注目
小鳥遊氏は、欲しいCSSの動きを言葉で頼んで作ったと説明している。紙吹雪も単に落ちるだけでなく、回転したり、連打に応じて増えたりする。一方、動きが複雑になるほどタイミングの調整は必要だった。
🔰 初学者向け要約
画面に動きを付ける実験のなかでも、ピアノには黒鍵を含む1オクターブの鍵盤がある。ダッシュボードは数字を数え上げ、2秒ごとに値を更新し、時計を表示する。スライダーを動かすとグラフも変わるという。
用語を調べる
公開記事とWeb上の出典をもとに、Geminiが短く説明します。1日5回まで利用できます。
