JavaScriptにおける「状態」とは、「今どう動くべきか」を決めるための情報のこと。音楽アプリの再生ボタンを例にすると、再生中なのか、止まっているのか、終わっているのかを示すもの。
音楽検索アプリの制作では、play / pause / ended のような状態を持たせることで、UIの現在の状況を明確に把握できるようにした。動的な処理が UI にどう影響するかを意識して実装することは、実装力だけでなく、設計力の向上にもつながる。
#JavaScript
#buildinpublic
JavaScriptにおける「状態」とは、「今どう動くべきか」を決めるための情報のこと。音楽アプリの再生ボタンを例にすると、再生中なのか、止まっているのか、終わっているのかを示すもの。
音楽検索アプリの制作では、play / pause / ended のような状態を持たせることで、UIの現在の状況を明確に把握できるようにした。動的な処理が UI にどう影響するかを意識して実装することは、実装力だけでなく、設計力の向上にもつながる。
#JavaScript
#buildinpublic
tableの行スタイルで
tbody tr:nth-child(2n) を使うと、
奇数行と偶数行で背景色を分けられる。
視認性を上げるのにちょうどいい。
#CSS
#WebDevelopment
tableの行スタイルで
tbody tr:nth-child(2n) を使うと、
奇数行と偶数行で背景色を分けられる。
視認性を上げるのにちょうどいい。
#CSS
#WebDevelopment
API通信周りの処理を理解する良い練習になってます☺️
#JavaScript
#API
API通信周りの処理を理解する良い練習になってます☺️
#JavaScript
#API