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

446 views
403 views

Published on

Published in: Technology
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
446
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

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

  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)

×