Readme

forked: 【5覧会用】YOKOHAMA Cords Collection vol. 1

5覧会用 きれいなコード大会

気を遣ったこと

  • Javascriptの変更だけで対応する

    • HTMLやCSSの構造までいじっていい状態なのかわからないため
  • 適切な、あとから見ても納得できる名前をつける (変数・関数)

    • コーディングのスタイルは人によって違うから、他人が読んだ時にしっくりこない書き方になるのはしょうがないけど、名前だけちゃんと付いてれば、最低限伝えるべきことは伝わる。
    • 自分にとっても、長く間が開いたあとに見ても思い出せるコードになる
    • 「リーダブルコード」とかの目次を見るだけでも勉強になるよ http://www.amazon.co.jp/dp/4873115655
  • パフォーマンスにこだわりすぎない

    • もっとDOMやCSSの更新抑えるとか、Dateオブジェクト毎度つくらないとか、まだパフォーマンス上げるためにできることはありそうだけど、時計なら言うても1秒に1回の更新なので、そんなに突き詰めなくてもいいと思う。
    • それより分かりやすいコードにするほうが重要
  • 時刻はずっと整数のまま扱う

    • 文字列にして、ゼロパディングしてとかしてもいいけど、どうせCSSの数値に起こすので数字のままでいくことにした
    • 文字列処理はわかりづらくなったり、バグ起こしがちだったりするし、避けられるなら避けたい
    • いちおう文字列処理より整数のままの方が速そうだしね

Code

  • JavaScript54 lines
  • HTML16 lines
  • CSS25 lines

Tag

fnobi

  • 0
  • 0
  • 1753views

JavaScript

  • forked: 【5覧会用】YOKOHAMA Cords Collection vol. 1
  • jQuery v2.1.0

HTML

CSS

  • forked: 【5覧会用】YOKOHAMA Cords Collection vol. 1

Play

play