Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

実際のウェブページコーディング

729 views

Published on

Published in: Technology
  • Be the first to comment

実際のウェブページコーディング

  1. 1. 実際のウェブページコーディング (ま、殆どJavaScriptですが) Daniel Davis (@ourmaninjapan)
  2. 2. ●● 僕が使うコーディングワークフロー – (DOMを利用すると超便利!)● エラーの防止と扱い● ブラウザの開発ツールを活かそう!
  3. 3. 僕が使うコーディングワークフロー●
  4. 4. テンプレート →
  5. 5. <!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><style>CSSはここ</style><script>JavaScriptはここ</script><title>HTMLファイルのテンプレート</title></head><body><h1>HTMLファイルのテンプレート</h1></body></html>
  6. 6. テンプレート → ← 事例
  7. 7. エラーの防止と扱い●
  8. 8. ● 1. 論理的なブロック →
  9. 9. 2. 分かりやすいコメント● 「なに」ではなく「なぜ」
  10. 10. 3. 統一性が重要 ●例えばスペース、インデント、”など●
  11. 11. ● 4. 変数、関数、DOMの名付け● zoom_level● is_set● makePattern()● doZoom()● setPencil()● getAge()● btn_search● lbl_search
  12. 12. 5. コードを美しく●
  13. 13. ブラウザの開発ツールを活かそう!● (エラーコンソール、Opera Dragonfly)

×