知識習得を目的とした記録。随時更新。
同じように知識を必要とする人へ共有する意味を込めて公開する。
JSライブラリ
使えそう、使いやすそうなものをピックアップ
- Vue.js 小規模開発向け。データとDOMが自動的に繋がる
- anime.js 公式 （動きがある演出ができる）
- Velocity.js （動きがある演出ができる）
やりたいこと
文字の表示
・数字をランダムに表示させたい
→ドラムロール風にカウンターを表示
→数字だけ表示
⇒ルーレット
⇒ビンゴ
＜codepenでBINGOで検索＞
・Bingo Machine
※一度出た数字は次は出ないように設定されている
・JSに指定した文字に、色を付けたい
⇒CSSで指定する（[指定方法] (https://www.tohoho-web.com/css/prop/color.htm)）
・JSに指定した文字の大きさを変更する
⇒JSの対象の文字指定でfont-sizeで指定する（指定方法）
ボタン
・押したらテキストを表示して、もう一度押したら非表示
＜参考＞
Vue.jsでいい感じのアニメーションを作りたい