実際のウェブページコーディング
TRANSCRIPT
実際のウェブページコーディング
(ま、殆どJavaScriptですが)
Daniel Davis (@ourmaninjapan)
●
● 僕が使うコーディングワークフロー– (DOMを利用すると超便利!)
● エラーの防止と扱い● ブラウザの開発ツールを活かそう!
●僕が使うコーディングワークフロー
テンプレート →
<!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>
テンプレート → ← 事例
●エラーの防止と扱い
●1. 論理的なブロック
→
●2. 分かりやすいコメント
「なに」ではなく「なぜ」
●3. 統一性が重要
●例えばスペース、インデント、”など
●4. 変数、関数、DOMの名付け
● zoom_level● is_set● makePattern()● doZoom()● setPencil()● getAge()● btn_search● lbl_search
●5. コードを美しく
●ブラウザの開発ツールを活かそう!(エラーコンソール、Opera Dragonfly)