Smarty ライブラリの依存関係追加
JavaScript コードのリファクタリング
HTML の修正
レイアウトがわかりやすいようあえて border をつけた
コードのリファクタリングパッチを適用
依存関係の追加 (Smarty)